.account-button{padding:10px 16px;border:1px solid #ffffff30;background:transparent;border-radius:12px;font-size:12px;font-weight:750}.account-dialog{background:#080808;color:#eee;border:1px solid #333;border-radius:20px;width:min(470px,calc(100% - 32px));padding:34px}.account-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.account-dialog h2{font-size:29px;letter-spacing:-1px;margin:18px 0 24px}.account-dialog .dialog-close{float:right;margin-top:-15px;margin-right:-15px}.account-switch{display:flex;border-bottom:1px solid #333;margin:20px 0 26px}.account-switch button{padding:12px 18px;background:transparent;color:#888;font-weight:750;border-bottom:2px solid transparent}.account-switch button[aria-pressed=true]{color:#eee;border-bottom-color:#eee}.account-dialog label{display:grid;gap:10px;font-size:12px;font-weight:700;margin:20px 0}.account-dialog input{width:100%;background:#111;color:#eee;border:1px solid #333;border-radius:10px;padding:13px;font:600 14px 'Segoe UI',sans-serif}.account-dialog input:focus{outline:2px solid #aaa;outline-offset:2px}.account-dialog form>.button{width:100%;margin-top:8px}.account-dialog #auth-message{font-size:12px;line-height:1.6;min-height:20px;color:#aaa}.account-email{font-size:14px;color:#aaa;overflow-wrap:anywhere}.account-plan{border:1px solid #333;border-radius:14px;padding:20px;margin:24px 0;display:grid;gap:10px}.account-plan>span{font-size:12px;color:#888}.account-plan>strong{font-size:24px;font-weight:750}.account-plan small{font-size:12px;color:#888}.account-actions{display:flex;gap:12px}.account-actions button{flex:1}html[data-theme=light] :is(.account-dialog,.account-button){background:#fff;color:#111;border-color:#ccc}html[data-theme=light] .account-dialog input{background:#fafafa;color:#111;border-color:#ccc}html[data-theme=light] .account-switch button[aria-pressed=true]{color:#111;border-bottom-color:#111}@media(max-width:760px){.account-button{font-size:11px;padding:9px 11px}.account-dialog{padding:26px}}

.google-login{display:block;width:100%;padding:14px;border:1px solid #444;border-radius:12px;background:transparent;color:inherit;font:750 13px "Segoe UI",sans-serif;margin:18px 0}.google-login:hover{background:#ffffff0a}.account-divider{display:flex;gap:12px;align-items:center;font-size:11px;color:#777;margin:18px 0}.account-divider:before,.account-divider:after{content:"";flex:1;height:1px;background:#333}

.account-welcome{text-align:center;padding:10px 0}.account-welcome>p,.account-intro{font-size:13px;color:#999;line-height:1.7}.account-welcome>small,.account-note{font-size:11px;color:#777}.account-welcome .google-login{margin:28px 0 14px}.account-welcome #account-message{font-size:12px;min-height:20px}.account-dialog #auth-message{font-size:12px;color:#aaa;line-height:1.7}

.account-dialog{border-radius:30px}.account-dialog input{border-radius:16px;min-height:48px}.account-dialog .button{border-radius:18px}.account-dialog .account-plan{border-radius:24px}.account-switch button{border-radius:10px 10px 0 0}.account-dialog #auth-message{font-size:12px;line-height:1.7;min-height:20px;color:#aaa}
.account-button{display:inline-flex;align-items:center;gap:9px;min-height:40px;flex-shrink:0;white-space:nowrap;font-family:inherit}.account-button svg{width:19px;height:19px;flex:none}.account-days{font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.account-dialog,.account-dialog button{font-family:inherit}.account-dialog button{font-weight:750}.account-dialog h2{font-weight:800}.account-dialog .account-email{-webkit-user-select:text;user-select:text}button,button *,nav,.eyebrow,summary{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}dialog[open]::backdrop{animation:forge-backdrop-in .28s ease both}dialog.is-closing::backdrop{animation:forge-backdrop-out .18s ease both}@keyframes forge-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes forge-backdrop-out{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[open]::backdrop,dialog.is-closing::backdrop{animation:none}}
@media(max-width:400px){.header{gap:7px}.header>.button-small{padding:0 9px;font-size:11px}.header>.button-small>span{display:none}.header .account-button{padding:9px;gap:6px}}
.desktop-return{margin-top:22px;padding:20px;border:1px solid #333;border-radius:20px;font-size:12px;line-height:1.7}.desktop-return strong{font-size:15px}.desktop-return p{color:#999;margin:8px 0}.desktop-return button{margin-top:12px}
.account-delete{display:block;margin:22px auto 0;padding:8px 14px;color:#999;background:transparent;font-size:11px;border-radius:12px}.account-delete:hover{color:#eee;background:#ffffff08}.delete-warning{font-size:13px;line-height:1.8;color:#aaa}.account-dialog .delete-check{display:flex;align-items:center;gap:10px;line-height:1.7}.account-dialog .delete-check input{width:16px;min-height:16px;height:16px;margin:0;flex:none}.delete-confirm{background:#eee;color:#111}.delete-confirm:disabled{opacity:.35;cursor:default}.account-dialog #delete-message{font-size:12px;color:#aaa;line-height:1.6}