@layer components{.auth{isolation:isolate;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-wall{z-index:-2;position:absolute;inset:0;overflow:hidden}.auth-wall-in{opacity:.5;filter:saturate(.85);grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;width:max(1500px,130vw);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.auth-col{flex-direction:column;gap:18px;animation:60s linear infinite alternate auth-drift;display:flex}.auth-col.is-down{margin-top:-120px;animation-direction:alternate-reverse}.auth-col .media{box-shadow:var(--e-2)}@keyframes auth-drift{0%{transform:translateY(-40px)}to{transform:translateY(40px)}}.auth-scrim{z-index:-1;background:radial-gradient(60% 55% at 50% 48%,#0b0d128c,#0b0d12e6 70%,var(--ink-1)),linear-gradient(180deg,#06070a80,#06070a33 40%,#06070abf);position:absolute;inset:0}.auth-center{justify-content:center;align-items:center;gap:var(--sp-6);padding:calc(env(safe-area-inset-top,0px) + var(--sp-10))var(--gutter)calc(env(safe-area-inset-bottom,0px) + var(--sp-8));flex-direction:column;flex:1;display:flex}.auth-card{gap:var(--sp-5);width:min(420px,100%);padding:var(--sp-8);border-radius:var(--r-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg))saturate(160%);backdrop-filter:blur(var(--blur-lg))saturate(160%);border:1px solid var(--glass-line);box-shadow:var(--glass-highlight),var(--e-4);flex-direction:column;display:flex}.auth-cat{align-items:center;gap:var(--sp-1);margin-top:calc(var(--sp-2)*-1);flex-direction:column;display:flex}.auth-caption{min-height:1.45em;color:var(--accent-text);opacity:0;transition:opacity var(--d-base)var(--ease-out),transform var(--d-base)var(--ease-out);transform:translateY(-2px)}.auth-card[data-eyes=closed] .auth-caption:not(:empty){opacity:.85;transform:none}.auth-titles{gap:var(--sp-1);text-align:center;flex-direction:column;display:flex}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-form .input{background:#0b0d12b8}.auth .auth-pass>.input{padding-left:var(--sp-4);padding-right:52px}.auth .auth-pass .input-end{right:2px}.auth-reveal{color:var(--text-3)}.auth-submit{margin-top:var(--sp-1)}.auth-submit:disabled:not(.is-loading){opacity:1;background:var(--surface-3);color:var(--text-2);box-shadow:none}.auth-msg{font-size:var(--t-small);flex-wrap:nowrap!important}.auth-msg--calm{border-color:var(--line-2);background:#ffffff0a}.auth-msg--calm>svg{color:var(--accent-text)}.auth-msg b{color:var(--text-1);font-weight:var(--w-semibold)}.auth-foot{text-align:center}.auth-foot code{font-family:var(--font-mono);color:var(--text-2);border-radius:var(--r-xs);background:#ffffff0f;padding:1px 6px;font-size:12px}.auth-legal{align-items:center;gap:var(--sp-2);display:inline-flex}.noir{overflow:visible}.noir .noir-eye{transform-box:fill-box;transform-origin:50% 55%;transition:transform var(--d-slow)var(--ease-out);filter:drop-shadow(0 0 2px #ffc95ee6)drop-shadow(0 0 6px #f2b33d80)}.noir .noir-blink{transform-box:fill-box;transform-origin:50% 55%;animation:blink 5.2s var(--ease-in-out)infinite}.noir .noir-eye:last-of-type .noir-blink{animation-delay:40ms}.noir .pupil{transform:translateX(var(--look,0px));transition:transform var(--d-base)var(--ease-out)}.noir .noir-lids{opacity:0;transition:opacity var(--d-base)var(--ease-out)}.auth-card[data-eyes=closed] .noir-eye{transform:scaleY(.06)}.auth-card[data-eyes=closed] .noir-lids{opacity:.85;transition-delay:80ms}.auth-card[data-eyes=sleepy] .noir-eye{transform:scaleY(.38)translateY(1px)}.auth-card[data-eyes=sleepy] .noir-blink,.auth-card[data-eyes=closed] .noir-blink{animation:none}@media (max-width:639px){.auth-center{padding-top:calc(env(safe-area-inset-top,0px) + var(--sp-12));justify-content:flex-start}.auth-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.auth-wall-in{opacity:.3;width:900px;top:12%}.auth-scrim{background:linear-gradient(180deg,#0b0d1273 0%,#0b0d12d9 28%,var(--ink-1)46%)}.auth-form .input{scroll-margin-bottom:120px}.auth-legal{margin-top:auto}}@media (min-width:1024px){.auth-card{width:440px;padding:var(--sp-10)var(--sp-10)var(--sp-8)}}@media (prefers-reduced-motion:reduce){.auth-col{animation:none}.noir .noir-blink{animation:none!important}}.auth-glow{z-index:-3;background:radial-gradient(50% 40% at 50% 40%,#f2b33d14,transparent 70%),var(--ink-1);position:absolute;inset:0}}