.dialog-overlay{overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.dialog-content.viewport-dialog{box-sizing:border-box;left:calc(var(--dialog-viewport-left,0px) + var(--dialog-viewport-width,100vw)/2);top:calc(var(--dialog-viewport-top,0px) + var(--dialog-viewport-height,100dvh)/2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;min-width:0;scroll-padding-block:28px;overflow:hidden auto;max-width:calc(var(--dialog-viewport-width,100vw) - 32px)!important;max-height:calc(var(--dialog-viewport-height,100dvh) - 32px)!important}.dialog-content.viewport-dialog>*{min-width:0}.dialog-content.viewport-dialog .dialog-close{z-index:2;place-items:center;min-width:32px;min-height:32px;display:grid;position:absolute;top:12px;right:12px}@media (max-width:760px){.dialog-content.viewport-dialog{scrollbar-gutter:stable;border-radius:14px;padding:25px 20px;width:calc(var(--dialog-viewport-width,100vw) - 24px)!important;max-width:calc(var(--dialog-viewport-width,100vw) - 24px)!important;max-height:calc(var(--dialog-viewport-height,100dvh) - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))!important}.dialog-content.viewport-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important}.dialog-content.viewport-dialog :is(form,fieldset){min-width:0}.dialog-content.viewport-dialog :is(h1,h2,h3,p,label,a){overflow-wrap:anywhere}.dialog-content.viewport-dialog input[type=checkbox]{min-width:18px;min-height:18px}}@media (max-height:470px){.dialog-content.viewport-dialog{max-height:calc(var(--dialog-viewport-height,100dvh) - 16px)!important}}
.account-dialog{background:var(--card);color:var(--foreground);border-radius:18px;padding:30px}.account-dialog>h2{margin-right:20px;font-size:24px}.account-dialog>p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.account-tabs{background:var(--search-background);border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin:23px 0;padding:4px;display:grid}.account-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:9px;font-size:13px;font-weight:600}.account-tabs button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 6px #15202b0b}.account-dialog form>label{margin:16px 0 7px;font-size:13px;font-weight:600;display:block}.account-input{border:1px solid var(--border);min-height:44px;color:var(--muted);background:var(--background);border-radius:9px;align-items:center;gap:10px;padding:0 12px;display:flex}.account-input:focus-within{border-color:#728996}.account-input input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:13px}.account-input button{color:var(--muted);background:0 0;border:0;padding:5px 0;display:flex}.username-status,.account-hint{color:var(--muted);margin-top:7px;font-size:11px}.username-status.available{color:#36805b}.username-status.taken,.account-error{color:#b34646}.account-error{background:#b346460c;border-radius:7px;margin-top:14px;padding:10px 12px;font-size:12px}.account-submit{color:#fff;background:#172733;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:22px;padding:12px;font-size:13px;font-weight:650;display:flex}.account-dialog .account-return{text-align:center;margin-top:17px;font-size:11px}.account-forgot,.account-back{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:flex}.account-forgot{margin:12px 0 0 auto}.account-back{margin-top:20px}.account-success{border:1px solid var(--border);background:var(--teal-soft);color:var(--primary);border-radius:10px;align-items:flex-start;gap:10px;padding:16px;display:flex}.account-success>svg{flex-shrink:0;margin-top:2px}.account-success p{font-size:13px;line-height:1.75}.account-dialog button:disabled{cursor:wait;opacity:.6}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.account-dialog{padding:25px 20px}.account-dialog>h2{font-size:22px}}.account-dialog .account-tabs{border:1px solid var(--border);background:var(--search-background);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;margin:22px 0;padding:5px;overflow:visible;display:grid!important}.account-dialog .account-tabs>button{justify-content:center;align-items:center;width:100%;min-height:41px;margin:0;padding:9px 12px;line-height:1.4;display:flex}.account-dialog .account-tabs>button[aria-pressed=true]{background:var(--primary);color:#fff;box-shadow:none}.account-dialog .account-terms{align-items:flex-start;gap:9px;margin:16px 0;font-size:11px;font-weight:400;line-height:1.7;display:flex}.account-dialog .account-terms>input{width:17px;height:17px;accent-color:var(--primary);flex-shrink:0;margin:3px 0 0}.account-dialog .account-terms a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.account-dialog .account-input,.account-dialog .account-input>input{min-width:0}@media (max-width:760px){.account-dialog .account-input input{font-size:16px!important}.account-dialog .account-terms{font-size:11px}.account-dialog .account-tabs{margin-block:19px}}
