.auth-screen{background:var(--color-bg);grid-template-columns:1fr;min-height:100dvh;display:grid}@media (min-width:64rem){.auth-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.auth-pane{padding-inline:max(1.25rem, env(safe-area-inset-left));padding-block:1.75rem calc(1.75rem + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}@media (min-width:48rem){.auth-pane{padding-block:2.5rem;padding-inline:3rem}}.auth-motes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-mote{background:color-mix(in srgb, var(--color-ink) 7%, transparent);animation:auth-drift var(--dur,18s) ease-in-out var(--delay,0s) infinite;will-change:transform;border-radius:6px;position:absolute}@keyframes auth-drift{0%,to{opacity:.55;transform:translate(0,0)rotate(0)}50%{opacity:1;transform:translateY(-18px)rotate(8deg)}}.auth-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at center, color-mix(in srgb, var(--color-accent) 34%, transparent) 0%, transparent 62%);filter:blur(12px);width:min(46rem,120%);position:absolute;top:42%;left:50%;translate:-50% -50%}.auth-enter{animation:.62s cubic-bezier(.22,1,.36,1) both auth-enter;animation-delay:var(--delay,0s)}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both auth-shake}@keyframes auth-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.auth-field{display:block;position:relative}.auth-input{border:1px solid var(--color-line);background:var(--color-surface);width:100%;color:var(--color-ink);border-radius:.85rem;padding:.95rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-input::placeholder{color:var(--color-faint)}.auth-input:hover{border-color:color-mix(in srgb, var(--color-ink) 22%, transparent)}.auth-input:focus{border-color:var(--color-accent-deep);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 45%, transparent);outline:none}.auth-input[aria-invalid=true]{border-color:#c07f7f}.auth-submit{background:var(--color-accent);width:100%;color:var(--color-accent-ink);border:1px solid #0000;border-radius:.85rem;padding:.95rem 1rem;font-size:.95rem;font-weight:500;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .2s,opacity .2s;position:relative;overflow:hidden}.auth-submit:hover:not(:disabled){background:var(--color-accent-deep);color:#fff}.auth-submit:active:not(:disabled){transform:scale(.985)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit[data-pending=true]:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);animation:1.1s linear infinite auth-sweep;position:absolute;inset:0}@keyframes auth-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-provider{border:1px solid var(--color-line);background:var(--color-surface);width:100%;color:var(--color-ink);border-radius:.85rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.92rem;font-weight:500;transition:border-color .2s,transform .18s cubic-bezier(.22,1,.36,1),background-color .2s;display:flex}.auth-provider:hover{border-color:color-mix(in srgb, var(--color-ink) 28%, transparent);background:var(--color-panel-soft)}.auth-provider:active{transform:scale(.985)}.auth-stage{background:var(--color-dark);color:var(--color-bg);display:none;position:relative;overflow:hidden}@media (min-width:64rem){.auth-stage{flex-direction:column;display:flex}}.auth-stage-grid{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 34%,#000 12%,#0000 74%);mask-image:radial-gradient(at 50% 34%,#000 12%,#0000 74%)}.auth-slide{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2.75rem;padding:3rem;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),visibility 0s linear .75s;display:flex;position:absolute;inset:0;transform:translateY(14px)scale(.985)}.auth-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),visibility linear;transform:translateY(0)scale(1)}.auth-mock{border:1px solid var(--color-dark-line);background:color-mix(in srgb, var(--color-dark-soft) 82%, #000);border-radius:1.25rem;width:100%;max-width:30rem;padding:1.25rem;box-shadow:0 40px 90px -50px #000000e6}.auth-dot{background:#ffffff2e;border-radius:999px;width:.4rem;height:.4rem;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s}.auth-dot[data-active=true]{background:#ffffff38;width:2.1rem}.auth-dot-fill{background:var(--color-accent);border-radius:999px;width:0;height:100%;display:block}.auth-dot[data-active=true][data-playing=true] .auth-dot-fill{animation:auth-fill var(--slide-ms,6.5s) linear both}.auth-dot[data-active=true][data-playing=false] .auth-dot-fill{width:100%}@keyframes auth-fill{0%{width:0}to{width:100%}}.auth-bar{transform-origin:0;border-radius:999px;height:100%;display:block;transform:scaleX(0)}.auth-slide[data-active=true] .auth-bar{animation:1s cubic-bezier(.22,1,.36,1) both auth-grow;animation-delay:var(--delay,0s)}@keyframes auth-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-column{transform-origin:bottom;transform:scaleY(0)}.auth-slide[data-active=true] .auth-column{animation:.85s cubic-bezier(.22,1,.36,1) both auth-column;animation-delay:var(--delay,0s)}@keyframes auth-column{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.auth-line-in{opacity:0}.auth-slide[data-active=true] .auth-line-in{animation:.55s cubic-bezier(.22,1,.36,1) both auth-line-in;animation-delay:var(--delay,0s)}@keyframes auth-line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.auth-slide[data-active=true] .auth-pulse{animation:2.4s ease-in-out infinite auth-pulse;animation-delay:var(--delay,0s)}@keyframes auth-pulse{0%,to{opacity:.35}50%{opacity:1}}.auth-spoke{stroke-dasharray:4 6}.auth-slide[data-active=true] .auth-spoke{animation:2.6s linear infinite auth-spoke;animation-delay:var(--delay,0s)}@keyframes auth-spoke{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.auth-mote,.auth-slide[data-active=true] .auth-pulse,.auth-slide[data-active=true] .auth-spoke{animation:none}.auth-slide{transform:none}.auth-bar{transform:scaleX(1)}.auth-column{transform:scaleY(1)}.auth-line-in{opacity:1}.auth-dot-fill{width:100%;animation:none}}