:root{--graphite:#10110f;--graphite-2:#171814;--graphite-3:#23241f;--ivory:#f3f0e6;--ivory-muted:#c4c0b5;--ivory-faint:#85847a;--chartreuse:#c8ff63;--chartreuse-dim:#7b9e3b;--line:#f3f0e626;--line-strong:#f3f0e652;--paper:#e8e3d7;--paper-shadow:#00000075;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius:.22rem;color:var(--ivory);background:var(--graphite);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--graphite);scroll-behavior:auto;min-width:320px}body{background:var(--graphite);min-width:320px;margin:0;overflow-x:hidden}body:before{z-index:30;pointer-events:none;content:"";opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--chartreuse);outline-offset:4px}.site-shell{isolation:isolate;position:relative}.skip-link{z-index:80;border:1px solid var(--chartreuse);background:var(--graphite);opacity:0;pointer-events:none;padding:.7rem .85rem;transition:opacity .2s,transform .2s;position:fixed;top:.8rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.eyebrow{color:var(--chartreuse);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.64rem;line-height:1.3}.site-header{z-index:50;backdrop-filter:blur(12px);background:linear-gradient(#10110ff2,#10110fb8 70%,#0000);border-bottom:1px solid #f3f0e61a;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;width:min(100% - 3rem,1440px);margin:0 auto;padding:1.1rem 0;display:grid;position:fixed;top:0;left:0;right:0}.brand-lockup{width:fit-content;color:var(--ivory);font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:.7rem;font-size:.68rem;display:inline-flex}.brand-mark{border:1px solid var(--ivory);background:var(--paper);width:1.35rem;height:1.65rem;box-shadow:.18rem .18rem 0 var(--chartreuse-dim);display:block;position:relative;transform:skewY(-7deg)}.brand-mark:after{background:var(--chartreuse);content:"";width:.42rem;height:.1rem;position:absolute;bottom:.2rem;right:-.4rem}.header-nav{color:var(--ivory-muted);gap:1.6rem;font-size:.74rem;display:flex}.header-nav a,.site-footer a{transition:color .2s}.header-nav a:hover,.site-footer a:hover{color:var(--chartreuse)}.motion-toggle{border:1px solid var(--line);border-radius:var(--radius);color:var(--ivory-muted);cursor:pointer;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.62rem;display:inline-flex}.motion-toggle:hover,.motion-toggle[aria-pressed=true]{border-color:var(--chartreuse);color:var(--chartreuse)}.story-layout{grid-template-columns:minmax(0,1.05fr) minmax(28rem,.95fr);min-height:100vh;display:grid}.stage-column{min-width:0;position:relative}.scene-sticky{place-items:center;min-height:100svh;padding:5.5rem 2rem 2rem;display:grid;position:sticky;top:0}.scene-frame{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 52% 45%,#c8ff630d,#0000 40%),linear-gradient(145deg,#23241fcc,#10110ff5);flex-direction:column;width:min(100%,760px);height:min(82svh,760px);min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #00000038,inset 0 0 4rem #f3f0e606}.scene-frame:before,.scene-frame:after{z-index:1;pointer-events:none;content:"";position:absolute}.scene-frame:before{border:1px solid #f3f0e614;inset:1rem}.scene-frame:after{background:linear-gradient(#0000,#f3f0e614,#0000);width:1px;top:3.7rem;bottom:3.4rem;left:50%}.scene-header,.scene-foot,.scene-caption{z-index:4;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.59rem;display:flex;position:relative}.scene-header{color:var(--ivory-muted)}.scene-status{max-width:15rem;color:var(--ivory-faint);text-align:right}.canvas-wrap{flex:1;min-height:0;position:relative}#observatory-canvas{width:100%;height:100%;display:block}.canvas-loading{color:var(--ivory-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.62rem;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-loading span{background:var(--chartreuse);width:.72rem;height:.08rem;box-shadow:0 0 1rem var(--chartreuse);border-radius:0;animation:1.4s ease-in-out infinite breathe}.canvas-wrap[data-world-state=ready] .canvas-loading,.canvas-wrap[data-world-state=fallback] .canvas-loading{opacity:0;pointer-events:none}.scene-caption{color:var(--ivory);position:absolute;bottom:.1rem;left:.15rem;right:.15rem}.scene-progress{background:var(--line);flex:1;height:1px;margin:0 .8rem;display:block}.scene-progress i{background:var(--chartreuse);width:0%;height:100%;transition:width .12s linear;display:block}.scene-foot{color:var(--ivory-faint)}.scene-foot span:last-child{color:var(--ivory-muted);text-align:right}.canvas-fallback{border:1px solid var(--line-strong);background:#10110feb;flex-direction:column;justify-content:center;padding:2rem;display:flex;position:absolute;inset:2rem}.canvas-fallback[hidden]{display:none}.canvas-fallback strong{max-width:20rem;font-family:var(--serif);margin-top:.8rem;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:400;line-height:1}.canvas-fallback ol{color:var(--ivory-muted);font-family:var(--mono);text-transform:uppercase;gap:.5rem;margin:2rem 0 0;padding:0;font-size:.65rem;list-style:none;display:grid}.canvas-fallback li{align-items:baseline;gap:.7rem;display:flex}.canvas-fallback li span{color:var(--chartreuse)}.fallback-paper{background:var(--paper);width:5rem;height:6.5rem;box-shadow:.5rem .5rem 0 var(--chartreuse-dim);border:1px solid #10110f66;margin-bottom:1rem;transform:rotate(-7deg)}.story-column{min-width:0;padding:0 5vw 0 2.5rem}.hero-beat,.story-beat,.closing-beat{flex-direction:column;justify-content:center;min-height:100svh;padding:7rem 0;display:flex}.hero-beat{max-width:42rem}.hero-beat h1{max-width:14.5ch;color:var(--ivory);font-family:var(--serif);letter-spacing:-.07em;margin:1.3rem 0 0;font-size:clamp(3.8rem,5.2vw,5.7rem);font-weight:400;line-height:.86}.hero-support{max-width:25rem;color:var(--ivory-muted);margin:2rem 0 0;font-size:1rem;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;gap:.75rem;min-height:3rem;padding:.8rem 1rem;font-size:.78rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--chartreuse);background:var(--chartreuse);color:var(--graphite)}.button-primary:hover{background:#d7ff91}.text-button{border:0;border-bottom:1px solid var(--line-strong);color:var(--ivory);cursor:pointer;background:0 0;align-items:center;gap:.55rem;padding:.3rem 0;font-size:.76rem;display:inline-flex}.text-button:hover{border-color:var(--chartreuse);color:var(--chartreuse)}.hero-aside{border-top:1px solid var(--line);max-width:18rem;color:var(--ivory-muted);margin:4rem 0 0;padding-top:1rem;font-size:.78rem;line-height:1.5}.hero-aside span{color:var(--chartreuse);font-family:var(--mono);letter-spacing:.12em;margin-bottom:.7rem;font-size:.6rem;display:block}.story-beat{border-top:1px solid var(--line);max-width:42rem;min-height:82svh;position:relative}.beat-meta{color:var(--ivory-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.62rem;display:flex}.beat-line{background:var(--line-strong);width:3rem;height:1px}.beat-index{color:var(--ivory-faint);margin-left:auto}.beat-copy{max-width:34rem;margin-top:1.6rem}.beat-copy h2,.closing-beat h2{color:var(--ivory);font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,5vw,5.2rem);font-weight:400;line-height:.94}.beat-copy p,.closing-beat>p{max-width:29rem;color:var(--ivory-muted);margin:1.5rem 0 0;font-size:.96rem;line-height:1.6}.daemon-file,.context-inspector,.verification-inspector,.boundary-inspector,.role-selector,.result-artifact{border-top:1px solid var(--line-strong);margin-top:2.6rem}.file-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.file-heading>div{min-width:0}.file-heading h3,.context-reading h3,.verification-inspector h3,.boundary-reading h3,.role-reading h3,.artifact-shell h3{color:var(--ivory);margin:.4rem 0 0;font-size:1rem;font-weight:600}.file-badge{overflow-wrap:anywhere;border:1px solid var(--chartreuse-dim);max-width:100%;color:var(--chartreuse);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.32rem .45rem;font-size:.58rem}.file-body{grid-template-columns:minmax(0,1.1fr) minmax(12rem,.9fr);gap:1rem;display:grid}.daemon-file pre{border:1px solid var(--line);min-height:17rem;color:var(--ivory);font-family:var(--mono);white-space:pre-wrap;background:#0000002e;margin:0;padding:1rem;font-size:.68rem;line-height:1.7;overflow:auto}.file-controls{align-content:start;gap:.35rem;display:grid}.file-controls button,.context-buttons button,.role-selector-list button{color:var(--ivory-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;gap:.15rem;padding:.55rem .65rem;display:grid}.file-controls button:hover,.file-controls button.is-selected,.context-buttons button:hover,.context-buttons button.is-selected,.role-selector-list button:hover,.role-selector-list button.is-selected{border-color:var(--line-strong);color:var(--ivory);background:#f3f0e60a}.field-key{color:var(--chartreuse);font-family:var(--mono);font-size:.62rem}.field-value{font-size:.73rem}.file-note{border-top:1px solid var(--line);gap:.35rem;margin-top:1rem;padding:.9rem 0;display:grid}.file-note strong{font-size:.88rem}.file-note p,.context-reading p,.verification-inspector p,.boundary-reading p,.role-reading p,.artifact-copy{color:var(--ivory-muted);margin:0;font-size:.78rem;line-height:1.5}.context-inspector,.boundary-inspector,.role-selector{grid-template-columns:minmax(12rem,.8fr) minmax(0,1fr);gap:1.25rem;padding-top:1.2rem;display:grid}.context-buttons,.boundary-options,.role-selector-list{align-content:start;gap:.35rem;display:grid}.context-buttons button{align-items:baseline;gap:.65rem;font-size:.76rem;display:flex}.context-buttons button span{color:var(--chartreuse);font-family:var(--mono);font-size:.6rem}.context-reading,.boundary-reading,.role-reading{padding:.65rem 0}.verification-inspector{justify-content:space-between;align-items:end;gap:1rem;padding-top:1.2rem;display:flex}.verification-inspector h3{font-family:var(--serif);font-size:1.7rem;font-weight:400}.boundary-options button{border:1px solid var(--line);color:var(--ivory-muted);cursor:pointer;text-align:left;background:0 0;gap:.2rem;padding:.7rem;display:grid}.boundary-options button.is-selected{border-color:var(--chartreuse);color:var(--ivory)}.boundary-options button span{color:var(--chartreuse);font-family:var(--mono);text-transform:uppercase;font-size:.58rem}.boundary-options button strong{font-size:.76rem;font-weight:500}.role-selector-list button{font-size:.76rem}.result-artifact{padding-top:1.2rem}.artifact-shell{border:1px solid var(--line-strong);background:#f3f0e609;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.artifact-glyph{border:1px solid var(--chartreuse);width:2.5rem;height:2.5rem;color:var(--chartreuse);flex:none;place-items:center;font-size:1.2rem;display:grid}.artifact-destinations{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.artifact-destination{border:1px solid var(--line);color:var(--ivory-muted);font-family:var(--mono);align-items:center;gap:.4rem;padding:.4rem .5rem;font-size:.58rem;display:inline-flex}.artifact-destination b{color:var(--chartreuse);font-weight:500}.artifact-destination.is-active{border-color:var(--chartreuse-dim);color:var(--ivory)}.closing-beat{border-top:1px solid var(--line);min-height:72svh}.closing-beat h2{max-width:8ch;margin-top:1rem}.closing-beat .button{margin-top:2rem}.site-footer{border-top:1px solid var(--line);color:var(--ivory-faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:2rem 3rem;font-size:.58rem;display:flex}@keyframes breathe{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.site-header{gap:1rem;width:min(100% - 2rem,760px)}.header-nav{gap:.9rem}.story-layout{grid-template-columns:1fr}.stage-column{order:1}.story-column{order:2;padding:0 1.5rem}.scene-sticky{min-height:auto;padding:0 1rem 2rem}.scene-frame{height:min(34svh,300px);min-height:260px}.hero-beat{min-height:auto;padding:2.5rem 0 3rem}.story-beat{min-height:auto;padding:5rem 0}.closing-beat{min-height:auto;padding:5rem 0 7rem}}@media (width<=620px){.site-header{grid-template-columns:1fr auto;padding:.85rem 0}.brand-lockup{font-size:.58rem}.header-nav{display:none}.motion-toggle{padding:.45rem .55rem;font-size:.55rem}.scene-frame{width:100%;height:390px;min-height:0}.scene-header,.scene-foot,.scene-caption{padding:.8rem;font-size:.52rem}.scene-foot span:last-child{display:none}.canvas-fallback{padding:1.1rem;inset:1rem}.canvas-fallback strong{font-size:1.5rem}.hero-beat h1{max-width:13ch;font-size:clamp(3.2rem,16vw,4.3rem)}.hero-support{margin-top:1rem;font-size:.9rem}.hero-actions{margin-top:1.25rem}.hero-aside{margin-top:2.5rem}.beat-copy h2,.closing-beat h2{font-size:clamp(2.65rem,12vw,4rem)}.file-body,.context-inspector,.boundary-inspector,.role-selector{grid-template-columns:1fr}.daemon-file pre{min-height:auto;font-size:.61rem}.file-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-inspector{flex-direction:column;align-items:flex-start}.site-footer{flex-direction:column;padding:1.5rem}}@media (width<=360px){.story-column{padding:0 1rem}.scene-sticky{padding-left:.5rem;padding-right:.5rem}.scene-frame{height:260px}.hero-beat h1{font-size:3.55rem}.file-controls{grid-template-columns:1fr}}
