html body #container.toys-auth-page{box-sizing:border-box;max-width:1400px!important;width:100%;padding:54px 20px 64px;margin:0 auto;color:var(--text)}
html body .toys-auth-page-inner{max-width:480px;margin:0 auto}
html body .toys-auth-panel{box-sizing:border-box;padding:30px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);font:400 14px/1.6 Manrope,Arial,sans-serif}
html body .toys-auth-panel [hidden]{display:none!important}
html body .toys-auth-intro-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 18px;border-radius:17px;background:var(--utility-hover);color:var(--accent)}
html body .toys-auth-intro-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body .toys-auth-panel :is(h1,h2){margin:0 0 10px;padding:0;border:0;background:none;color:var(--text);text-align:center;font:700 25px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.025em}
html body .toys-auth-lead{margin:0 0 26px;text-align:center;color:var(--text-muted);font:400 13px/1.65 Manrope,Arial,sans-serif}
html body .toys-auth-panel form{margin:0;padding:0;border:0;background:none}
html body .toys-auth-panel label{display:block;margin:0 0 8px;color:var(--text);font:600 13px/1.5 Manrope,Arial,sans-serif}
html body .toys-auth-panel label span{font-size:12px;color:var(--text-muted);font-weight:400}
html body .toys-auth-panel input{display:block;box-sizing:border-box;width:100%;height:50px;min-width:0;margin:0 0 10px;padding:12px 14px;border:1px solid var(--border);border-radius:17px;background:var(--surface-muted);color:var(--text);font:400 16px/1.5 Manrope,Arial,sans-serif;box-shadow:none}
html body .toys-auth-panel input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,205,253,.14)}
html body .toys-auth-panel input::placeholder{color:var(--text-muted);opacity:.7}
html body .toys-auth-panel .toys-auth-code{letter-spacing:.5em;text-align:center;font-size:24px;font-weight:600}
html body .toys-auth-help{margin:0 0 20px;color:var(--text-muted);font:400 12px/1.65 Manrope,Arial,sans-serif}
html body .toys-auth-panel :is(.toys-auth-primary,.toys-auth-google){display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;min-height:48px;height:auto;margin:0;padding:12px 16px;border:1px solid var(--primary-button-bg);border-radius:17px;background:var(--primary-button-bg);color:var(--primary-button-text);font:600 14px/1.5 Manrope,Arial,sans-serif;cursor:pointer;text-transform:none;text-shadow:none;box-shadow:none}
html body .toys-auth-panel .toys-auth-google{background:#fff;border-color:#d7d9dc;color:#1f1f1f}
html body .toys-auth-panel .toys-auth-google svg{width:22px;height:22px;flex:0 0 22px}
html body .toys-auth-panel .toys-auth-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body .toys-auth-panel :is(.toys-auth-primary,.toys-auth-google):hover{box-shadow:0 3px 12px rgba(99,205,253,.18)}
html body .toys-auth-panel button:disabled{cursor:default;opacity:.5}
html body .toys-auth-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--text-muted);font-size:12px}
html body .toys-auth-divider:before,html body .toys-auth-divider:after{content:'';flex:1;height:1px;background:var(--border)}
html body .toys-auth-panel .toys-auth-text-button{display:block;box-sizing:border-box;min-height:44px;height:auto;width:100%;margin:8px 0 0;padding:10px 5px;border:0;border-radius:12px;background:none;color:var(--text-muted);font:500 12px/1.5 Manrope,Arial,sans-serif;text-align:center;cursor:pointer}
html body .toys-auth-panel .toys-auth-inline-button{min-height:32px;margin:0 0 0 5px;padding:0;border:0;background:none;color:var(--text);font:500 12px/1.5 Manrope,Arial,sans-serif;text-decoration:underline;text-decoration-color:var(--accent);cursor:pointer}
html body .toys-auth-code-destination{margin:0 0 18px;color:var(--text-muted);font-size:13px}
html body .toys-auth-code-destination strong{color:var(--text);white-space:nowrap}
html body .toys-auth-status{margin:12px 0 0;font-size:12px;color:var(--text-muted)}html body .toys-auth-status:empty{display:none}
html body .toys-auth-status.is-error{color:#d64a56}
html body .toys-auth-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:var(--text-muted);font:400 11px/1.5 Manrope,Arial,sans-serif}
html body .toys-auth-privacy svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.6}
html body .toys-auth-panel :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html body .toys-auth-dialog{position:fixed;z-index:1000000;box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:17px;background:var(--surface);color:var(--text);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px rgba(0,0,0,.25)}
html body .toys-auth-dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}
html body .toys-auth-dialog .toys-auth-panel{padding-top:36px;border:0}
html body .toys-auth-dialog .toys-auth-close{position:absolute;top:9px;right:9px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:var(--surface-muted);color:var(--text-muted);font-size:23px;cursor:pointer}
html body .toys-auth-loading{min-height:180px;padding:64px 24px;text-align:center;color:var(--text-muted)}
html body .toys-auth-banner{margin:0 0 14px;padding:14px 18px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);font-size:13px}
html body .toys-auth-banner.is-error{color:#d64a56}
@media(max-width:760px){html body #container.toys-auth-page{padding:28px 14px 36px}html body .toys-auth-panel{padding:24px 20px}html body .toys-auth-panel :is(h1,h2){font-size:23px}html body .toys-auth-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px);max-width:440px}html body .toys-auth-dialog .toys-auth-panel{padding:36px 20px 24px}}
@media(prefers-reduced-motion:no-preference){html body .toys-auth-dialog[open]{animation:toys-auth-open .18s ease-out}@keyframes toys-auth-open{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}}
