.planet{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;background:linear-gradient(180deg,#96aed6,#b8bacf,#e8ccb6 40%,#eec9a6 55%,#ebc09b)}.planet-poster{position:fixed;z-index:1;left:74.5vw;top:53vh;height:69.17vh;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .7s var(--ease) .15s}.planet-poster img{width:100%;height:100%;display:block}.planet.on+.planet-poster,.planet-poster.off{opacity:0}body.home{background:#ebc09b}body.home.night{background:#10142e}.story{position:relative;z-index:2}.intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:130px max(28px,calc(50vw - 610px)) 10vh;position:relative}.intro>*{max-width:560px}.intro .kicker{color:var(--clay)}.intro .h1{max-width:10.5em;color:var(--ink)}.intro .h1 i{color:var(--clay)}.intro .lead{color:var(--muted);margin:22px 0 30px;max-width:30em}.intro .btns{display:flex;gap:12px;flex-wrap:wrap}.intro-next{margin-top:30px;width:min(380px,100%);border-radius:var(--r);padding:18px 22px;background:var(--glass-2)}.intro-next .h3{margin:6px 0 4px}.intro-next .row{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:26px;height:42px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--ink) 45%,transparent)}.scroll-cue:after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--ink);animation:cue 1.8s var(--ease) infinite}@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{opacity:0}}.chap{min-height:125vh;display:flex;align-items:center;padding:120px max(28px,calc(50vw - 610px));pointer-events:none}.chap>*{pointer-events:auto}.chap.right{justify-content:flex-end}.cap{width:min(460px,100%);border-radius:var(--r);padding:30px 32px 28px;background:var(--glass-2);opacity:0;transform:translateY(26px);visibility:hidden;transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s .7s}.chap.on .cap{opacity:1;transform:none;visibility:visible;transition-delay:0s}.cap .h2{margin:12px 0 14px}.cap p{color:var(--muted)}.mascot-bubble{position:fixed;left:0;top:0;z-index:41;max-width:300px;text-wrap:balance;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.35;font-weight:500;background:var(--glass-2);pointer-events:none;opacity:0;scale:.9;transition:opacity .3s var(--ease),scale .35s var(--ease)}.mascot-bubble.on{opacity:1;scale:1}.mascot-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:inherit;transform:translate(-50%) rotate(45deg);border-radius:0 0 4px}.notif{position:fixed;z-index:42;left:max(28px,calc(50vw - 610px));top:96px;width:420px;color:var(--ink);text-decoration:none;translate:0 -28px;scale:.94;opacity:0;pointer-events:none;transition:translate .6s cubic-bezier(.2,1.35,.4,1),scale .6s cubic-bezier(.2,1.35,.4,1),opacity .28s var(--ease)}.notif.in{translate:0 0;scale:1;opacity:1;pointer-events:auto}.n-card{--e: 0;--x: 0;position:relative;height:calc(92px + var(--e) * 300px);border-radius:calc(22px + var(--e) * 6px);overflow:hidden;background:var(--glass-2);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border:1px solid var(--glass-line);box-shadow:0 calc(14px + var(--e) * 16px) calc(40px + var(--e) * 30px) rgba(30,24,14,calc(.14 + var(--e) * .1));transform:translateY(calc(var(--x) * -40px)) scale(calc(1 - var(--x) * .05));transform-origin:50% 0;opacity:calc(1 - var(--x));transition:background-color .9s var(--ease),border-color .9s var(--ease)}.n-head{position:absolute;left:16px;right:16px;top:13px;height:22px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.09em;color:var(--muted)}.n-ico{flex:none;width:22px;height:22px;border-radius:6px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px #00000012}.n-ico .brand-mark{width:17px;height:17px}.n-head time{margin-left:auto;position:relative;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}.n-head .t-now{opacity:calc(1 - var(--e) * 2)}.n-head .t-xl{position:absolute;right:0;top:0;opacity:calc(var(--e) * 2 - 1)}.n-img{position:absolute;right:14px;top:calc(38px + var(--e) * 4px);width:calc(48px + var(--e) * 344px);height:calc(48px + var(--e) * 246px);border-radius:calc(10px + var(--e) * 6px);object-fit:cover;background:color-mix(in srgb,var(--ink) 8%,transparent)}.n-text{position:absolute;left:16px;right:calc(78px - var(--e) * 62px);top:calc(40px + var(--e) * 308px);display:flex;flex-direction:column;gap:1px;min-width:0}.n-text strong{font-size:15px;font-weight:600;line-height:1.3}.notif.xl .n-text strong{font-size:17px}.n-img[hidden]{display:none}.notif.vid .n-card{height:calc(92px + var(--e) * 430px)}.notif.vid .n-img{height:calc(48px + var(--e) * 376px)}.notif.vid .n-text{top:calc(40px + var(--e) * 438px)}.n-sound{position:absolute;right:26px;top:calc(42px + var(--e) * 376px - 50px);width:40px;height:40px;border-radius:50%;border:0;padding:9px;display:grid;place-items:center;color:#fff;background:#14120e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:clamp(0,calc(var(--e) * 2.5 - 1),1);transition:background-color .2s}.n-sound[hidden]{display:none}.n-sound svg{width:22px;height:22px}.n-sound:not(.on){animation:n-pulse 1.8s ease-in-out infinite}@keyframes n-pulse{50%{box-shadow:0 0 0 7px #ffffff47}}.clock{position:fixed;z-index:40;right:max(92px,calc(50vw - 640px));bottom:22px;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:22px;cursor:pointer;transition:opacity .4s,transform .4s var(--ease),background-color .9s var(--ease)}@media (min-width: 901px){.nl-badge .clock{bottom:88px}}.clock.hide{opacity:0;transform:translateY(12px);pointer-events:none}.clock svg{width:76px;height:41px;overflow:visible}.clock .arc{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:2 4}.clock .hz{stroke:var(--line);stroke-width:1.5}.clock .tk circle{fill:var(--muted);opacity:.5}.clock .sun{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(230,162,60,.8));transition:opacity .4s}.clock .moon{fill:#f4ead6;transition:opacity .4s;filter:drop-shadow(0 0 5px rgba(244,234,214,.6))}.clock .ct{display:flex;flex-direction:column;line-height:1}.clock .ct b{font:400 30px/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.01em}.clock .ct span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-top:5px}@media (max-width: 900px){.planet{background:linear-gradient(180deg,#babbcc,#edccad 20%,#eec8a4 45%,#eabd98)}.planet-poster{left:50vw;top:calc(.29 * 100vh);height:44.17vh}.intro{justify-content:flex-end;padding:110px 18px 9vh}.intro .h1{font-size:clamp(38px,10.5vw,52px)}.intro .lead{margin:14px 0 20px;font-size:16px;line-height:1.5}.intro-next{display:none}.intro .btns .btn{height:46px;padding:0 18px;font-size:15px}.chap{min-height:118vh;align-items:flex-end;padding:100px 16px 7vh}.chap.right{justify-content:flex-start}.cap{padding:22px 22px 20px}.notif{left:12px;right:12px;width:auto;top:calc(max(14px,env(safe-area-inset-top)) + 66px)}.n-card{height:calc(88px + var(--e) * 200px)}.n-img{width:calc(48px + var(--e) * (100% - 76px));height:calc(48px + var(--e) * 135px)}.n-text{top:calc(40px + var(--e) * 197px)}.notif.vid .n-card{height:calc(88px + var(--e) * 300px)}.notif.vid .n-img{height:calc(48px + var(--e) * 235px)}.notif.vid .n-text{top:calc(40px + var(--e) * 297px)}.n-sound{top:calc(42px + var(--e) * 235px - 50px)}.clock{left:auto;right:74px;bottom:auto;top:calc(max(14px,env(safe-area-inset-top)) + 10px);height:44px;padding:0;gap:7px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:51}.clock.hide{transform:translateY(-6px)}.clock svg{width:38px;height:21px}.clock .ct b{font-size:21px}.clock .ct span{display:none}}@media (prefers-reduced-motion: reduce){.cap,.notif{transition-duration:.01s!important}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 520px){.notif{left:auto;right:12px;width:300px}.chap .cap{width:min(56vw,460px)}.n-img{width:calc(48px + var(--e) * 224px)}}