/* Midnight workspace. No external fonts or animation dependencies. */
:root{color-scheme:dark;--paper:#0c0d11;--ink:#eeedf4;--muted:#92939f;--line:#25262f;--lime:#bfa7ff;--green:#bfa7ff;--violet:#bfa7ff;--mint:#9de1bd;--mono:Consolas,"SFMono-Regular","Courier New",monospace;scroll-behavior:smooth}
body{background:var(--paper)}::selection{background:#bfa7fF44;color:#fff}a:focus-visible,button:focus-visible{outline-color:var(--violet)}input:focus-visible,textarea:focus-visible{outline-color:var(--violet)}
.site-shell{max-width:1320px;padding:0 52px}.site-header{height:96px}.wordmark{font-size:27px;letter-spacing:-1.4px}.brand-dot{color:var(--violet)}.header-note{font-family:var(--mono);font-size:10px;color:#656674;margin-right:auto;margin-left:28px}.site-header nav{font-size:12px;gap:28px}.site-header nav a:hover{color:var(--violet)}
.hero{grid-template-columns:1.8fr 1fr;min-height:0;gap:60px;padding:62px 0 52px;align-items:end}.hero .eyebrow{font-size:10px;color:#a2a0ad;letter-spacing:1.5px}.status-dot{background:var(--mint);box-shadow:0 0 10px #9de1bd22}.hero h1{font-size:clamp(52px,6.5vw,88px);letter-spacing:-.075em;line-height:1.07;margin:22px 0 18px;font-weight:500}.hero h1 span{color:var(--violet);white-space:normal}.hero-tagline{font-size:17px;color:#a4a1af;line-height:1.6;letter-spacing:-.3px}.hero-intro{font-size:13px;line-height:1.8;color:#8c8c99;margin:19px 0 25px}.hero-aside{padding-bottom:4px;max-width:330px}.status-pill{position:static;transform:none;max-width:100%;display:inline-flex;gap:8px;background:#171c19;color:#a2d1b6;border:1px solid #2c3a31;box-shadow:none;padding:7px 11px;font-size:10px}.status-pill .status-dot{background:var(--mint);width:5px;height:5px}.scroll-cue{display:flex;align-items:center;gap:18px;font-size:11px;color:#c9c5d5}.scroll-cue span{font-size:18px;color:var(--violet)}.scroll-cue:hover{color:#fff}
.section-divider{padding-top:48px;padding-bottom:17px;font-size:9px;letter-spacing:1.6px}.section-label{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;color:#93909e;display:flex;gap:9px;align-items:center}.details-grid{padding:52px 0 60px;gap:100px}.details-grid h2,.links-section h2{font-size:34px;font-weight:500;letter-spacing:-1.3px;margin:20px 0}.body-copy{color:#96949f;font-size:13px;line-height:1.9}.now-section{background:#14141c;border:1px solid #2b2737;padding:28px 30px;border-radius:13px}.now-section h2{font-size:27px}.note-sign{color:#a690cc}.links-section{gap:100px;padding:48px 0 65px}.social-link:hover{color:var(--violet)}.mini-mark{background:#211d2d;color:var(--violet);font-family:Georgia,serif}.empty-links{font-size:13px}.empty-links small{font-size:11px}.site-footer{color:#6b6975;font-size:10px}.skip-link{background:var(--violet);color:#14101d}
/* Scroll scene: document scrolling remains native; only the stage sticks. */
.scroll-story{position:relative;scroll-margin-top:16px}.scroll-story.is-enhanced{height:430svh;min-height:2300px}.story-sticky{height:min(790px,calc(100svh - 32px));min-height:560px;position:relative}.is-enhanced .story-sticky{position:sticky;top:16px}.desktop-stage{height:calc(100% - 44px);position:relative;border:1px solid #34303f;border-radius:14px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 74% 75%,#3c2d58 0%,transparent 65%),radial-gradient(ellipse at 12% 45%,#142a2a 0%,transparent 60%),#15151e;box-shadow:0 30px 80px #0003;--spread:0}
.desktop-stage:after{content:"";position:absolute;inset:37px 0 0;z-index:-1;background-image:radial-gradient(#cdc4ea16 .5px,transparent .5px);background-size:4px 4px;opacity:.45;pointer-events:none}.desktop-menubar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#12111bc4;border-bottom:1px solid #ffffff09;font-size:10px;color:#c8c4d3;position:relative;z-index:10;backdrop-filter:blur(16px)}.desktop-brand{display:flex;align-items:center;gap:9px;font-weight:700}.desktop-brand>span:first-child{font-size:17px;color:var(--violet)}.desktop-menu-item{color:#898291;font-weight:400;margin-left:16px;font-size:9px}.desktop-live{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;color:#a6a0b0}.desktop-live .status-dot{width:5px;height:5px;background:#8c829a}.desktop-stage[data-phase="complete"] .desktop-live .status-dot{background:var(--mint)}.wallpaper-word{position:absolute;left:5%;bottom:15%;font-size:clamp(60px,9vw,130px);font-weight:600;letter-spacing:-.075em;color:#ddd1ff07;white-space:nowrap;user-select:none;z-index:-1}.desktop-shortcuts{position:absolute;right:25px;top:62px;display:flex;flex-direction:column;gap:22px}.desktop-shortcuts a{display:flex;align-items:center;flex-direction:column;gap:7px;color:#9687b9;font-size:9px;text-shadow:0 1px 2px #000}.desktop-shortcuts svg{width:38px;height:31px}.desktop-shortcuts a:hover{color:#cab5f2}
.desktop-window{position:absolute;overflow:hidden;border:1px solid #4b455766;background:#17171e;border-radius:10px;box-shadow:0 22px 50px #0006;transform-origin:50% 10%}.window-titlebar{height:34px;padding:0 13px;background:#212028;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff05}.window-dots{display:flex;gap:6px;flex-shrink:0}.window-dots i{width:7px;height:7px;border-radius:100%;background:#e48082}.window-dots i:nth-child(2){background:#dcb36e}.window-dots i:nth-child(3){background:#7cb594}.window-title{font-family:var(--mono);font-size:9px;color:#938d9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.window-symbol{color:#757080;font-size:12px}.code-window{z-index:3;width:min(710px,83%);height:min(554px,calc(100% - 123px));left:calc(50% - var(--spread)*18%);top:62px;transform:translateX(-50%) scale(calc(1 - var(--spread)*.13));will-change:transform,left}.editor-toolbar{height:41px;background:#1b1a22;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff07;padding-right:12px}.file-tab{height:100%;border-right:1px solid #ffffff08;border-top:1px solid var(--violet);padding:0 18px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;background:#17171e;color:#c8c1d4}.file-tab b{font-size:8px;font-family:Arial,sans-serif;color:#e9c774}.file-unsaved{font-size:7px;color:#7b7289;margin-left:15px}.run-code{font-family:var(--mono);font-size:10px;display:flex;align-items:center;gap:8px;border:1px solid #49415c;border-radius:5px;color:#d7c5fa;background:#30263e;padding:7px 12px;min-height:28px;transition:background .15s,box-shadow .15s,transform .15s}.run-code>span{font-size:8px}.run-code:hover{background:#463556;border-color:#7f689f}.run-code.auto-pressed{background:#bfa7ff;color:#1b1427;transform:scale(.94);box-shadow:0 0 0 8px #bfa7ff1c}.editor-content{height:calc(100% - 99px);display:flex;position:relative}.activity-rail{width:40px;border-right:1px solid #ffffff05;display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:18px;color:#625d6d;flex-shrink:0;font-size:21px;background:#18171f}.activity-rail>span:first-child{color:#bba1e4}.rail-bottom{margin-top:auto;padding-bottom:12px;font-size:16px}.code-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#393342 transparent;padding:18px 22px 10px}.code-scroll pre{font-family:var(--mono);font-size:12px;line-height:1.57;tab-size:2;margin:0;white-space:pre;color:#b8b3c6;min-height:100%;letter-spacing:-.1px}.code-scroll code{font:inherit}.token-keyword{color:#c9a0ed}.token-function{color:#8ebde1}.token-string{color:#aad5ac}.token-property{color:#e7bb87}.token-number{color:#dfae8f}.token-comment{color:#656172}.token-punctuation{color:#8e829e}.typing-caret{display:none;height:14px;width:6px;background:#bfa7ff;vertical-align:-2px;margin-left:1px;animation:caret-blink 1.1s steps(1) infinite}.is-enhanced .typing-caret{display:inline-block}.desktop-stage[data-phase="complete"] .typing-caret{display:none}.editor-statusbar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #ffffff06;background:#1e1b27;font-family:var(--mono);font-size:8px;color:#8e829f}.editor-statusbar>span{display:flex;align-items:center;gap:10px}.editor-clean{color:var(--mint)}
.result-window{visibility:hidden;opacity:0;pointer-events:none;z-index:5;will-change:transform,opacity}.result-window.is-visible{visibility:visible;pointer-events:auto}.terminal-window{left:5%;top:65%;width:44%;height:151px;background:#111219;transform-origin:left bottom;z-index:6}.terminal-window .window-titlebar{background:#1c1c25}.terminal-content{font:11px/1.8 var(--mono);padding:14px 18px;color:#aba2b9}.terminal-content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-command{color:#c3b6d7;margin-bottom:5px}.terminal-command>span{color:var(--violet);margin-right:9px}.terminal-log{color:#8b8499}.terminal-log:before{content:"› ";color:#5c546a}.terminal-success{color:var(--mint);margin-top:4px}.terminal-success>span:first-child{margin-right:7px}.terminal-prompt{color:var(--violet);margin-left:12px}.profile-window{right:4.5%;top:16%;width:30%;max-width:330px;min-width:250px;transform-origin:right center;z-index:7;background:#201c2b;border-color:#68547e80}.profile-window .window-titlebar{background:#292333}.profile-content{padding:23px 24px}.profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.profile-avatar{font-family:Georgia,serif;font-size:40px;letter-spacing:-5px;font-style:italic;padding-right:5px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;color:#d7c2ff;background:#bfa7ff13;border:1px solid #bfa7ff20}.online-pill{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:8px;color:#a4c6b6}.online-pill .status-dot{width:5px;height:5px}.profile-handle{font-family:var(--mono);color:#a89abb;font-size:9px}.profile-content h2{font-size:30px;color:#eeE5ff;letter-spacing:-1px;margin:12px 0;line-height:1.1;overflow-wrap:anywhere}.profile-content>p:last-of-type{font-size:11px;line-height:1.75;color:#aaa0b8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.profile-content>a{margin-top:18px;padding-top:13px;border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;font-size:10px;color:#c6b0e6}.note-window{top:64%;right:7%;width:31%;max-width:350px;max-height:180px;background:#24241e;border-color:#5d5b4266;z-index:8}.note-window .window-titlebar{background:#2c2b23}.note-content{padding:16px 21px}.note-eyebrow{font:8px var(--mono);letter-spacing:1.3px;color:#a6a180}.note-content h3{font-size:17px;font-weight:500;letter-spacing:-.5px;color:#e3dfc9;margin:9px 0 7px;overflow-wrap:anywhere}.note-content>p:last-child{font-size:10px;line-height:1.7;color:#a09c87;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ghost-cursor{position:absolute;top:0;left:0;width:26px;height:32px;z-index:20;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 4px #0008);will-change:transform}.ghost-cursor svg{width:26px;height:32px;display:block}.ghost-cursor>span{position:absolute;left:21px;top:28px;background:#baa1ec;color:#21172f;padding:4px 7px;font:8px var(--mono);border-radius:3px}.desktop-dock{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px 9px;border:1px solid #c8bad21c;background:#ffffff08;backdrop-filter:blur(14px);border-radius:14px;z-index:2}.desktop-dock>span{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff10;font-size:13px}.dock-code{color:#c8afff;background:#443352;font-family:var(--mono);font-size:11px!important}.dock-terminal{background:#1e2026;color:#a7c8b8;font-family:var(--mono)}.dock-profile{background:#b6a0dc;color:#272033;font-family:Georgia,serif;font-style:italic;font-size:25px!important;letter-spacing:-2px}.dock-note{background:#bbb28d;color:#4f462b;font-size:26px!important}.story-controls{height:44px;display:flex;align-items:center;gap:20px;font:10px var(--mono);color:#7f778a}.story-caption{min-width:0;flex:1;font-size:10px}.story-progress{width:100px;height:2px;flex-shrink:0;background:#292330;overflow:hidden}.story-progress>span{height:100%;width:100%;display:block;background:#bfa7ff;transform:scaleX(0);transform-origin:left}.story-controls button{background:none;border:0;color:#9c8caf;font:10px var(--mono);padding:7px 0;min-height:32px;display:flex;gap:6px;align-items:center}.story-controls button:hover,.skip-scene:hover{color:#e4d3ff}.skip-scene{font-size:9px;color:#8b809c;white-space:nowrap}.no-script-note{color:var(--muted);font-size:12px;padding:20px 0}
@keyframes caret-blink{50%{opacity:0}}
@media(min-width:1400px){.hero{min-height:0}}
@media(max-width:1000px){.site-shell{padding:0 32px}.hero{gap:36px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:70px}.hero-tagline{font-size:16px}.header-note{display:none}.code-window{width:77%;left:calc(50% - var(--spread)*12%);transform:translateX(-50%) scale(calc(1 - var(--spread)*.22))}.profile-window{right:3%;width:32%;min-width:235px}.profile-content{padding:18px}.terminal-window{width:48%}.note-window{right:4%;width:36%}.code-scroll{padding:16px}.code-scroll pre{font-size:11px;line-height:1.7}.activity-rail{width:33px}.details-grid,.links-section{gap:50px}.story-progress{width:70px}}
@media(max-width:640px){.site-shell{padding:0 20px}.site-header{height:78px}.wordmark{font-size:25px}.site-header nav{gap:19px;font-size:10px}.hero{grid-template-columns:1fr;gap:24px;padding:42px 0 32px}.hero h1{font-size:58px;margin:18px 0 15px;max-width:500px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-tagline{font-size:15px}.hero-tagline br{display:none}.hero-aside{max-width:none;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.hero-intro{grid-column:1/-1;grid-row:1;margin:0;font-size:12px;line-height:1.8;max-width:360px}.status-pill{justify-self:start;font-size:8px;padding:6px 8px}.scroll-cue{font-size:8px;gap:8px}.scroll-cue span{font-size:14px}.scroll-story{margin:0 -9px}.scroll-story.is-enhanced{height:420svh;min-height:2200px}.story-sticky{height:calc(100svh - 24px);max-height:780px;min-height:560px}.is-enhanced .story-sticky{top:12px}.desktop-stage{height:calc(100% - 58px);border-radius:11px;--spread:0}.desktop-menubar{height:32px;padding:0 11px;font-size:9px}.desktop-menu-item{display:none}.desktop-brand>span:first-child{font-size:14px}.desktop-live{font-size:7px;gap:5px}.desktop-shortcuts{display:none}.wallpaper-word{font-size:53px;bottom:20%}.code-window{width:calc(100% - 20px);height:calc(100% - 108px);max-height:565px;top:49px;left:50%;transform:translateX(-50%) translateY(calc(var(--spread)*-8px)) scale(calc(1 - var(--spread)*.05));opacity:calc(1 - var(--spread)*.58)}.window-titlebar{height:30px;padding:0 10px}.window-title{font-size:8px;padding:0 8px}.window-dots{gap:5px}.window-dots i{width:6px;height:6px}.window-symbol{font-size:10px}.editor-toolbar{height:38px;padding-right:8px}.file-tab{padding:0 10px;gap:6px;font-size:9px}.file-unsaved{margin-left:3px;font-size:5px}.run-code{font-size:8px;padding:6px 9px;gap:5px;min-height:26px}.activity-rail{display:none}.editor-content{height:calc(100% - 91px)}.code-scroll{padding:15px 12px 6px}.code-scroll pre{font-size:clamp(8px,2.4vw,11px);line-height:1.75;letter-spacing:-.3px}.typing-caret{height:11px;width:4px}.editor-statusbar{height:23px;padding:0 9px;font-size:7px}.encoding-label{display:none}.profile-window{top:98px;right:20px;width:calc(100% - 55px);max-width:310px;min-width:0}.profile-content{padding:18px 21px}.profile-top{margin-bottom:10px}.profile-avatar{width:43px;height:43px;font-size:32px;border-radius:11px}.profile-content h2{font-size:28px;margin:10px 0}.profile-content>p:last-of-type{font-size:10px;line-height:1.65;-webkit-line-clamp:3}.profile-content>a{font-size:9px;margin-top:13px;padding-top:12px}.profile-handle{font-size:8px}.terminal-window{left:15px;top:auto;bottom:86px;width:calc(100% - 60px);height:133px}.terminal-content{font-size:9px;padding:10px 13px}.terminal-command{font-size:9px}.note-window{top:auto;bottom:47px;right:13px;width:65%;max-height:128px;z-index:9}.note-window .window-titlebar{height:25px}.note-content{padding:11px 14px}.note-content h3{font-size:14px;margin:6px 0}.note-content>p:last-child{font-size:9px;line-height:1.6;-webkit-line-clamp:2}.note-eyebrow{font-size:7px}.note-window .window-dots i{width:5px;height:5px}.desktop-dock{bottom:10px;padding:5px 7px;gap:6px;border-radius:11px}.desktop-dock>span{width:25px;height:25px;border-radius:6px}.dock-profile{font-size:21px!important}.dock-note{font-size:22px!important}.ghost-cursor{width:21px;height:27px}.ghost-cursor svg{width:21px;height:27px}.ghost-cursor>span{font-size:7px;left:18px;top:23px}.story-controls{height:58px;gap:10px;flex-wrap:wrap;align-content:center;row-gap:7px}.story-caption{flex-basis:calc(100% - 70px);font-size:8px}.story-progress{width:55px}.story-controls button{font-size:9px;min-height:20px;padding:0}.skip-scene{font-size:8px;margin-left:auto}.details-grid{padding:34px 0;gap:30px}.section-divider{padding-top:30px;font-size:8px}.section-label{font-size:9px}.details-grid h2,.links-section h2{font-size:28px;margin:16px 0}.now-section{padding:25px}.now-section h2{font-size:24px}.links-section{padding:34px 0 42px;gap:28px}.site-footer{font-size:9px}}
@media(max-height:680px) and (min-width:641px){.story-sticky{min-height:520px}.code-window{top:48px;height:calc(100% - 105px)}.code-scroll pre{font-size:10px;line-height:1.55}.code-scroll{padding:10px 18px}.profile-window{top:65px}.profile-content{padding:15px 20px}.profile-top{margin-bottom:10px}.profile-avatar{width:40px;height:40px;font-size:31px}.profile-content h2{font-size:25px}.profile-content>p:last-of-type{-webkit-line-clamp:2}.note-window{top:63%;max-height:135px}.note-content{padding:10px 17px}.note-content>p:last-child{-webkit-line-clamp:2}.terminal-window{top:64%;height:125px}.terminal-content{padding:10px 15px;font-size:9px}.desktop-dock{bottom:10px}.desktop-dock>span{width:25px;height:25px}}
@media(max-width:640px){.code-scroll pre{font-size:clamp(10px,2.8vw,12px)}}
@media(max-width:640px) and (min-height:740px){.terminal-window{top:54%;bottom:auto;width:calc(100% - 44px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.scroll-story.is-enhanced{height:auto;min-height:0}.is-enhanced .story-sticky{position:relative;top:0}.typing-caret{animation:none}.ghost-cursor{display:none}.code-window,.result-window{will-change:auto}.story-progress{display:none}}

/* Keyboard and touch are alternative controls for the same scroll scene. */
.keyboard-help{margin:0 auto;padding:0 12px;color:#92849f;font:9px var(--mono);white-space:nowrap}
.keyboard-help kbd{font:inherit;border:1px solid #44384f;border-radius:3px;padding:2px 4px;color:#c2aedc}
.code-window:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.story-controls #type-code{color:#cab4ec}
.missing-page{min-height:75svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
.missing-page h1{font-size:clamp(48px,8vw,88px);font-weight:500;color:var(--violet)}
.missing-page p{color:var(--muted);line-height:1.8}.missing-page a{border-bottom:1px solid var(--violet);padding:10px 0}
@media(max-width:900px){.keyboard-help{display:none}}
@media(max-width:640px){.story-controls{height:82px;row-gap:0;column-gap:16px}.desktop-stage{height:calc(100% - 82px)}.story-caption{font-size:8px;line-height:1.6}.story-controls button,.skip-scene{min-height:38px;display:flex;align-items:center}.story-caption,.story-progress{margin-top:7px}.story-controls #type-code{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.keyboard-help,#type-code{display:none}}