.door{background:var(--bg);min-height:100dvh;color:var(--text);isolation:isolate;display:flow-root;position:relative}.door-sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.door-sky-layer{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}:root[data-period=matin] .door-sky-layer[data-sky=matin],:root[data-period=aprem] .door-sky-layer[data-sky=aprem],:root[data-period=soir] .door-sky-layer[data-sky=soir],:root:not([data-period]) .door-sky-layer[data-sky=aprem]{opacity:1}.door-sky-layer[data-sky=matin]{background:linear-gradient(180deg, var(--sky-dawn-1) 0%, var(--sky-dawn-2) var(--sky-dawn-at), var(--sky-dawn-3) 100%)}.door-sky-layer[data-sky=aprem]{background:linear-gradient(180deg, var(--sky-day-1) 0%, var(--sky-day-2) var(--sky-day-at), var(--sky-day-3) 100%)}.door-sky-layer[data-sky=soir]{background:linear-gradient(180deg, var(--sky-dusk-1) 0%, var(--sky-dusk-2) var(--sky-dusk-at), var(--sky-dusk-3) var(--sky-dusk-glow-at), var(--sky-dusk-4) 100%)}.door-sky:after{content:"";pointer-events:none;opacity:var(--sky-grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.door-sun{background:radial-gradient(circle, color-mix(in srgb, var(--sky-sun) var(--sky-sun-alpha), transparent) 0%, color-mix(in srgb, var(--sky-sun-glow) var(--sky-glow-alpha), transparent) 32%, transparent 68%);border-radius:50%;width:520px;height:520px;animation:2.4s cubic-bezier(.2,.8,.2,1) backwards door-sun-rise;position:absolute;bottom:-170px;right:12%}@keyframes door-sun-rise{0%{opacity:0;transform:translateY(90px)}}.door-cloud{background:radial-gradient(closest-side, color-mix(in srgb, var(--sky-cloud) var(--sky-cloud-alpha), transparent), transparent);border-radius:50%;animation:40s ease-in-out infinite alternate door-cloud-drift;position:absolute}.door-cloud:before,.door-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.door-cloud:before{width:58%;height:130%;top:-52%;left:14%}.door-cloud:after{width:42%;height:100%;top:-34%;right:12%}.door-cloud[data-cloud="1"]{width:460px;height:120px;top:18%;left:54%}.door-cloud[data-cloud="2"]{width:340px;height:90px;animation-duration:52s;top:42%;left:76%}.door-cloud[data-cloud="3"]{width:520px;height:130px;animation-duration:60s;top:68%;left:46%}.door-cloud[data-cloud="4"]{width:260px;height:70px;animation-duration:36s;top:9%;left:82%}@keyframes door-cloud-drift{0%{transform:translate(-40px)}to{transform:translate(50px)}}.door-stars{width:100%;height:100%;fill:var(--sky-star);position:absolute;inset:0}.door-stars[data-for=phone]{display:none}.door-stars .door-twinkle{animation:3.2s ease-in-out infinite alternate door-twinkle}@keyframes door-twinkle{0%{opacity:.2}}.door-moon{width:66px;height:66px;box-shadow:inset -17px 9px 0 0 var(--sky-moon);filter:drop-shadow(0 0 22px color-mix(in srgb, var(--sky-moon) 45%, transparent));border-radius:50%;position:absolute;top:13%;right:17%;transform:rotate(-18deg)}.door-glass{color:var(--text);background:color-mix(in srgb, var(--surface) var(--sky-glass-alpha), transparent);border:1px solid color-mix(in srgb, var(--sky-star) var(--sky-glass-edge-alpha), transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2)}:root[data-period=soir] .door-glass{color:var(--sky-ink-dusk);background:color-mix(in srgb, var(--sky-glass-dusk) 42%, transparent);border-color:color-mix(in srgb, var(--sky-ink-dusk) 14%, transparent)}.door-lang{z-index:2;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:13.5px;font-weight:600;line-height:1;transition:opacity .3s;display:inline-flex;position:fixed;top:22px;right:24px}.door-lang:hover{background:color-mix(in srgb, var(--surface) 85%, transparent)}:root[data-period=soir] .door-lang:hover{background:color-mix(in srgb, var(--sky-glass-dusk) 62%, transparent)}.door-caption{z-index:1;text-align:right;width:440px;font-family:var(--font-heading-stack);letter-spacing:-.022em;text-wrap:balance;color:var(--text);pointer-events:none;margin:0;font-size:30px;font-weight:700;line-height:34px;position:fixed;bottom:36px;right:44px}:root[data-period=soir] .door-caption{color:var(--sky-ink-dusk)}.door-phone-lockup{display:none}.door-sheet{z-index:3;background:var(--surface);border-radius:var(--radius-overlay);width:540px;box-shadow:var(--shadow-overlay);flex-direction:column;padding:30px 56px 26px;transition:width .9s cubic-bezier(.7,0,.2,1),top .9s cubic-bezier(.7,0,.2,1),bottom .9s cubic-bezier(.7,0,.2,1),left .9s cubic-bezier(.7,0,.2,1),border-radius .9s;display:flex;position:fixed;top:10px;bottom:10px;left:10px;overflow-y:auto}.door-body{flex-direction:column;gap:26px;width:428px;max-width:100%;margin-block:auto;padding-block:28px;display:flex}.door-title{font-family:var(--font-heading-stack);letter-spacing:-.035em;text-wrap:balance;color:var(--text);margin:0;font-size:54px;font-weight:800;line-height:56px}.door-title:focus{outline:none}.door-greeting{display:none}:root[data-period=matin] .door-greeting[data-greeting=matin],:root[data-period=aprem] .door-greeting[data-greeting=aprem],:root[data-period=soir] .door-greeting[data-greeting=soir],:root:not([data-period]) .door-greeting[data-greeting=aprem]{display:inline}.door-rise>*{animation:.5s cubic-bezier(.2,.8,.2,1) backwards door-rise}.door-rise>:nth-child(2){animation-delay:50ms}.door-rise>:nth-child(3){animation-delay:.1s}.door-rise>:nth-child(4){animation-delay:.15s}.door-rise>:nth-child(5){animation-delay:.2s}.door-rise>:nth-child(n+6){animation-delay:.25s}@keyframes door-rise{0%{opacity:0;transform:translateY(10px)}}.door-progress{width:0;animation:1.4s cubic-bezier(.4,0,.2,1) forwards door-progress}.door-progress-loop{width:40%;animation:1.2s ease-in-out infinite door-progress-loop}@keyframes door-progress{to{width:100%}}@keyframes door-progress-loop{0%{transform:translate(-100%)}to{transform:translate(250%)}}.door[data-leaving=console] .door-sheet{border-radius:var(--radius-overlay);width:calc(100% - 270px);top:10px;bottom:10px;left:260px}.door-sky,.door-caption,.door-lang{transition:opacity .8s}.door[data-leaving=console] .door-sky,.door[data-leaving=console] .door-caption,.door[data-leaving=console] .door-lang{opacity:0}@media not (min-width:67.5rem){.door-sheet{width:480px;padding:28px 40px 24px}.door-body{width:100%}.door[data-leaving=console] .door-sheet{border-radius:0;width:100%;top:0;bottom:0;left:0}}@media not (min-width:60rem){.door-caption{display:none}}@media not (min-width:40rem){.door-sky{height:236px;position:absolute;bottom:auto}.door-sun{width:320px;height:320px;top:30px;bottom:auto;right:-70px}.door-cloud[data-cloud="1"]{width:260px;height:74px;top:116px;left:2%}.door-cloud[data-cloud="2"]{width:210px;height:60px;top:150px;left:50%}.door-cloud[data-cloud="3"]{display:none}.door-cloud[data-cloud="4"]{width:160px;height:46px;top:78px;left:54%}.door-stars[data-for=desktop]{display:none}.door-stars[data-for=phone]{display:block}.door-moon{width:46px;height:46px;box-shadow:inset -12px 6px 0 0 var(--sky-moon);top:92px;right:34%}.door-lang{top:calc(16px + env(safe-area-inset-top,0px));padding:8px 12px;position:absolute;right:16px}.door-phone-lockup{z-index:2;top:calc(16px + env(safe-area-inset-top,0px));border-radius:16px;padding:8px 14px 8px 8px;display:flex;position:absolute;left:16px}.door-sheet{border-radius:26px;width:auto;min-height:calc(100dvh - 244px);margin:236px 8px 8px;padding:24px 22px 20px;position:relative;top:auto;bottom:auto;left:auto;overflow:visible}.door-lockup-row{display:none}.door-body{gap:22px;margin-block:0 auto;padding-block:0 24px}.door-title{font-size:42px;line-height:44px}.door[data-leaving=console] .door-sheet{min-height:100dvh;margin:0}}::view-transition-group(.door-sheet){border-radius:var(--radius-overlay);animation-duration:.9s;animation-timing-function:cubic-bezier(.7,0,.2,1);overflow:clip}::view-transition-old(.door-sheet){object-fit:none;object-position:left top;block-size:100%;inline-size:100%;animation-duration:.5s}::view-transition-new(.door-sheet){object-fit:none;object-position:left top;block-size:100%;inline-size:100%;animation-duration:.5s}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-old(root){animation-duration:.8s}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-new(root){animation-duration:.8s}:root[data-surface=hub]:active-view-transition-type(door-open) [data-slot=hub-rail]{view-transition-name:door-rail}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-new(door-rail){animation:.5s .55s both door-rail-in}@keyframes door-rail-in{0%{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){.door *,.door :before,.door :after{transition:none!important;animation:none!important}.door .door-progress{width:100%}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-group(*){animation:none}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-old(*){animation-duration:.15s;animation-delay:0s}:root[data-surface=hub]:active-view-transition-type(door-open)::view-transition-new(*){animation-duration:.15s;animation-delay:0s}}