.auth{height:100%;padding:max(var(--sp-6), env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(var(--sp-6), env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;overflow-y:auto}.auth-box{gap:var(--sp-5);width:100%;max-width:400px;padding:var(--sp-6);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-2);box-shadow:0 1px 2px var(--shadow);display:grid}.auth-brand{align-items:center;gap:var(--sp-2);min-width:0;font-weight:600;font-size:var(--t-14);line-height:1.2;display:flex}.auth-brand svg{flex:none}.auth-brand span{overflow-wrap:anywhere;min-width:0}.auth-head{gap:var(--sp-2);display:grid}.auth-head h1{font-family:var(--font-head,var(--font-sans));font-size:var(--t-25);letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0;font-weight:500;line-height:1.15}.auth-head p{color:var(--text-muted);margin:0}.auth-form{gap:var(--sp-4);display:grid}.auth .btn{white-space:normal;text-align:center;height:auto;min-height:34px;padding-block:6px}.auth-form .btn.primary{width:100%}.auth-links{justify-items:center;gap:var(--sp-1);padding-top:var(--sp-4);border-top:1px solid var(--rule);display:grid}.auth-links .btn.ghost{color:var(--accent);box-shadow:none}@container app (max-width:480px){.auth{place-items:start stretch}.auth-box{max-width:none;padding:var(--sp-4) 0 0;box-shadow:none;background:0 0;border:0;border-radius:0}}@media (pointer:coarse){.auth .btn{min-height:44px}}