.acct{gap:18px;max-width:64rem;margin:24px auto 56px;display:grid}.acct[hidden],.acct [hidden]{display:none!important}.acct-head{color:#fff;background:radial-gradient(120% 140% at 0 0,#00c85333,#0000 55%),linear-gradient(160deg,#0a2540 0%,#12355b 100%);border-radius:22px;align-items:center;gap:16px;padding:24px 28px;display:flex}.acct-avatar{background:var(--accent-green);color:#0a2540;width:56px;height:56px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.acct-who{flex:1;min-width:0}.acct-who h1{color:#fff;margin:0;font-size:1.5rem}.acct-who p{color:#c9d6e3;overflow-wrap:anywhere;margin:2px 0 0}.acct-stats{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.acct-stats li{border:1px solid var(--line);background:var(--card-bg);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.9rem}.acct-stats strong{color:var(--fg)}.acct-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.acct-card{border:1px solid var(--line);background:var(--card-bg);border-radius:18px;align-content:start;gap:12px;padding:22px 24px;display:grid}.acct-card h2{margin:0;font-size:1.1rem}.acct-wide{grid-column:1/-1}.acct-note{color:var(--muted);margin:0;font-size:.88rem}.acct-empty{color:var(--muted);margin:0}div.acct-empty{gap:10px;display:grid}.acct-empty p{margin:0}.acct-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.acct-list li{border:1px solid var(--line);background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.acct-list .acct-item{gap:3px;min-width:0;display:grid}.acct-list .acct-item a{color:var(--fg);font-weight:600;text-decoration:none}.acct-list .acct-item a:hover{color:var(--accent)}.acct-list .acct-meta{color:var(--muted);font-size:.85rem}.acct-list .acct-tag{background:var(--note-bg);color:var(--accent);border-radius:999px;justify-self:start;padding:1px 8px;font-size:.75rem;font-weight:700}.acct-list button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:6px 10px;font-size:.85rem}.acct-list button:hover{color:#b42318;border-color:#b42318}.acct-chips{flex-wrap:wrap;gap:8px;display:flex}.acct-chips a{border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:5px 12px;font-size:.85rem;text-decoration:none}.acct-chips a:hover{border-color:var(--accent);color:var(--accent)}.acct-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.acct-tags li{background:var(--note-bg);border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:600}#acct-password{justify-items:start;gap:10px;display:grid}.acct-switch{cursor:pointer;align-items:center;gap:12px;font-weight:600;display:flex}.acct-switch input{opacity:0;width:1px;height:1px;position:absolute}.acct-switch-track{background:var(--line);border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.acct-switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.acct-switch input:checked+.acct-switch-track{background:var(--accent-green)}.acct-switch input:checked+.acct-switch-track:after{transform:translate(18px)}.acct-switch input:focus-visible+.acct-switch-track{outline:2px solid var(--accent);outline-offset:2px}.acct-btn{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:9px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.acct-btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.acct-btn.danger{color:#b42318;border-color:#b42318;justify-self:start}.acct-btn.danger.solid{color:#fff;background:#b42318}.acct-danger{border-color:#b4231859}.acct-confirm{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.acct-confirm p{width:100%;margin:0}@media (max-width:760px){.acct{margin-top:12px}.acct-grid{grid-template-columns:1fr}.acct-head{flex-wrap:wrap;padding:20px}}
