.profile-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #b4d6cb;border-left:5px solid var(--green);background:#f0f8f4;border-radius:15px;padding:18px 22px;margin:0 0 22px}.profile-bar small{display:block;font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:700}.profile-bar strong{display:block;font-size:22px;margin:3px 0}.profile-bar span{font-size:13px;color:var(--muted)}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-actions button,.profile-dialog button{border:1px solid #b4d6cb;border-radius:10px;padding:11px 15px;background:white;color:var(--ink);cursor:pointer}.profile-dialog{width:min(540px,calc(100% - 28px));max-height:90dvh;border:0;border-radius:20px;padding:28px;color:var(--ink)}.profile-dialog::backdrop{background:#102f29b8}.profile-dialog h2{margin:0 0 8px}.profile-dialog p{line-height:1.55}.profile-dialog label{display:block;font-weight:700;margin:22px 0 8px}.profile-create{display:flex;gap:8px}.profile-create input{min-width:0;flex:1;padding:12px;border:1px solid #b4c7c0;border-radius:10px;font:inherit}.profile-dialog .primary{background:var(--green);color:white}.profile-dialog #profile-list{display:grid;gap:8px}.profile-dialog #profile-list button{text-align:left;display:flex;flex-direction:column;gap:4px}.profile-dialog #profile-list span{font-size:12px;color:var(--muted)}.profile-local-note{font-size:12px;color:var(--muted);background:#f5f6f3;padding:12px;border-radius:10px}#profile-message{color:#9c382c}button:focus-visible{outline:3px solid #6795d0;outline-offset:3px}@media(max-width:600px){.profile-bar{align-items:flex-start;flex-direction:column;padding:16px}.profile-create{flex-direction:column}.profile-dialog{padding:22px}}