html:has(.auth-shell){font-size:clamp(16px,min(1vw,1.78dvh),24px)}.auth-shell{--auth-control:clamp(2.75rem,6dvh,3.25rem);--auth-gap:clamp(.75rem,2dvh,1.25rem);display:flex;flex:1;flex-direction:column;min-height:0;--auth-radius:2rem;--auth-form-radius:1.625rem;--auth-ease:cubic-bezier(.22,1,.36,1);--auth-enter:450ms;--auth-feedback:200ms}.auth-stage{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),var(--navy)}.auth-form,.auth-stage{border-radius:var(--auth-radius)}.auth-form{border:1px solid var(--line);box-shadow:var(--shadow-card)}.study-note{box-shadow:var(--shadow-overlay)}.study-orbit{transform:rotate(-14deg)}.auth-input:focus{background:var(--surface)}.auth-shell :is(.auth-input,.auth-submit,.auth-google){min-height:var(--auth-control)}.auth-shell .auth-form-mark{width:clamp(2.25rem,4.6dvh,3rem);height:clamp(2.25rem,4.6dvh,3rem)}.auth-shell .auth-submit{font-size:1rem;padding-inline:12px}.auth-shell .auth-google{font-size:.875rem}@media (max-height:800px){.auth-form-mark{display:none}}.auth-stage{--pointer-x:0;--pointer-y:0}.auth-aura,.auth-spotlight{position:absolute;pointer-events:none;border-radius:50%}.auth-aura{inset:20% -25% -15% 5%;background:radial-gradient(ellipse,color-mix(in srgb,var(--gold) 15%,transparent),transparent 65%)}.auth-spotlight{width:420px;height:420px;left:calc(50% - 210px);top:calc(50% - 210px);background:radial-gradient(circle,color-mix(in srgb,var(--navy-ink) 10%,transparent),transparent 65%);opacity:0;transform:translate(calc(var(--pointer-x) * 180px),calc(var(--pointer-y) * 250px));transition:opacity var(--auth-feedback)}.auth-stage[data-pointer=active] .auth-spotlight{opacity:1}.study-parallax{transform:perspective(900px) rotateX(calc(var(--pointer-y) * -4deg)) rotateY(calc(var(--pointer-x) * 4deg)) translate(calc(var(--pointer-x) * 8px),calc(var(--pointer-y) * 8px))}.auth-field>svg{transition:color var(--auth-feedback),transform var(--auth-feedback) var(--auth-ease)}.auth-field:focus-within>svg{color:var(--action);transform:translateY(-1px)}.auth-submit{position:relative;overflow:hidden;isolation:isolate}.auth-submit:before{content:"";position:absolute;inset:-100% -40%;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--action-ink) 16%,transparent),transparent 65%);transform:translateX(-65%)}.auth-submit-arrow svg{transition:transform var(--auth-feedback) var(--auth-ease)}.auth-submit:focus-visible:not(:disabled) .auth-submit-arrow svg{transform:translateX(3px)}.auth-submit:focus-visible:not(:disabled):before{transform:translateX(65%);transition:transform .65s var(--auth-ease)}.auth-shell [role=tab]{transition:transform var(--auth-feedback) var(--auth-ease),background-color var(--auth-feedback),color var(--auth-feedback)}.auth-shell [role=tab]:active{transform:scale(.97)}@media (prefers-reduced-motion:no-preference){.auth-header{animation:auth-enter var(--auth-enter) var(--auth-ease) both}.auth-stage{animation:auth-enter var(--auth-enter) var(--auth-ease) 60ms both}.auth-form-frame{animation:auth-enter var(--auth-enter) var(--auth-ease) .12s both}.auth-intro-copy,.auth-learning-path,.auth-offline,.study-scene{animation:auth-enter var(--auth-enter) var(--auth-ease) both}.auth-intro-copy{animation-delay:.18s}.study-scene{animation-delay:.28s}.auth-learning-path{animation-delay:.38s}.auth-offline{animation-delay:.44s}.auth-form section>*{animation:auth-enter .55s var(--auth-ease) both}.auth-form section>:first-child{animation-delay:.2s}.auth-form section>:nth-child(2){animation-delay:.26s}.auth-form section>:nth-child(3){animation-delay:.3s}.auth-form section>:nth-child(n+4){animation-delay:.34s}.auth-feedback{animation:auth-feedback .22s var(--auth-ease)}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.study-artwork{animation:study-float 6s ease-in-out infinite}.study-note-first{animation:note-float 7s ease-in-out -2s infinite}.study-note-second{animation:note-float 7s ease-in-out -4s infinite reverse}.auth-aura{animation:aura-drift 12s ease-in-out infinite alternate}.auth-stage:is([data-hidden=true]) :is(.study-artwork,.study-note,.auth-aura){animation-play-state:paused}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.auth-google:not(:disabled):hover,.auth-submit:not(:disabled):hover{transform:translateY(-2px)}.auth-submit:not(:disabled):hover .auth-submit-arrow svg{transform:translateX(3px)}.auth-submit:not(:disabled):hover:before{transform:translateX(65%);transition:transform .65s var(--auth-ease)}.auth-google:not(:disabled):active,.auth-submit:not(:disabled):active{transform:scale(.98)}}@media (max-width:1023px) and (prefers-reduced-motion:no-preference){.auth-form-frame{animation-duration:.45s;animation-delay:60ms}.auth-form section>*{animation-duration:.35s;animation-delay:.12s}}@media (prefers-reduced-motion:reduce){.auth-shell :is(.study-parallax,.auth-spotlight,.auth-field>svg,.auth-submit,.auth-google,.auth-submit-arrow svg,[role=tab]){transform:none!important}.auth-spotlight{display:none}}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-feedback{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes study-float{0%,to{transform:translateY(6px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes note-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes aura-drift{0%{transform:translate(-6%,3%) scale(.9);opacity:.6}to{transform:translate(8%,-5%) scale(1.1);opacity:1}}