:root{--sky-top:#3f8fe0;--sky-bottom:#d8f1ff;--ink:#0e2238;--ink-soft:#3b5670;--card:#ffffffd1;--card-edge:#ffffffe6;--accent:#d8463b;--accent-ink:#fff;--glow:#5ff7ff;--shadow:0 18px 50px -18px #0a285073;--scrim:#ecf8ffa8;--halo:0 0 14px #ffffffbf, 0 0 2px #ffffffe6;--pin:#0e2238;--font:"Catamaran", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body[data-zone=sunlit]{--ink:#eafcff;--ink-soft:#b9e9f2;--card:#06344e99;--card-edge:#82e6ff47;--accent:#ffd34d;--accent-ink:#0b2a3c;--scrim:#022c4680;--halo:0 1px 14px #001c30b3, 0 0 2px #001c3099;--pin:#fff}body[data-zone=twilight],body[data-zone=midnight],body[data-zone=abyss]{--ink:#e6f2ff;--ink-soft:#9fb7d4;--card:#040e229e;--card-edge:#5ff7ff38;--accent:#5ff7ff;--accent-ink:#031424;--scrim:#020a1a94;--halo:0 1px 14px #000814cc, 0 0 2px #000814b3;--pin:#5ff7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-zone=abyss]{--accent:#ffd46b;--pin:#ffd46b}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font);color:var(--ink);background:linear-gradient(to bottom, var(--sky-top), #7cc0f2 55%, var(--sky-bottom));background-attachment:fixed;margin:0;transition:color .6s;overflow-x:hidden}#sea{z-index:0;opacity:0;touch-action:pan-y;width:100vw;height:100lvh;transition:opacity 1.2s;display:block;position:fixed;inset:0}body.is-ready #sea{opacity:1}body.is-pointer #sea{cursor:pointer}.veil{pointer-events:none;z-index:1;background:radial-gradient(at 50% 120%,#fff0 40% 100%);position:fixed;inset:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bar{z-index:20;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.wordmark{letter-spacing:.02em;color:var(--ink);text-shadow:0 1px 12px #001e3c2e;align-items:baseline;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark span{font-weight:600}.bar-actions{gap:8px;display:flex}.pill{font:600 14px/1 var(--font);color:var(--ink);background:var(--card);border:1px solid var(--card-edge);cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:999px;align-items:center;gap:8px;padding:10px 14px 9px;text-decoration:none;transition:background .3s,color .3s,transform .2s;display:inline-flex}.pill:hover{transform:translateY(-1px)}.pill-dot{opacity:.35;background:currentColor;border-radius:50%;width:8px;height:8px}.pill-work{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:800}.pill[aria-pressed=true] .pill-dot{opacity:1;background:var(--accent);box-shadow:0 0 10px var(--accent)}.gauge{z-index:15;right:max(18px, env(safe-area-inset-right));pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.gauge-zones{flex-direction:column;order:2;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:relative}.gauge-zones li{pointer-events:auto}.gauge-zones button{width:6px;height:var(--len,40px);cursor:pointer;background:var(--seg,#ffffff80);opacity:.55;border:0;border-radius:3px;padding:0;transition:opacity .3s,width .3s;display:block}.gauge-zones button[aria-current=true]{opacity:1;width:8px}.gauge-zones button:hover{opacity:1}.gauge-read{text-align:right;text-shadow:0 1px 10px #00142859;flex-direction:column;order:1;gap:2px;display:flex}.gauge-depth{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:22px;font-weight:800}.gauge-zone{color:var(--ink-soft);font-size:13px;font-weight:600}#journey{z-index:5;position:relative}.stop{min-height:var(--h,120vh);position:relative}.hero{text-align:center;color:#0c2a47;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100lvh;padding:0 16px;display:flex}.hero h1{flex-direction:column;align-items:center;margin:0;line-height:.95;display:flex}.hero-ta{letter-spacing:-.01em;color:#fff;text-shadow:0 2px #17528c59,0 12px 40px #0e407859;font-size:clamp(76px,14vw,168px);font-weight:800}.hero-en{letter-spacing:.5em;color:#fff;text-shadow:0 2px 18px #0e407866;margin-top:8px;padding-left:.5em;font-size:clamp(22px,3.4vw,34px);font-weight:300}.hero-lede{color:#fff;text-shadow:0 1px 14px #0a32648c;max-width:34ch;margin:26px 0 0;font-size:clamp(17px,2vw,20px);font-weight:600;line-height:1.5}.hero-hint{letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px #0a326480;flex-direction:column;align-items:center;gap:10px;margin-top:40px;font-size:14px;font-weight:600;display:flex}.hint-arrow{background:linear-gradient(#0000,#fff);width:2px;height:34px;animation:2.2s ease-in-out infinite hint}@keyframes hint{0%,to{opacity:.4;transform:translateY(-6px)}50%{opacity:1;transform:translateY(6px)}}.leaders{z-index:4;pointer-events:none;width:100vw;height:100lvh;position:fixed;inset:0;overflow:visible}.leader{display:none}.leader polyline{fill:none;stroke:var(--pin);stroke-width:1.3px;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #00142873)}.leader-dot{fill:var(--pin)}.leader-ring{fill:none;stroke:var(--pin);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-out infinite ping}.leader.is-pulsing .leader-ring{animation:.8s ease-out 3 ping}@keyframes ping{0%{opacity:.95;transform:scale(.55)}75%,to{opacity:0;transform:scale(1.9)}}.callout{z-index:6;width:min(340px,100vw - 32px);color:var(--ink);text-shadow:var(--halo);visibility:hidden;opacity:0;pointer-events:none;will-change:transform, opacity;margin:0;position:fixed;top:0;left:0}.callout.is-shown{visibility:visible}.callout.is-shown:not([inert]){pointer-events:auto}.callout:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--scrim), transparent);pointer-events:none;position:absolute;inset:-38px -54px}.callout.is-left{text-align:right}.callout-thing{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12.5px;font-weight:600}.callout-name{letter-spacing:-.01em;margin:4px 0 0;font-size:clamp(30px,2.8vw,40px);font-weight:800;line-height:1}.callout-line{margin:10px 0 0;font-size:17px;font-weight:600;line-height:1.45}.callout-note{color:var(--ink-soft);margin:8px 0 0;font-size:13px;font-weight:600}.callout-links{flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin:14px 0 0;display:flex}.callout.is-left .callout-links{justify-content:flex-end}.callout-go{color:var(--ink);background:linear-gradient(var(--accent), var(--accent)) left bottom / 100% 2.5px no-repeat;padding-bottom:3px;font-size:16.5px;font-weight:800;text-decoration:none;transition:color .2s,background-size .25s}.callout-go:hover{color:var(--accent);background-size:100% 1.5px}.callout-also{color:var(--ink-soft);text-underline-offset:4px;font-size:15px;font-weight:600}.callout-also:hover{color:var(--ink)}.callout.is-pulsing .callout-name{animation:.9s flash}@keyframes flash{40%{color:var(--accent)}}.stop-zone{align-items:center;display:flex}.sounding{width:100%;color:var(--ink);text-shadow:var(--halo);opacity:0;padding:0 168px 0 max(28px,4vw);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(18px)}.is-in .sounding{opacity:1;transform:none}.sounding:before{content:"";z-index:-1;background:radial-gradient(farthest-side at 0% 50%, var(--scrim), transparent);pointer-events:none;width:min(720px,80vw);position:absolute;top:-60px;bottom:-70px;left:0}.sounding-rule{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:16px;margin:0;font-size:14px;font-weight:600;display:flex}.sounding-depth{letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums;background:linear-gradient(currentColor,currentColor) 0/26px 1.5px no-repeat;order:1;padding-left:36px;font-size:19px;font-weight:800}.sounding-rule:before{content:"";background:linear-gradient(90deg, currentColor, color-mix(in srgb, currentColor 35%, transparent));flex:1;order:2;height:1.5px}.sounding-name{order:3}.sounding-rule:after{content:"";background:color-mix(in srgb, currentColor 35%, transparent);order:4;width:26px;height:1.5px}.sounding-fact{max-width:44ch;margin:14px 0 0 36px;font-size:17.5px;font-weight:600;line-height:1.5}.stop-chart{align-items:center;padding:84px max(28px,5vw) 36px;display:flex}.chart{width:min(560px,100%);color:var(--ink);text-shadow:var(--halo);opacity:0;transition:opacity .8s;position:relative}.is-in .chart{opacity:1}.chart:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--scrim), transparent);pointer-events:none;position:absolute;inset:-70px -110px}.chart h2{margin:0;font-size:clamp(32px,3.6vw,44px);font-weight:800;line-height:1}.chart-lede{color:var(--ink-soft);margin:6px 0 16px;font-weight:600}.chart-list{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);margin:0;padding:0;list-style:none}.chart-list li{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}.chart-list a{grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 14px;padding:9px 4px;text-decoration:none;transition:color .2s;display:grid}.chart-list a:hover,.chart-list a:focus-visible{color:var(--accent)}.chart-name{font-size:17px;font-weight:800}.chart-where{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chart-host{color:var(--accent);font-size:13px;font-weight:600}.chart-foot{color:var(--ink-soft);margin:16px 4px 0;font-size:13.5px;font-weight:600;line-height:1.6}.chart-foot a{color:var(--ink);font-weight:800}.tip{z-index:30;pointer-events:none;background:var(--card);border:1px solid var(--card-edge);-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:10px;padding:7px 11px 6px;font-size:14px;font-weight:600;position:fixed;transform:translate(14px,14px)}.tip span{color:var(--ink-soft);margin-left:8px}.toast{z-index:30;left:50%;bottom:max(28px, env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--card-edge);max-width:min(440px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;border-radius:16px;padding:14px 18px 13px;font-size:15px;line-height:1.45;transition:opacity .35s,transform .35s;position:fixed;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast b{font-weight:800}.loading{z-index:25;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:var(--ink);opacity:.85;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:opacity .6s;display:flex;position:fixed;transform:translate(-50%)}.loading.is-done{opacity:0;pointer-events:none}.loading-wave{opacity:.7;background:radial-gradient(circle at 5px 5px,currentColor 3px,#0000 3.5px) 0 0/16px 10px repeat-x;width:46px;height:10px;animation:1.1s linear infinite wave}@keyframes wave{to{background-position:16px 0}}.noscript{z-index:50;background:#fff;border-radius:18px;max-width:520px;margin:20vh auto;padding:24px;position:relative}@media (max-width:720px){.stop-hero{align-items:center}.gauge{top:64px;right:16px;transform:none}.gauge-zones{display:none}.gauge-depth{font-size:17px}.gauge-zone{font-size:12px}.pill-text{display:none}.pill[data-action=sound]{padding:10px 12px}.pill{padding:9px 12px 8px;font-size:13.5px}.callout{width:calc(100vw - 32px)}.callout:before{background:radial-gradient(farthest-side, var(--scrim), transparent);inset:-30px -16px}.callout-name{font-size:30px}.callout-line{font-size:16px}.sounding{padding:0 18px}.sounding:before{width:100vw}.sounding-rule{letter-spacing:.16em;gap:12px;font-size:12px}.sounding-depth{background:0 0;padding-left:0;font-size:16px}.sounding-rule:after{display:none}.sounding-fact{margin-left:0;font-size:16px}.stop-chart{align-items:flex-start;padding:84px 16px 40px}.chart:before{inset:-40px -16px}.chart-list a{grid-template-columns:1fr auto;padding:8px 2px}.chart-host{grid-area:1/2}.chart-where{white-space:normal;grid-column:1/-1;font-size:13px}}@media (prefers-reduced-motion:reduce){.sounding{transition:opacity .3s;transform:none}.leader-ring{opacity:.6;animation:none}.hint-arrow{animation:none}}.no-webgl .stop:not(.stop-hero){align-items:center;padding:0 max(24px,5vw);display:flex}.no-webgl .callout{visibility:visible;pointer-events:auto;position:static;opacity:1!important;transform:none!important}.no-webgl .sounding,.no-webgl .chart{opacity:1;transform:none}.no-webgl .leaders,.no-webgl .gauge,.no-webgl .loading,.no-webgl .pill[data-action=sound],.clean .bar,.clean .gauge,.clean .loading,.clean .hero-hint,.clean .hero-lede{display:none}
