.account-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:130px;height:31px;padding:5px 10px;margin-left:5px;border:1px solid #9faeaf35;background:#c1aa6b13;color:var(--accent);border-radius:3px;flex-shrink:0;font-size:11px}.account-button svg{width:15px;height:15px;flex-shrink:0}.account-button>span{max-width:85px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.account-dot.offline,.account-dot.conflict{background:#d68775}.account-dot.saving{animation:account-pulse .8s ease infinite alternate}.account-dialog{width:min(440px,100vw);padding:0;display:flex;flex-direction:column}.account-dialog:not([open]){display:none}.account-scroll{flex:1;overflow:auto;padding:0 25px 28px}.account-hero{display:flex;gap:17px;align-items:center;margin:10px 0 30px}.account-hero strong{font-size:19px;letter-spacing:.5px;overflow-wrap:anywhere}.account-hero p{font-size:11px;color:var(--muted);margin:9px 0 0;letter-spacing:1px}.account-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:67px;height:78px;flex:none;background:linear-gradient(135deg,#dac88b1c,#dac88b06);border:1px solid #dac88b50;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);color:var(--accent)}.account-emblem svg{width:28px;height:28px}.account-emblem span{font:9px Bahnschrift,sans-serif;letter-spacing:2px;margin-top:7px}.account-dialog .account-form{display:grid;height:auto;gap:20px}.account-form label{display:grid;gap:9px;font-size:12px;color:var(--muted)}.account-form input{width:100%;min-width:0;padding:12px 13px;font-size:14px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--ink)}.account-form input:focus{outline:1px solid var(--accent);outline-offset:1px}.account-code-row{display:flex;gap:8px;align-items:stretch}.account-code-row input{flex:1;min-width:0}.account-code-row button{flex:none;padding:0 13px;font-size:12px;white-space:nowrap}.account-message{min-height:16px;font-size:11px;line-height:1.6;color:var(--accent);margin:0}.account-submit{padding:13px 15px;display:flex;justify-content:space-between;text-align:left;font-size:14px;font-weight:650}.account-caption{margin:-8px 0 0;text-align:center;font-size:11px;color:var(--muted)}.account-identity{padding:0 0 18px;margin-bottom:19px;border-bottom:1px solid var(--line);display:grid;gap:7px}.account-identity span{font-size:10px;color:var(--muted);letter-spacing:1px}.account-identity strong{font-size:14px;overflow-wrap:anywhere}.nickname-form+.account-message{margin-top:8px}.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-section-heading h3,.account-choice h3{font-size:14px;margin:0}.account-storage{margin-top:26px}.account-sync-state{font-size:10px;color:var(--accent)}.account-sync-state[data-phase=offline],.account-sync-state[data-phase=conflict]{color:#d68775}.account-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.account-markets>div{display:flex;flex-direction:column;gap:9px;padding:13px 10px;border:1px solid var(--line);background:var(--panel)}.account-markets small{font-size:9px;white-space:nowrap;color:var(--muted)}.account-markets strong{font:22px Bahnschrift,"Segoe UI",sans-serif}.account-markets span{font-size:10px;color:var(--muted)}.account-storage-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.account-storage-actions button{padding:6px 8px;font-size:11px}.account-choice{margin-top:20px;padding:17px 14px;border:1px solid #d6b96d50;border-left:2px solid var(--accent);background:#d6b96d0a}.account-choice p{font-size:11px;color:var(--muted);line-height:1.8;margin:9px 0 13px}.account-choice-actions{display:flex;gap:8px}.account-choice-actions button{font-size:11px;flex:1;padding:10px 8px}.account-exit{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.account-exit button{font-size:11px;padding:8px 10px}[data-account-status]{background:none;border:0;padding:0!important;color:var(--muted);text-align:left;font-size:10px!important;margin-right:auto}.comment-identity{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:7px}.comment-identity svg{width:12px;height:12px}.comment-login{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);background:var(--panel);font-size:12px}.comment-login button{font-size:12px;padding:7px 15px}.mail-settings{padding:24px;max-width:760px}.mail-settings form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mail-settings label{display:grid;gap:8px;font-size:12px}.mail-settings .mail-wide{grid-column:1/-1}.mail-settings .mail-actions{display:flex;gap:10px;align-items:center}.mail-settings p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.mail-settings .mail-enabled{display:flex;align-items:center;gap:8px}.mail-settings #mail-message{min-height:22px;color:var(--gold)}
.account-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:25px;border:1px solid var(--line);background:var(--panel)}.account-auth-tabs button{position:relative;padding:11px 8px;font-size:12px;color:var(--muted);background:transparent;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}.account-auth-tabs button[aria-pressed=true]{background:#c1aa6b15;border-color:#c1aa6b45;color:var(--accent)}.account-auth-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background:var(--accent)}.account-auth-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.account-auth-heading h3{font-size:15px;margin:0}.account-auth-heading button,.account-auth-links button{background:none;border:none;padding:3px 0;font-size:11px;color:var(--muted)}.account-auth-heading button:hover,.account-auth-links button:hover{color:var(--accent)}.account-auth-links{display:flex;justify-content:space-between;margin-top:-6px}.account-auth-links button:first-child{color:var(--accent)}.account-security{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.account-security summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink);list-style:none}.account-security summary::-webkit-details-marker{display:none}.account-security summary [data-password-state]{font-size:10px;color:var(--muted)}.account-security summary [data-password-action]:after{content:'＋';margin-left:10px;color:var(--accent)}.account-security[open] summary [data-password-action]:after{content:'−'}.account-security form{margin-top:20px}.account-security .account-caption{text-align:left;font-size:10px}.account-dialog [hidden]{display:none!important}
@keyframes account-pulse{to{opacity:.25}}@media(max-width:700px){.account-button{padding:4px 6px;margin-left:3px;max-width:80px;font-size:10px;height:27px}.account-button svg{width:12px;height:12px}.account-button>span{max-width:45px}.account-dialog{width:100vw}.account-scroll{padding:0 20px 25px}}@media(max-width:560px){.mail-settings{padding:16px}.mail-settings form{grid-template-columns:1fr}.mail-settings .mail-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){.account-dot.saving{animation:none}.account-auth-tabs button{transition:none}}