.auth{isolation:isolate;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));background:radial-gradient(ellipse 62% 48% at 50% 34%, #6b3a2152, transparent 72%), radial-gradient(ellipse 120% 90% at 50% 50%, transparent 55%, #0b06044d), repeating-linear-gradient(180deg, transparent 0 63px, #00000024 63px 64px), var(--espresso);color:var(--ui-text);place-items:center;font-size:15px;line-height:1.5;display:grid;position:relative;overflow:hidden}.auth:before{content:"";z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.auth :focus-visible{outline-color:var(--ui-accent)}.auth-stage{justify-items:center;gap:32px;width:min(400px,100%);display:grid}.auth-brand{margin:0;line-height:0}.auth-wordmark{width:min(272px,70vw);height:auto;display:block}.auth-card{border-radius:var(--ui-r-dialog);background:var(--ui-paper);width:100%;padding:28px;position:relative;box-shadow:0 28px 64px #0705034d,0 2px 8px #07050333}.auth-card:before{content:"";pointer-events:none;border:1px solid #b86a3247;border-radius:9px;position:absolute;inset:6px}.auth-title{font-family:var(--font-slab);color:var(--ui-text);text-align:center;text-wrap:balance;align-items:center;gap:14px;margin:0 0 22px;font-size:20px;font-weight:600;line-height:1.25;display:flex}.auth-title:before,.auth-title:after{content:"";background:linear-gradient(90deg,#0000,#b86a3280);flex:1;min-width:16px;height:1px}.auth-title:after{background:linear-gradient(90deg,#b86a3280,#0000)}.auth-text{color:var(--ui-text-2);text-align:center;text-wrap:pretty;margin:0 0 20px;font-size:15px}.auth-actions{gap:8px;display:grid}.auth-form{gap:16px;display:grid}.auth .ui-input{height:44px;padding:0 12px;font-size:16px}.auth-password{position:relative}.auth-password .ui-input{padding-right:76px}.auth-reveal{color:var(--ui-text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px;font-weight:600;transition:background-color .12s;position:absolute;top:4px;bottom:4px;right:4px}@media (hover:hover) and (pointer:fine){.auth-reveal:hover{background:#2b160e0d}}.auth-alert{margin:0}.auth-submit{margin-top:4px}.auth-submit[aria-disabled=true]{cursor:progress}.auth-stage>*{animation:auth-in .32s var(--ease-out) both}.auth-card{animation-delay:60ms}@keyframes auth-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.auth-stage>*{animation-name:auth-fade}}@keyframes auth-fade{0%{opacity:0}}@media (max-width:480px){.auth{padding-top:max(56px, env(safe-area-inset-top));place-items:start center}.auth-card{padding:24px 20px}.auth-stage{gap:28px}}
