.auth-screen,.auth-card{--a-ink:#2a2520;--a-soft:#6c6253;--a-panel:#fff7e5;--a-deep:#f2e5c8;--a-line:#e2d3b2;--a-go:#3dbb6a;--a-go-dark:#27894b;--a-bad:#e0483e;--a-player:#f2552b;--a-chance:#ffc02e;color:var(--a-ink);font-family:Manrope,system-ui,sans-serif}.auth-screen{z-index:100;padding:16px 16px max(24px, env(safe-area-inset-bottom));touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(#1b181459,#1b18149e),#4a9bb8 url(/landing/city-day.webp) 50%/cover no-repeat;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-screen>.auth-card{margin:auto 0}.auth-home{color:#fffdf6;text-shadow:0 2px #2a2520b3;align-self:flex-start;margin-bottom:12px;padding:6px 12px;font-size:15px;font-weight:800;text-decoration:none}.auth-card{background:var(--a-panel);border:3px solid var(--a-ink);width:100%;max-width:420px;box-shadow:0 6px 0 var(--a-deep), 0 9px 0 var(--a-ink), 0 20px 26px #140f0a4d;border-radius:26px;padding:20px;position:relative}.auth-pop{animation:.3s cubic-bezier(.2,1.4,.4,1) auth-pop}@keyframes auth-pop{0%{opacity:0;transform:scale(.85)}}.auth-close{width:40px;height:40px;color:var(--a-soft);cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:800;position:absolute;top:8px;right:8px}.auth-head{align-items:center;gap:12px;padding-right:26px;display:flex}.auth-head svg{flex-shrink:0;overflow:visible}.auth-title{letter-spacing:-.3px;font-family:Unbounded,system-ui,sans-serif;font-size:21px;font-weight:900;line-height:1.15}.auth-keep{background:#fff6d8;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:15px;font-weight:700;line-height:1.3}.auth-tabs{background:var(--a-deep);border-radius:16px;gap:4px;margin-top:16px;padding:4px;display:flex}.auth-tabs button{min-height:40px;color:var(--a-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;font:800 15px Manrope,system-ui,sans-serif}.auth-tabs button.on{color:var(--a-ink);box-shadow:0 2px 0 var(--a-line);background:#fff}.auth-field{margin-top:14px;display:block}.auth-label{margin-bottom:5px;font-size:15px;font-weight:800;display:block}.auth-inputwrap{display:block;position:relative}.auth-input{width:100%;height:52px;color:var(--a-ink);border:3px solid var(--a-ink);box-sizing:border-box;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;border-radius:15px;outline:none;padding:0 14px;font:800 18px Manrope,system-ui,sans-serif}.auth-input:focus{box-shadow:0 0 0 3px var(--a-chance)}:is(.auth-input[type=password],.auth-field:has(.auth-eye) .auth-input){padding-right:88px}.auth-eye{color:var(--a-soft);cursor:pointer;background:0 0;border:0;padding:8px;font:800 13px Manrope,system-ui,sans-serif;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-hint{color:var(--a-soft);margin-top:4px;font-size:13px;font-weight:700;line-height:1.25;display:block}.auth-error{color:#fff;background:var(--a-bad);border:3px solid var(--a-ink);border-radius:14px;margin-top:12px;padding:10px 12px;font-size:15px;font-weight:800;line-height:1.25;animation:.3s auth-shake}@keyframes auth-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth-btn{letter-spacing:-.3px;color:#fffdf6;background:var(--a-go);border:3px solid var(--a-ink);width:100%;min-height:58px;box-shadow:0 5px 0 var(--a-go-dark), 0 7px 0 var(--a-ink);cursor:pointer;border-radius:18px;margin-top:16px;margin-bottom:8px;padding:8px 12px 10px;font:700 18px Unbounded,system-ui,sans-serif;transition:transform 70ms,box-shadow 70ms;display:block}.auth-btn:active{box-shadow:0 0 0 var(--a-go-dark), 0 2px 0 var(--a-ink);transform:translateY(5px)}.auth-btn.busy{filter:grayscale(.5);opacity:.8}.auth-small{color:var(--a-soft);align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.auth-small svg{margin-top:1px}@media (prefers-reduced-motion:reduce){.auth-pop,.auth-error{animation:none}}