.account-root{min-height:100svh;background:#14252d;color:#f3f6ed;display:grid;place-content:center;padding:30px 20px;font-family:inherit}.account-root[hidden]{display:none}.shell[hidden]{display:none}.account-brand{font-size:28px;font-weight:800;letter-spacing:2px;margin:0 0 25px}.account-brand span{color:#caff75}.account-card{max-width:510px;width:100%;background:#20333d;border:1px solid #43565d;border-radius:28px;padding:34px}.account-card h1{font-size:clamp(30px,5vw,42px);line-height:1.1}.account-card p{line-height:1.6}.account-mascot{width:100px;height:100px;object-fit:contain}.account-card label,.account-dialog label{display:block;margin:20px 0 16px;font-weight:600}.account-card input,.account-dialog input{display:block;width:100%;margin:10px 0;padding:15px;border:1px solid #6b7b82;border-radius:12px;background:#14252d;color:#f4f6ed;font:inherit}.account-card .primary{width:100%;justify-content:center}.account-message{min-height:24px;line-height:1.5;color:#caff75}.account-test-note{font-size:13px;color:#c7d1d4}.account-avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.account-avatars button{background:#14252d;border:2px solid transparent;border-radius:14px;padding:4px;cursor:pointer}.account-avatars button[aria-pressed=true]{border-color:#caff75}.account-avatars img{width:100%;height:60px}.account-card fieldset,.account-dialog fieldset{border:0;margin:0 0 24px;padding:0}.account-card legend,.account-dialog legend{margin-bottom:12px;font-weight:600}.account-dialog{width:min(680px,calc(100% - 30px));max-height:88svh;padding:30px;border:1px solid #60717a;border-radius:24px;background:#14252d;color:#f3f6ed;overflow:auto}.account-dialog::backdrop{background:#0c1923bb}.account-close{float:right;border:0;border-radius:50%;width:36px;height:36px;cursor:pointer;background:#30434d;color:white;font-size:28px}.account-profile-button{padding:8px 12px;border-radius:18px;background:#d0ef99;color:#172730;border:0;font:inherit;cursor:pointer;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-track{padding:18px;border:1px solid #43565d;border-radius:18px;margin:18px 0}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-metrics span{font-size:13px;color:#ced8d9}.account-metrics strong{display:block;font-size:26px;color:#caff75}.account-dialog details{padding:16px 0;border-bottom:1px solid #43565d}.account-dialog summary{cursor:pointer;font-weight:600}.account-dialog p{line-height:1.6}.account-dialog button:focus-visible,.account-card button:focus-visible{outline:3px solid #f5fbdd;outline-offset:3px}@media(max-width:600px){.account-card,.account-dialog{padding:24px 20px}.account-profile-button{max-width:85px;font-size:12px}.account-avatars{grid-template-columns:repeat(3,1fr)}.account-metrics{grid-template-columns:repeat(2,1fr)}}

.account-test-badge{font-size:.68rem;color:#425214;background:#eef5df;padding:5px 7px;border-radius:8px;white-space:nowrap}.top-tools{flex-wrap:wrap}.account-track .secondary{margin:.2rem .3rem .2rem 0}

.account-dialog>.account-mascot{width:48px;height:48px;float:left;margin:0 12px 12px 0}.account-dialog h2{margin-top:0}

:root{--ac-paper:#fff;--ac-soft:#f5f3fa;--ac-ink:#292631;--ac-sub:#706a7b;--ac-line:#e4dfec;--ac-accent:#6c56c5}html[data-theme=dark]{--ac-paper:#1c1c1e;--ac-soft:#252329;--ac-ink:#f3eff7;--ac-sub:#bdb6c8;--ac-line:#3a3540;--ac-accent:#bdadff}
.account-root{background:var(--ac-soft);color:var(--ac-ink)}.account-card,.account-dialog{background:var(--ac-paper);color:var(--ac-ink);border-color:var(--ac-line)}.account-card input,.account-dialog input,.account-avatars button{background:var(--ac-soft);color:var(--ac-ink);border-color:var(--ac-line)}.account-message{color:var(--ac-accent)}.account-test-note,.account-metrics span{color:var(--ac-sub)}.account-metrics strong{color:var(--ac-ink)}.account-track,.account-dialog details{border-color:var(--ac-line)}.account-close{background:var(--ac-soft);color:var(--ac-ink)}.account-avatars button[aria-pressed=true]{border-color:var(--ac-accent)}.account-dialog{width:min(850px,calc(100% - 30px));padding:30px}.profile-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;border-radius:22px;background:linear-gradient(120deg,var(--ac-paper),var(--ac-soft));padding:22px;margin:20px 0}.profile-identity{display:flex;align-items:center;gap:14px}.profile-identity .account-mascot{width:60px;height:60px}.profile-identity h2{font-size:30px;overflow-wrap:anywhere}.profile-hero p{color:var(--ac-sub);font-size:14px;line-height:1.8}.profile-hero .eyebrow{color:var(--ac-accent);font-size:10px}.profile-hero-art{width:100%;height:auto;max-height:230px;object-fit:contain;animation:profile-arrive .35s ease-out}.profile-caption{font-size:12px;color:var(--ac-sub)}.account-track h3{font-size:19px;margin:4px 0}.account-track .secondary{margin:8px 6px 0 0}.account-dialog :is(button,input):focus-visible{outline:3px solid var(--ac-accent);outline-offset:3px}@keyframes profile-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:600px){.profile-hero{grid-template-columns:1fr;padding:18px;gap:5px}.profile-hero-art{max-height:160px}.profile-identity h2{font-size:25px}.account-dialog{padding:20px}.account-track{padding:16px}}

.account-root .primary,.account-dialog .primary{background:#6954c6;color:white;border-color:#6954c6}

.account-dialog::backdrop{background:#101013aa}

.profile-summary{color:var(--ac-sub);font-size:13px}.profile-summary strong{color:var(--ac-accent);font-variant-numeric:tabular-nums}