.account-page{padding:66px 0 88px}.account-hero{max-width:760px;margin-bottom:26px}.account-hero h1{margin:0;font:800 clamp(48px,8vw,84px)/.9 var(--display);letter-spacing:-.025em}.account-hero h1 span{color:var(--pink)}.account-hero>p:last-child{max-width:650px;margin:18px 0 0;color:#a4b1c0;font-size:14px;line-height:1.8}.account-status{min-height:22px;margin:0 0 14px;color:var(--acid);font:9px var(--mono)}.account-layout{display:grid;grid-template-columns:minmax(245px,.68fr) minmax(0,1.55fr);align-items:start;gap:14px}.auth-panel,.profile-panel{min-width:0;border:1px solid color-mix(in srgb,var(--cyan) 36%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--panel) 97%,var(--cyan)),#0b0f17 70%);box-shadow:0 15px 48px #0007}.auth-panel{position:sticky;top:92px;padding:22px}.auth-panel h2,.profile-panel h2{margin:0 0 18px;font:700 29px/.95 var(--display)}.auth-panel h2 span,.profile-panel h2 span{color:var(--pink)}.auth-panel .eyebrow,.profile-panel .eyebrow{margin-bottom:10px;font-size:8px}.google-auth{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 12px;border:1px solid var(--cyan);color:var(--cyan);background:#21e6ff0a;font:600 9px var(--mono);letter-spacing:.08em;transition:.2s}.google-auth:hover{color:var(--bg);background:var(--cyan);box-shadow:0 0 20px #21e6ff36}.google-auth b{font-size:14px}.google-auth.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.auth-hint{margin:8px 0;color:var(--muted);font:8px/1.7 var(--mono)}.auth-divider{display:flex;align-items:center;gap:9px;margin:17px 0;color:var(--muted);font:8px var(--mono)}.auth-divider:before,.auth-divider:after{height:1px;flex:1;content:"";background:var(--line)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:13px;border-bottom:1px solid var(--line)}.auth-tabs button{padding:10px 3px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;font:8px var(--mono);cursor:pointer}.auth-tabs button.selected{border-color:var(--acid);color:var(--acid)}.auth-form{display:grid;gap:12px}.auth-form label,.profile-fields label,.upload-avatar{display:grid;gap:6px;color:var(--cyan);font:8px var(--mono);letter-spacing:.08em}.auth-form input,.profile-fields input,.profile-fields select,.profile-fields textarea{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:0;color:var(--white);background:#080b12;font:11px var(--sans);letter-spacing:normal}.auth-form input:focus,.profile-fields input:focus,.profile-fields select:focus,.profile-fields textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}.auth-form [hidden]{display:none}.auth-submit{width:100%;justify-content:space-between;margin-top:4px;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-help{display:flex;justify-content:space-between;gap:8px}.auth-help button{padding:3px 0;border:0;color:var(--muted);background:none;font:7px var(--mono);cursor:pointer}.auth-help button:hover{color:var(--pink)}.auth-message{min-height:25px;margin:12px 0 0;color:var(--acid);font:9px/1.6 var(--mono)}.logout-button{width:100%;padding:10px;border:1px solid var(--pink);color:var(--pink);background:transparent;font:8px var(--mono);cursor:pointer}.profile-panel{padding:23px}.profile-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.profile-title-row h2{margin-bottom:0}.profile-sync{flex:none;padding:7px 9px;border:1px solid var(--orange);color:var(--orange);font:7px var(--mono);letter-spacing:.1em}.profile-sync.synced{border-color:var(--acid);color:var(--acid)}.avatar-preview-row{display:flex;align-items:center;gap:15px;margin-bottom:18px;padding:13px;border:1px solid var(--line);background:#080b12}.avatar-preview{width:74px;height:74px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--cyan);background:radial-gradient(circle,#202c43,#0a0c14 70%);box-shadow:0 0 20px #21e6ff20;font-size:40px}.avatar-preview img,.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-preview-row>div:last-child{display:grid;gap:3px}.avatar-preview-row strong{font:700 20px var(--display);text-transform:uppercase}.avatar-preview-row span{color:var(--pink);font:9px var(--mono)}.avatar-preview-row small{margin-top:4px;color:var(--muted);font:8px var(--mono)}.avatar-field,.privacy-field{min-width:0;margin:0 0 18px;padding:14px;border:1px solid var(--line)}.avatar-field legend,.privacy-field legend{padding:0 8px;color:var(--orange);font:8px var(--mono);letter-spacing:.13em}.avatar-field>p,.privacy-field>p{margin:0 0 12px;color:var(--muted);font:9px/1.6 var(--mono)}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.avatar-option{min-width:0;padding:5px;border:1px solid var(--line);color:var(--muted);background:#0a0e16;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.avatar-option:hover{transform:translateY(-2px);border-color:var(--cyan)}.avatar-option[aria-pressed=true]{border-color:var(--acid);box-shadow:0 0 13px #c3ff0038}.avatar-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.avatar-option span{display:block;padding:6px 0 2px;font:6px var(--mono);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-picker{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:13px 0}.emoji-picker>span{margin-right:5px;color:var(--muted);font:7px var(--mono);letter-spacing:.1em}.emoji-picker button{width:33px;height:33px;padding:0;border:1px solid var(--line);background:#0b0f17;font-size:18px;cursor:pointer}.emoji-picker button[aria-pressed=true]{border-color:var(--acid);box-shadow:0 0 11px #c3ff0038}.upload-avatar{display:inline-grid;gap:5px;margin-top:3px;cursor:pointer}.upload-avatar input{max-width:100%;color:var(--muted);font:8px var(--sans);letter-spacing:normal}.upload-avatar small,.profile-fields small{color:var(--muted);font:7px/1.5 var(--mono);letter-spacing:normal}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.profile-fields .wide-field{grid-column:1/-1}.profile-fields select{appearance:auto;color:var(--white)}.profile-fields textarea{resize:vertical;line-height:1.6}.check-row{display:flex;align-items:flex-start;gap:9px;margin:9px 0;color:#b7c2ce;font:10px/1.5 var(--sans);cursor:pointer}.check-row input{accent-color:var(--acid);margin-top:2px}.privacy-field>p{margin:12px 0 0}.profile-actions{display:flex;flex-wrap:wrap;gap:9px}.profile-actions .button{cursor:pointer}.profile-feedback{min-height:23px;margin:11px 0 0;color:var(--acid);font:8px/1.6 var(--mono)}.public-profile{margin:12px 0 22px}.public-profile-card{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--cyan);background:radial-gradient(ellipse at 4% 0%,#21e6ff14,transparent 55%),#080b12}.public-profile-avatar{width:112px;height:112px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--cyan);font-size:54px}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-card small{color:var(--acid);font:8px var(--mono);letter-spacing:.08em}.public-profile-card h2{margin:7px 0;color:var(--white);font:700 34px var(--display)}.public-profile-card p{margin:5px 0;color:#aab6c4;font-size:12px}.public-profile-card p:nth-of-type(1){color:var(--pink);font:9px var(--mono)}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.profile-tags span{padding:5px 7px;border:1px solid var(--line);color:var(--cyan);font:7px var(--mono)}.is-signed-in .auth-divider,.is-signed-in .auth-tabs{display:none}.is-signed-in h2.signed-in-heading{color:var(--acid)}.dw-site-footer{position:relative}.account-page~.dw-site-footer{border-top:1px solid #13232d}
@media(max-width:900px){.account-layout{grid-template-columns:1fr}.auth-panel{position:static}.auth-panel:not(.is-signed-in){display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.auth-panel:not(.is-signed-in)>.eyebrow,.auth-panel:not(.is-signed-in)>h2,.auth-panel:not(.is-signed-in)>.auth-message{grid-column:1/-1}.auth-panel:not(.is-signed-in)>.google-auth,.auth-panel:not(.is-signed-in)>.auth-hint,.auth-panel:not(.is-signed-in)>.auth-divider,.auth-panel:not(.is-signed-in)>.auth-tabs,.auth-panel:not(.is-signed-in)>.auth-form{grid-column:1}.auth-panel:not(.is-signed-in)>.auth-divider{grid-row:3}.auth-panel:not(.is-signed-in)>.auth-tabs{grid-row:4}.auth-panel:not(.is-signed-in)>.auth-form{grid-row:5}.auth-panel:not(.is-signed-in)>.auth-hint{grid-column:2;grid-row:2}}
@media(max-width:620px){.account-page{padding:40px 0 58px}.account-hero h1{font-size:56px}.auth-panel,.profile-panel{padding:16px}.auth-panel:not(.is-signed-in){display:block}.auth-panel:not(.is-signed-in)>.auth-hint{margin-bottom:8px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.avatar-option{padding:3px}.avatar-option span{font-size:5px}.profile-fields{grid-template-columns:1fr;gap:11px}.profile-fields .wide-field{grid-column:auto}.profile-title-row{align-items:flex-start;flex-direction:column}.public-profile-card{align-items:flex-start;gap:13px;padding:13px}.public-profile-avatar{width:82px;height:82px}.public-profile-card h2{font-size:27px}.profile-actions .button{flex:1;justify-content:center}.avatar-preview-row small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.avatar-option,.google-auth{transition:none}}