.door{isolation:isolate;--band:clamp(120px, 24svh, 220px);min-height:100svh;position:relative}.spring-frame{--t:0px;--r:0px;--b:0px;--l:0px;--rad:0px;z-index:-1;pointer-events:none;height:100lvh;clip-path:inset(var(--t) var(--r) var(--b) var(--l) round var(--rad));transition:clip-path var(--dur-door) var(--ease);view-transition-name:spring;position:fixed;inset:0 0 auto;overflow:hidden}.door:is([data-door=signin],[data-door=signup]) .spring-frame{--b:calc(100% - var(--band))}.door:is([data-door=signin],[data-door=signup]){--band:clamp(208px, 34svh, 296px)}@media (min-width:64rem){.door:is([data-door=signin],[data-door=signup]) .spring-frame{--t:12px;--r:12px;--b:12px;--l:calc(50% + 6px);--rad:16px}}.spring-window{inset:var(--t) var(--r) var(--b) var(--l);position:absolute}.spring-poster{background:radial-gradient(70% 60% at 18% 12%, color-mix(in oklab, var(--water-sky) 60%, transparent), transparent 70%), linear-gradient(160deg, var(--water-floor), var(--water-floor-2));position:absolute;inset:0}.spring-depth{position:absolute;inset:0}@keyframes spring-descend{to{background-color:var(--lightningcss-light,color-mix(in srgb, var(--water-deep) 4%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--water-deep) 24%, transparent))}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=true]) .door[data-door=home] .spring-depth{animation:linear both spring-descend;animation-timeline:scroll(root)}}}.spring-frame:is([data-spring-state=running],[data-spring-state=still],[data-spring-state=sleeping]) .spring-depth{display:none}.spring-eye{pointer-events:none;width:0;height:0}.spring-eye:before,.spring-eye:after{content:"";width:var(--eye-size,min(110vmin, 960px));aspect-ratio:1;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.spring-eye:before{background:radial-gradient(closest-side, color-mix(in oklab, var(--water-deep) 52%, transparent), color-mix(in oklab, var(--water-deep) 14%, transparent) 55%, transparent)}.spring-eye:after{background:repeating-radial-gradient(closest-side, transparent 0 34px, color-mix(in oklab, var(--water-caustic) 55%, transparent) 35px 36.5px, transparent 38px 76px);opacity:.8;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 70%);mask-image:radial-gradient(closest-side,#000 20%,#0000 70%)}.door:has(>.spring-frame:is([data-spring-state=running],[data-spring-state=still],[data-spring-state=sleeping])) .spring-eye:before{display:none}.door:has(>.spring-frame:is([data-spring-state=running],[data-spring-state=still],[data-spring-state=sleeping])) .spring-eye:after{display:none}@media (forced-colors:active){.spring-eye:before,.spring-eye:after{display:none}}.spring-canvas{opacity:0;width:100%;height:100%;transition:opacity .32s var(--ease);position:absolute;inset:0}.spring-frame:is([data-spring-state=running],[data-spring-state=still],[data-spring-state=sleeping]) .spring-canvas{opacity:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=true]) .river{view-timeline-name:--river}:root:not([data-reduce-motion=true]) .river .river-stream{stroke-dasharray:1;animation:linear both river-draw;animation-timeline:--river;animation-range:cover var(--river-start,10%) cover var(--river-end,50%)}:root:not([data-reduce-motion=true]) .river .river-card{animation:linear both river-card;animation-timeline:--river;animation-range:cover 50% cover 64%}}}@keyframes river-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.river-drops{stroke-width:0;stroke-dasharray:.0001 .25}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=true]) .river .river-drops{animation:linear both river-drops;animation-timeline:--river;animation-range:cover var(--river-end,50%) cover 92%}}}@keyframes river-drops{0%{stroke-width:0;stroke-dashoffset:0}12%{stroke-width:5px}to{stroke-width:5px;stroke-dashoffset:-1px}}@keyframes river-card{0%{transform:translateY(12px)}}@media (forced-colors:active){.spring-frame{display:none}}@media print{.spring-frame{display:none}}.door-header{z-index:1;view-transition-name:door-header;position:relative}.door-auth{min-height:calc(100svh - 4.5rem)}@media (max-width:63.999rem){.door-auth-sheet{margin-top:calc(var(--band) - 4.5rem - 24px)}}@media (max-width:63.999rem) and (max-height:36rem){.door:is([data-door=signin],[data-door=signup]){--band:88px}.door-auth-scene{visibility:hidden}}@media (max-width:63.999rem) and (pointer:coarse){.door:is([data-door=signin],[data-door=signup]):has(.door-auth-card input:focus){--band:88px}.door:has(.door-auth-card input:focus) .door-auth-scene{visibility:hidden}}.spring-halo:before{content:"";z-index:-1;background:color-mix(in oklab, var(--water-floor) 80%, transparent);filter:blur(12px);border-radius:40px;position:absolute;inset:-32px -40px}.door:has(>.spring-frame:is([data-spring-state=running],[data-spring-state=still],[data-spring-state=sleeping])) .spring-halo:before{display:none}@media (forced-colors:active){.spring-halo:before{display:none}}.door-title{font-variation-settings:"opsz" 72}@keyframes door-surface{0%{opacity:.35;filter:blur(5px);transform:translateY(.3em)}to{opacity:1;filter:none;transform:none}}.door-surface>*,.door-surface h1>span{animation:door-surface 1s var(--ease) both;animation-delay:var(--surface-delay,0s)}.door-surface h1>span{display:block}.door-surface>h1{animation:none}@media (prefers-reduced-motion:reduce){.door-surface>*,.door-surface h1>span{animation:none}}:root[data-reduce-motion=true] .door-surface>*,:root[data-reduce-motion=true] .door-surface h1>span{animation:none}::view-transition{pointer-events:none}:root:active-view-transition-type(door-in,door-out,door-swap) .door-hero-copy{view-transition-name:door-hero}:root:active-view-transition-type(door-in,door-out,door-swap) .door-auth-card{view-transition-name:door-card}:root:active-view-transition-type(door-in,door-out,door-swap) .door-page-home{view-transition-name:door-page-home}:root:active-view-transition-type(door-in,door-out,door-swap) .door-page-auth{view-transition-name:door-page-auth}::view-transition-group(spring){z-index:0}::view-transition-group(door-page-home){z-index:1}::view-transition-group(door-page-auth){z-index:1}::view-transition-group(door-hero){z-index:2}::view-transition-group(door-card){z-index:3}::view-transition-group(door-header){z-index:5}::view-transition-group(spring){animation:none}::view-transition-group(door-header){animation:none}::view-transition-old(spring){display:none}::view-transition-old(door-header){display:none}::view-transition-new(spring){animation:none}::view-transition-new(door-header){animation:none}@keyframes door-sink{to{opacity:0;filter:blur(6px);transform:translateY(10px)}}@keyframes door-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes door-fade-out{to{opacity:0}}@keyframes door-fade-in{0%{opacity:0}}::view-transition-old(door-hero){animation:door-sink .3s var(--ease) both}::view-transition-old(door-card){animation:door-fade-out var(--dur-slow) var(--ease) both}::view-transition-new(door-card){animation:door-rise var(--dur-slow) var(--ease) both}::view-transition-new(door-hero){animation:none}:root:active-view-transition-type(door-title) .door-title{view-transition-name:door-title}::view-transition-group(door-title){z-index:4;animation-duration:var(--dur-door);animation-timing-function:var(--ease)}::view-transition-image-pair(door-title){animation:door-title-blur var(--dur-door) var(--ease) both}@keyframes door-title-blur{50%{filter:blur(2px)}}.door[data-arrival~=door-title] .door-surface h1>span{animation:none}::view-transition-old(door-page-home){animation:door-fade-out var(--dur-slow) var(--ease) both}::view-transition-old(door-page-auth){animation:door-fade-out var(--dur-slow) var(--ease) both}::view-transition-new(door-page-auth){animation:door-fade-in var(--dur-slow) var(--ease) both}::view-transition-new(door-page-home){animation:none}:root:active-view-transition-type(door-swap)::view-transition-group(door-card){animation-duration:var(--dur-slow)}:root:active-view-transition-type(door-swap)::view-transition-old(door-card){animation:door-fade-out .16s var(--ease) both}:root:active-view-transition-type(door-swap)::view-transition-new(door-card){animation:door-fade-in var(--dur-slow) var(--ease) both}:root:active-view-transition-type(door-swap)::view-transition-group(door-page-auth){animation:none}:root:active-view-transition-type(door-swap)::view-transition-old(door-page-auth){display:none}:root:active-view-transition-type(door-swap)::view-transition-new(door-page-auth){animation:none}.door[data-door-opening] .spring-frame{--t:0px;--r:0px;--b:0px;--l:0px;--rad:0px}.door[data-door-opening] :is(.door-header,.door-auth-sheet,.door-auth-scene){opacity:0;transition:opacity var(--dur-door) var(--ease)}.door[data-door-opening][data-door-stalled] :is(.door-header,.door-auth-sheet){opacity:1}@keyframes door-dive{to{opacity:0;transform:scale(1.06)}}@keyframes door-emerge{0%{opacity:0;transform:scale(.985)}}:root:active-view-transition-type(door-enter)::view-transition-old(spring){animation:door-dive .64s var(--ease) both;display:block}:root:active-view-transition-type(door-enter)::view-transition-old(root){animation:door-fade-out .2s var(--ease) both}:root:active-view-transition-type(door-enter)::view-transition-new(root){animation:door-emerge .64s var(--ease) both}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}:root[data-reduce-motion=true]::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}:root[data-reduce-motion=true]::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}:root[data-reduce-motion=true]::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}