#auth-screen{--auth-display: "Lilita One", "Segoe UI", sans-serif}.auth-container{max-width:480px;margin:40px auto;padding:28px 28px 20px;background:var(--panel);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,0.3);color:var(--text);text-align:center}.auth-logo{display:block;max-width:100%;max-height:92px;margin:0 auto 18px}.beta-notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:10px 14px;border-radius:10px;background:var(--surface-warn);color:var(--warn-text);text-align:left}.beta-notice-ico{display:inline-grid;flex:none;margin-top:2px;font-size:1.05rem;line-height:1}.beta-notice p{margin:0;font-size:0.9rem;line-height:1.4}.beta-notice strong{font-weight:900}.auth-form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-form.hidden{display:none}.auth-title{margin:0;color:var(--text);font-family:var(--auth-display);font-size:1.6rem;font-weight:400;text-align:center}.auth-tabs{display:flex;margin-bottom:4px;border-bottom:1px solid var(--border)}.auth-tab{position:relative;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 6px 11px;border:none;background:none;color:var(--text-soft);font-family:var(--auth-display);font-size:1.2rem;font-weight:400;letter-spacing:0.2px;white-space:nowrap;cursor:pointer;transition:color 0.15s}.auth-tab:hover{color:var(--text-muted)}.auth-tab[aria-selected=true]{color:var(--text)}.auth-tab[aria-selected=true]::after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--gold)}.auth-tab:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;border-radius:8px}.auth-tab .patreon-mark{width:14px;height:14px;flex:none;fill:var(--patreon)}.auth-panel{display:flex;flex-direction:column;gap:14px}.auth-panel[hidden]{display:none}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{color:var(--text-muted);font-size:0.82rem;font-weight:800}.auth-label small{font-size:inherit;font-weight:600;color:var(--text-soft)}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password],.auth-form select{width:100%;min-width:0;padding:11px 12px;border:2px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem;transition:border-color 0.15s,box-shadow 0.15s}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}.birth-select-row{display:flex;gap:10px}.birth-select-row select{flex:1}.age-verification{display:flex;align-items:flex-start;gap:10px}.age-verification input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--gold-deep)}.age-verification label{color:var(--text-muted);font-size:0.86rem;line-height:1.45}.age-verification a,.auth-link-btn{color:var(--brand-text);font-weight:700}.auth-link-btn{align-self:flex-end;margin-top:-6px;padding:0;border:none;background:none;font-size:0.86rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.auth-link-btn:hover{color:var(--text)}#reset-password-cancel-btn{align-self:center;margin-top:0}.reset-password-hint{margin:-6px 0 0;color:var(--text-muted);font-size:0.9rem;line-height:1.4;text-align:center}.turnstile-wrap{display:flex;justify-content:center}.turnstile-wrap:empty,.turnstile-wrap>div:empty{display:none}.auth-submit{padding:13px 20px;border:none;border-radius:10px;background:var(--gold);color:#2b1a00;font-size:1.05rem;font-weight:900;cursor:pointer;transition:filter 0.12s}.auth-submit:hover{filter:brightness(1.06)}.auth-submit:active{filter:brightness(0.94)}.auth-submit:focus-visible{outline:3px solid var(--brand-text);outline-offset:3px}.avatar-stage-box{--st-gold: #d9a441;--st-ivory: #fbf3df;padding:12px 14px 12px;border-radius:14px;color:var(--st-ivory);text-align:center;background:linear-gradient(180deg,#1f1813 0%,#130f0c 100%);box-shadow:inset 0 0 0 1px rgba(217,164,65,0.75),inset 0 0 0 5px #17120e,inset 0 0 0 6px rgba(217,164,65,0.28)}.avatar-stage-name{margin:2px 0 4px;min-height:1.2em;color:var(--gold);font-family:var(--auth-display);font-size:1.4rem;line-height:1.2;letter-spacing:0.4px;text-shadow:0 2px 0 rgba(0,0,0,0.45)}.avatar-stage{position:relative;width:min(220px,64%);margin:0 auto}.avatar-stage::before{content:"";display:block;aspect-ratio:5 / 6}.avatar-stage img,.avatar-stage-more{position:absolute;z-index:1;left:0;top:0;width:100%;aspect-ratio:5 / 6;margin:0;opacity:0;transition:opacity 0.6s ease}.avatar-stage img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 8px rgba(0,0,0,0.5))}.avatar-stage .is-on{opacity:1}.avatar-stage img:not([src]),.avatar-stage img.is-loading{opacity:0}.avatar-stage-more{display:grid;place-items:center;padding:0 6%}.avatar-stage-more b{color:var(--st-gold);font-family:var(--auth-display);font-size:1.7rem;font-weight:400;line-height:1.15;text-shadow:0 2px 0 rgba(0,0,0,0.45)}.avatar-stage-more b span{font:inherit;white-space:nowrap}.avatar-stage figcaption{margin-top:6px;color:var(--st-ivory);opacity:0.72;font-size:0.7rem;font-weight:800;letter-spacing:1px;line-height:1.6;min-height:1.6em;text-transform:uppercase}#auth-screen .avatar-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(5 * 52px + 4 * 10px);margin:4px auto 0}#auth-screen .avatar-options .avatar-option{width:52px;height:52px;border-width:2px;background:var(--surface-2);opacity:0.7}#auth-screen .avatar-options .avatar-option:hover{opacity:1}#auth-screen .avatar-options .avatar-option.selected{opacity:1;box-shadow:0 0 0 2px rgba(253,187,45,0.55)}#auth-screen .avatar-options .avatar-option:focus-visible{outline:3px solid var(--brand-text);outline-offset:2px}.auth-split-main,.auth-split-finish{display:flex;flex-direction:column;gap:14px}@media (min-width: 1100px){.auth-container[data-tab=register],.auth-container[data-tab=patreon]{max-width:none;padding:32px 36px 22px}.auth-container>.beta-notice,.auth-container .auth-tabs{width:100%;max-width:424px;margin-left:auto;margin-right:auto}.auth-container[data-tab=register] .auth-tabs,.auth-container[data-tab=patreon] .auth-tabs{margin-bottom:14px}.auth-panel-split{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"main   avatar" "finish avatar";grid-template-rows:auto 1fr;gap:18px 40px}.auth-panel-split[hidden]{display:none}.auth-panel-split .auth-split-main{grid-area:main}.auth-panel-split .auth-split-finish{grid-area:finish}.auth-panel-split .avatar-select{grid-area:avatar}.auth-panel-split .avatar-stage-box{padding:18px 28px 14px}.auth-panel-split .avatar-stage-name{font-size:1.8rem;margin-bottom:8px}.auth-panel-split .avatar-stage{width:300px}.auth-panel-split .avatar-stage figcaption{font-size:0.76rem}.auth-panel-split .avatar-stage-more b{font-size:2.2rem}#auth-screen .auth-panel-split .avatar-options{max-width:none;margin-top:10px}#auth-screen .auth-panel-split .avatar-options .avatar-option{width:56px;height:56px}}.patreon-auth-lead{margin:0;padding-left:12px;border-left:3px solid var(--patreon);color:var(--text-muted);font-size:0.9rem;line-height:1.45}.patreon-auth-lead strong{color:var(--text)}.patreon-auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 22px;border:none;border-radius:999px;background:var(--patreon);color:#fff;font-weight:800;cursor:pointer;transition:background 0.15s}.patreon-auth-btn:hover{background:var(--patreon-hover)}.patreon-auth-btn:disabled{opacity:0.6;cursor:not-allowed}.patreon-auth-btn:focus-visible{outline:3px solid var(--brand-text);outline-offset:3px}.patreon-auth-btn .patreon-mark{width:20px;height:20px;flex:none;fill:currentColor}.patreon-auth-btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}.patreon-auth-btn-text>span{font-size:1.02rem}.patreon-auth-btn-text small{font-size:0.72rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;opacity:0.92}.auth-or{display:flex;align-items:center;gap:12px;color:var(--text-soft);font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--border)}.site-footer.auth-footer{margin-top:22px;padding:14px 0 0;border-top:1px solid var(--border);border-radius:0;background:transparent;font-size:0.82rem;line-height:1.8}.site-footer.auth-footer a{color:var(--brand-text)}.site-footer.auth-footer .footer-sep{color:var(--text-soft);margin:0 6px}@media (prefers-reduced-motion: reduce){.auth-submit,.avatar-stage img,.avatar-stage-more{transition:none}}@media (max-width: 768px){.auth-container{margin:16px auto;padding:22px 18px 16px}.auth-logo{max-height:76px}}@media (max-width: 380px){.auth-tab{font-size:1.05rem}.avatar-stage-box{padding:10px 8px 8px}}
