@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eaf0ed;--muted:#a9b9be;--gold:#e9bd78;--line:#ffffff24;--glass:#0c202be6}*{box-sizing:border-box}body{color:var(--ink);background:#091d28;margin:0;font:16px DM Sans,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{background:0 0;border:0}main{height:100svh;min-height:850px;position:relative;overflow:hidden}#world{position:absolute;inset:0 0 80px}canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#071924d9,#0000 48%),linear-gradient(#07192477,#0000 55%,#071924 96%);position:absolute;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:32px;left:40px;right:40px}.brand{color:#f6f3e9;letter-spacing:-2px;font:54px/.95 Playfair Display,Georgia,serif;text-decoration:none}.brand span{letter-spacing:2.1px;margin-top:13px;font:10px DM Sans,sans-serif;display:block}.top-caption{letter-spacing:2px;color:var(--muted);gap:25px;font-size:12px;display:flex}.top-caption span{color:var(--gold)}.quiet{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c2434a8;border-radius:5px;padding:12px 18px;font-size:14px}.quiet:hover,.quiet[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.intro{max-width:330px;position:absolute;top:185px;left:42px}.eyebrow{letter-spacing:2.3px;color:var(--gold);font-size:11px;font-weight:600}h1{letter-spacing:-1px;margin:18px 0;font:400 48px/1.13 Playfair Display,Georgia,serif}p{color:var(--muted);line-height:1.65}.intro p{font-size:15px}.primary{background:var(--gold);color:#14252a;border-radius:4px;margin-top:10px;padding:14px 20px;font-size:14px;font-weight:600}.primary:hover{background:#f8dba9}#story-status{max-width:260px;color:var(--gold);margin-top:13px;font-size:13px;display:block}.systems{flex-direction:column;gap:4px;display:flex;position:absolute;top:485px;left:40px}.systems button{text-align:left;color:#c6d2d3;padding:10px 0;font-size:14px}.systems span{color:#80959d;margin-right:18px;font-size:11px}.systems button:hover{color:var(--gold)}.world-labels{pointer-events:none;position:absolute;inset:0}.place-label{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;letter-spacing:.5px;background:#0a202bdc;border:1px solid #b6d2d644;border-radius:4px;min-width:130px;padding:10px 15px;font-size:13px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 30px #0004}.place-label:after{content:"";background:var(--gold);width:1px;height:22px;position:absolute;top:100%;left:50%}.place-label small{color:var(--muted);letter-spacing:0;margin-top:4px;font-size:10px;display:block}.place-label:hover{border-color:var(--gold);color:var(--gold)}.world-controls{gap:8px;display:flex;position:absolute;top:128px;right:40px}.scene-note{letter-spacing:1.5px;color:#c2c8c5;text-align:right;font-size:10px;position:absolute;bottom:259px;right:40px}.scene-note span{letter-spacing:0;color:var(--muted);margin-top:8px;font-size:11px;display:block}.timeline{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(110deg,#122b36ee,#0c202ae8);border-radius:8px;padding:21px 28px 18px;position:absolute;bottom:57px;left:40px;right:40px;box-shadow:0 10px 40px #0003}.time-heading{justify-content:space-between;align-items:center;display:flex}h2{margin:6px 0 15px;font:24px Playfair Display,Georgia,serif}.year-wrap{align-items:center;gap:23px;display:flex}.year-wrap output{color:var(--gold);font:46px Playfair Display,serif}.year-wrap button{color:var(--muted);font-size:22px}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer;height:22px;margin:3px 0 9px}.ticks{justify-content:space-between;display:flex}.ticks button{text-align:left;color:#e3e8e5;padding:0;font-size:13px}.ticks button:last-child{text-align:right}.ticks span{color:#8fa5af;margin-top:5px;font-size:11px;display:block}footer{letter-spacing:1.4px;color:#91a6ad;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:18px;left:40px;right:40px}footer i{color:var(--gold);padding:0 10px}footer button{letter-spacing:0;font-size:12px}.panel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:5;background:#0b202bf5;border:1px solid #8ca4b94a;border-radius:8px;width:390px;max-width:calc(100% - 32px);padding:30px;position:absolute;top:120px;bottom:250px;right:24px;overflow:auto;box-shadow:0 20px 90px #0007}.panel h2{margin:18px 0;font-size:31px}.panel h3{color:#e6e9e4;margin:24px 0 8px;font-size:15px}.panel p{font-size:14px}.close{color:var(--muted);font-size:28px;position:absolute;top:8px;right:13px}.badge{color:#9fd5c3;letter-spacing:1px;background:#86c6b00a;border:1px solid #6a9a9355;border-radius:3px;padding:5px 7px;font-size:10px;display:inline-block}.panel a{color:#b6dbea;font-size:13px;line-height:1.6}.panel .action{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--gold);padding:14px 0;font-size:14px;display:block}.panel .action small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.panel .back{color:var(--muted);margin-bottom:20px;font-size:12px}.panel ul{color:var(--muted);padding-left:20px;font-size:14px;line-height:1.8}.error{background:#122d39;max-width:400px;padding:20px;position:absolute;top:40%;left:40%}.panel[hidden]{display:none}@media (min-width:1600px){.intro{top:220px}.systems{top:540px}h1{font-size:58px}}@media (max-width:900px){main{min-height:850px}header{top:24px;left:20px;right:20px}.brand{font-size:42px}.top-caption{display:none}.intro{max-width:240px;top:155px;left:22px}h1{font-size:36px}.intro p{font-size:14px}.systems{top:430px;left:22px}.world-controls{top:116px;right:20px}.scene-note{right:20px}.timeline{padding:18px;left:20px;right:20px}.panel{top:160px;bottom:255px}.place-label{min-width:100px;padding:9px;font-size:11px}footer{left:20px;right:20px}}@media (max-width:600px){main{min-height:960px}.intro{max-width:220px;top:120px}h1{margin:12px 0;font-size:33px}.intro p{display:none}.primary{margin-top:0;padding:11px 15px}.world-controls{flex-direction:column;top:127px;right:16px}.quiet{padding:10px;font-size:12px}.systems{border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;padding-bottom:12px;inset:auto 20px 286px}.systems button{font-size:12px}.systems span{display:none}.scene-note{font-size:8px;bottom:259px}.scene-note span{display:none}.timeline{padding:18px 15px;bottom:66px;left:15px;right:15px}.time-heading{align-items:start}.time-heading h2{max-width:160px;font-size:20px}.eyebrow{letter-spacing:1.5px;font-size:9px}.year-wrap{gap:8px}.year-wrap output{font-size:36px}.ticks span{font-size:9px}.panel{width:calc(100% - 32px);padding:23px;top:225px;bottom:320px;right:16px}.place-label{min-width:88px;font-size:10px}.place-label small{font-size:9px}footer{letter-spacing:.4px;gap:15px;font-size:8px;bottom:24px}footer button{font-size:10px}.brand span{font-size:8px}.brand{font-size:42px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (min-width:601px) and (max-height:850px){main{min-height:680px}.intro{top:150px}h1{margin:12px 0;font-size:38px}.intro p{font-size:14px}.systems{flex-direction:row;gap:18px;top:auto;bottom:260px}.systems span{display:none}.systems button{font-size:12px}.timeline{padding:16px 24px}.scene-note{bottom:248px}.panel{top:115px;bottom:245px}}
main{min-height:720px}#world{background:#122b3b url(/assets/harbour.png) top/100% no-repeat;inset:0}.vignette{background:linear-gradient(90deg,#061927db,#0000 38% 78%,#06192777),linear-gradient(#061927b0,#06192722 25%,#0000 66%,#061927 99%)}header{z-index:2;top:24px;left:30px;right:30px}.brand{font-size:48px}.brand span{letter-spacing:1.6px}.intro{max-width:290px;top:150px;left:30px}h1{margin:15px 0;font-size:45px}.intro p{font-size:15px}.primary{margin-top:4px}.systems{top:450px;left:30px}.systems button{padding:8px 0}.world-controls{top:111px;right:30px}.quiet{padding:11px 15px}.place-label{min-width:128px;padding:9px 12px;font-size:12px}.scene-note{text-align:center;text-shadow:0 2px 8px #001;pointer-events:none;letter-spacing:0;bottom:222px;left:50%;right:auto;transform:translate(-50%)}.scene-note span{color:#e5dfce;font:18px Playfair Display,serif}.scene-note small{color:#bed0d4;margin-top:7px;font-size:11px;display:block}.timeline{padding:16px 23px 13px;bottom:43px;left:30px;right:30px}.time-heading h2{margin:7px 0 9px;font-size:24px}.year-wrap output{font-size:43px}.ticks span{font-size:10px}.ticks button[aria-pressed=true]{color:var(--gold)}footer{letter-spacing:1px;font-size:9px;bottom:14px;left:30px;right:30px}.panel{top:110px;bottom:220px}.life-controls{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(140deg,#102b38e8,#0b202ac9);border-radius:6px;width:224px;padding:17px;position:absolute;top:169px;right:30px}.life-controls label{color:#d6dfdc;justify-content:space-between;margin-top:15px;font-size:13px;display:flex}.life-controls output{color:var(--gold)}.life-controls input{margin:8px 0}.life-controls p{margin:4px 0 12px;font-size:12px}.life-controls button{color:#d4dedc;padding:5px 0;font-size:12px}.life-controls details{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.life-controls summary{cursor:pointer;font-size:13px;line-height:1.5}.experiment-tag{letter-spacing:1.4px;color:var(--gold);margin-top:14px;font-size:9px;display:block}.day-bar{border-radius:4px;height:8px;margin:8px 0;display:flex;overflow:hidden}.day-bar i{height:100%}.sleep-bar{background:#7280a7;width:33.333%}.travel-bar{background:#849394;width:8.333%}#work-bar{background:#d4a66e;width:41.667%}#free-bar{background:#7ab7a5;width:16.667%}.day-legend{color:#aabac0;justify-content:space-between;margin-bottom:14px;font-size:9px;display:flex}.day-legend span:nth-child(3){color:#d4a66e}.day-legend span:last-child{color:#7ab7a5}[hidden]{display:none!important}.story-mode .intro,.story-mode .systems,#story-status{display:none}.story-card{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(130deg,#0b202ff5,#0c2634e8);border:1px solid #b9ba9d40;border-radius:6px;width:350px;padding:22px;position:absolute;top:121px;bottom:226px;left:30px;overflow:auto}.story-top{color:var(--gold);justify-content:space-between;font-size:12px;display:flex}.story-top button{color:var(--muted);font-size:11px}#chapter-dots{gap:5px;margin:17px 0 22px;display:flex}#chapter-dots button{background:#879b9e55;flex:1;height:5px;padding:0}#chapter-dots button[aria-current=step]{background:var(--gold)}.story-card h2{margin:13px 0;font-size:31px;line-height:1.18}.story-card p{font-size:14px;line-height:1.65}.story-card blockquote{color:#ead6b0;border-left:2px solid var(--gold);margin:20px 0;padding-left:15px;font:italic 20px/1.4 Playfair Display,serif}.story-link{text-align:left;color:var(--gold);padding:8px 0;font-size:14px;line-height:1.5}.story-card .story-fact{color:#a5b9c1;font-size:11px;line-height:1.55}.story-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:7px;margin-top:18px;padding-top:14px;display:flex}.story-nav button{padding:4px 0;font-size:12px}#chapter-next{color:var(--gold)}button:disabled{opacity:.35;cursor:default}summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (min-width:1600px){.intro{top:185px}.systems{top:480px}h1{font-size:54px}.story-card{width:390px;top:145px}.story-card h2{font-size:37px}.story-card p{font-size:16px}.life-controls{width:250px}.life-controls p,.life-controls button{font-size:14px}}@media (max-height:850px) and (min-width:701px){.intro{top:130px}h1{font-size:39px}.intro p{font-size:14px}.systems{flex-direction:column;gap:0;top:auto;bottom:234px}.systems button{padding:5px 0;font-size:13px}.life-controls{top:159px}.story-card{top:112px}.story-card h2{font-size:27px}.story-card p{font-size:13px}}@media (max-width:1000px){header{left:20px;right:20px}.brand{font-size:40px}.top-caption{display:none}.intro{max-width:230px;left:20px}h1{font-size:38px}.systems{left:20px}.life-controls{width:200px;right:20px}.world-controls{right:20px}.timeline{left:20px;right:20px}.story-card{width:310px;left:20px}.place-label{min-width:100px;padding:8px;font-size:10px}.place-label small{font-size:9px}.scene-note{left:55%}}@media (max-width:700px){main{height:100svh;min-height:1050px}header{top:22px;left:18px;right:18px}.brand{font-size:38px}.brand span{font-size:8px}.quiet{padding:10px;font-size:12px}.intro{max-width:220px;top:117px;left:18px}.intro h1{margin:12px 0;font-size:33px}.intro p{font-size:12px;display:block}.intro .eyebrow{font-size:9px}.world-controls{flex-direction:column;top:113px;right:15px}.life-controls{width:210px;padding:13px;top:auto;bottom:238px;right:15px}.life-controls details[open]{max-height:230px;overflow:auto}.systems{border:0;flex-direction:column;inset:auto auto 263px 18px}.systems button{padding:7px 0;font-size:12px}.systems span{display:none}.scene-note{width:95%;bottom:210px;left:50%}.scene-note span{font-size:15px}.scene-note small{display:none}.timeline{padding:14px;bottom:43px;left:15px;right:15px}.time-heading h2{max-width:210px;font-size:18px}.time-heading .eyebrow{font-size:9px}.year-wrap{gap:8px}.year-wrap output{font-size:32px}.ticks button{font-size:11px}.ticks span{font-size:8px}.place-label{min-width:82px;padding:6px;font-size:9px}.place-label small{display:none}.panel{z-index:8;width:calc(100% - 30px);padding:25px;top:110px;bottom:230px;right:15px}.story-card{width:calc(100% - 30px);max-height:480px;padding:19px;top:116px;bottom:auto;left:15px}.story-card h2{font-size:27px}.story-card p{font-size:13px}.story-mode .life-controls{bottom:238px}.story-mode .world-controls{display:none}.story-card .story-fact{font-size:10px}.story-mode .world-labels{opacity:.65}footer{letter-spacing:.4px;font-size:8px;left:15px;right:15px}footer button{font-size:10px}#world{background-position:50% 80px;background-size:auto 48%}}@media (min-width:1001px){.intro{max-width:320px}.systems{top:auto;bottom:235px}.intro h1{font-size:43px}.intro{top:142px}.intro p{margin:12px 0}.systems button{padding:6px 0}}@media (min-width:1600px) and (min-height:1000px){.intro{max-width:340px;top:160px}.intro h1{font-size:50px}.systems{top:465px;bottom:auto}}@media (min-width:701px) and (max-height:850px){.intro{top:119px}.intro h1{font-size:33px}.intro p{font-size:13px;line-height:1.5}.primary{padding:11px 16px}.systems{bottom:225px}.systems button{padding:3px 0}.intro .eyebrow{font-size:10px}}@media (max-width:700px){main{height:auto;min-height:1160px}#world{background-position:50% 75px;background-size:auto 42%;height:630px;bottom:auto}.intro{top:111px}.intro h1{font-size:29px}.intro p{max-width:180px;font-size:12px}.intro .primary{font-size:12px}.world-controls{top:113px}.timeline{padding:13px;inset:602px 15px auto}.time-heading h2{max-width:170px;font-size:17px}.year-wrap output{font-size:29px}.ticks span{display:none}.timeline input{margin:5px 0 10px}.systems{flex-direction:row;justify-content:space-between;gap:7px;padding:0;inset:555px 18px auto}.systems button{font-size:11px}.life-controls{width:auto;padding:16px;inset:770px 15px auto}.life-controls details[open]{max-height:none;overflow:visible}.life-controls label,.life-controls button,.life-controls summary{font-size:14px}.life-controls p{font-size:13px}.life-controls input{margin:10px 0}.life-controls:has(details[open]){margin:770px 15px 55px;position:relative;top:auto;left:auto;right:auto}.scene-note{display:none}.story-mode .life-controls{bottom:auto}.story-card{max-height:425px;top:110px}.panel{max-height:590px;top:110px;bottom:auto}.story-mode .world-labels{display:none}.place-label{min-width:75px;font-size:9px}.story-mode .timeline{top:602px}footer{gap:15px;font-size:7px;bottom:14px}.day-legend{font-size:10px}}.intro,.systems,.world-controls,.life-controls,.timeline{z-index:2}.world-labels{z-index:1}.story-card{z-index:3}.panel{z-index:6}@media (max-width:700px){.panel{z-index:8}}.story-card{flex-direction:column;display:flex;overflow:hidden}.story-top,#chapter-dots,.story-nav{flex-shrink:0}.story-body{min-height:0;padding-right:5px;overflow:auto}.story-nav{margin-top:12px}.story-top{min-height:19px}#chapter-dots{margin:13px 0 18px}@media (max-width:700px){.story-card{height:425px}}#world{background-image:none}#world:before{content:"";pointer-events:none;background:url(/assets/harbour.png) top/100% 100% no-repeat;height:33.333vw;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}#world canvas{position:relative}@media (max-width:700px){#world:before{background-size:auto 100%;height:265px;top:75px}}.secondary-story{color:#c5d4d6;margin-top:12px;font-size:13px;display:block}.workday-mode .intro,.workday-mode .systems,.workday-mode .timeline,.workday-mode .life-controls,.workday-mode .world-controls,.workday-mode .world-labels,.workday-mode .scene-note{display:none}#workday{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b202bf2;border:1px solid #a5b9b350;border-radius:10px;flex-direction:column;width:420px;max-width:calc(100% - 30px);display:flex;position:absolute;top:120px;bottom:55px;left:30px;box-shadow:0 15px 60px #0005}#workday header,#workday footer{letter-spacing:0;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font-size:12px;display:flex;position:static}#workday header{color:var(--gold)}#workday footer{border-top:1px solid var(--line)}#workday footer button{padding:10px;font-size:14px}#wd-next{background:var(--gold);color:#14252a;border-radius:4px}.wd-progress{gap:4px;padding:0 20px 12px;display:flex}.wd-progress button{color:#9aadb3;border-bottom:3px solid #78909940;flex:1;padding:7px 0}.wd-progress button[aria-current=step]{color:var(--gold);border-color:var(--gold)}.wd-progress span{margin-top:4px;font-size:10px;display:block}.wd-body{flex:1;min-height:0;padding:12px 24px 20px;overflow:auto}.wd-body h2{margin-top:16px;font-size:32px}.wd-body p{font-size:15px}.wd-hours{grid-template-columns:repeat(12,1fr);gap:4px;margin:22px 0 10px;display:grid}.wd-hours i{border-radius:3px;height:25px}.wd-hours .sleep{background:#7d8ab5}.wd-hours .travel{background:#b2bbc1}.wd-hours .work{background:#dba15f}.wd-hours .other{background:#71cbb0}.wd-legend{flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.wd-legend span:nth-child(3){color:#dba15f}.wd-legend span:last-child{color:#71cbb0}.wd-compare{gap:8px;margin:20px 0;display:flex}.wd-compare button,.wd-perspectives button{border:1px solid #66868e;border-radius:5px;padding:10px;font-size:14px}.wd-compare [aria-pressed=true],.wd-perspectives [aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#e9bd7820}.wd-result{color:#a9e4d2;font-size:14px;display:block}.wd-result strong{font-size:32px;display:block}.wd-body .wd-note{font-size:12px;line-height:1.6}.wd-chain{flex-direction:column;gap:12px;margin:24px 0;display:flex}.wd-chain b{border-left:3px solid var(--gold);background:#244451;padding:12px;font-size:16px}.wd-chain span{color:#b5c7ca;font-size:13px}.wd-perspectives{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}#wd-perspective{min-height:85px;font-size:15px;line-height:1.6}.wd-fact{border:1px solid #80c6b260;margin:20px 0;padding:18px}.wd-fact strong,.wd-fact span{display:block}.wd-fact strong{color:#a9e4d2;margin-bottom:8px;font-size:24px}.wd-body summary{cursor:pointer;font-size:14px;line-height:1.5}.wd-body a{color:#b5dcec;font-size:12px}.wd-method{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}@media (max-width:700px){#workday{width:auto;height:660px;inset:350px 15px auto}.workday-mode main{min-height:1080px}.workday-mode #world{height:440px}.wd-body{padding:12px 18px}.wd-body h2{font-size:27px}.intro .primary{max-width:190px;font-size:12px}.secondary-story{font-size:11px}}.story-mode .world-labels,.workday-mode .world-labels{opacity:1;display:block}.focused-place{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px #e9bd7840,0 6px 25px #0005}.workday-mode .place-label{pointer-events:none}.story-orientation{z-index:2;border:1px solid var(--line);pointer-events:none;background:#0b202bea;border-radius:6px;gap:6px;padding:6px;display:none;position:absolute;top:92px;right:30px}.story-mode .story-orientation,.workday-mode .story-orientation{display:flex}.story-orientation span{color:#adbdc1;border-bottom:2px solid #0000;padding:6px 10px;font-size:13px}.story-orientation .active{color:var(--gold);border-color:var(--gold);background:#e9bd7814}@media (max-width:700px){.story-orientation{justify-content:space-between;top:94px;left:15px;right:15px}.story-orientation span{padding:5px;font-size:11px}.story-mode .story-card{height:385px;top:149px}.workday-mode .place-label{font-size:10px}.workday-mode .place-label small{display:none}}@media (min-width:701px){.story-mode .world-controls{top:146px}.story-mode .life-controls{top:204px}}@media (min-width:701px) and (max-width:1000px){.story-orientation{right:20px}}