:root{color:#3d4a50;font-synthesis:none;--ink:#3d4a50;--blue:#386f86;--red:#a34e48;--gold:#bd8c42;--green:#557768;--paper:#fffaf1ef;background:#edf0ed;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#e7ece9;margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d47b4b}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";inset:var(--rex-chrome-height,72px) 0 0;background:linear-gradient(90deg,#f3f0e6ed 0 49%,#e3eced6e 69%,#ffffff08);position:absolute}.hero{max-width:1480px;padding:4.8vh 5.7vw;position:relative}.hero p,article p,.system p,.signal p,.decision p,.drawer p{letter-spacing:.2em;color:#a14b45;font-size:10px}.hero h1{color:#3c4c53;text-shadow:0 4px 24px #fff;margin:20px 0;font:600 clamp(48px,7.4vw,104px)/.85 Georgia,serif}.hero h2{color:#51616a;max-width:1050px;font:italic 400 clamp(22px,2.65vw,38px)/1.13 Georgia,serif}.thesis{color:#53636a;margin:22px 0;font:18px/1.45 Georgia,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1120px;display:grid}.modes button{text-align:left;background:#fff9ede8;border:1px solid #56656c55;min-height:92px;padding:18px;transition:transform .2s,background .2s;box-shadow:0 12px 38px #45576124}.modes button:hover{background:#fff;transform:translateY(-2px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.12em}.modes span{color:#617078;margin-top:8px;font-size:12px;line-height:1.4}main.experience-shell{flex-direction:column;height:100vh;display:flex}.stage{background:#e6ece9;flex:auto;min-height:0;position:relative;overflow:hidden}.experience-legend{letter-spacing:.14em;color:#475963;background:#f2f0e6;border-bottom:1px solid #53616a33;margin:0;padding:10px 28px;font:600 9px/1.5 system-ui}.scene{filter:brightness(1.1)contrast(.92)saturate(.96);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background-image:linear-gradient(#fff8e00d,#0000 61%,#394c552b 100%),linear-gradient(90deg,#fbf2dd3d,#0000 64%),repeating-linear-gradient(0deg,#0000 0 48px,#425f7008 49px),repeating-linear-gradient(90deg,#0000 0 48px,#425f7008 49px);position:absolute;inset:0}article{z-index:5;background:var(--paper);border-left:3px solid var(--red);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(810px,64vw);padding:21px 23px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 55px #3d505a39}article h2{margin:9px 0 12px;font:43px/1.08 Georgia,serif}article>span{font:18px/1.52 Georgia,serif;display:block}article small,.system small,.signal small,.decision small{color:#5d6970;margin-top:13px;line-height:1.55;display:block}article small b,.system small b,.signal small b{color:#9e4b46}.system,.signal,.decision{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffaf1f0;border:1px solid #56666d5a;width:min(535px,100vw - 360px);padding:22px;position:absolute;top:3.2vh;left:3vw;right:auto;box-shadow:0 22px 72px #3d505a3d}.system h3,.signal h3,.decision h3{margin:6px 0 11px;font:31px/1.08 Georgia,serif}.switches{grid-template-columns:repeat(2,1fr);gap:5px;margin:12px 0;display:grid}.switches button,.load-grid button,.signal-tabs button{letter-spacing:.08em;border:1px solid #56666d55;min-height:36px;font-size:8px}.switches button.active,.load-grid button.active,.signal-tabs button.active{background:var(--blue);color:#fff}.signal-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0;display:grid}.signal>strong{background:#e4eceb;padding:15px;font:17px/1.42 Georgia,serif;display:block}.signal-line{background:linear-gradient(#e8eff0,#f0e3c7);border:1px solid #5a687055;height:82px;margin:12px 0;position:relative}.signal-line span{background:var(--red);height:3px;position:absolute;top:40px;left:10%;right:10%}.signal-line i{z-index:2;border:3px solid var(--blue);background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:29px}.signal-line i:first-child{left:9%}.signal-line i:nth-child(3){left:48%}.signal-line i:nth-child(5){right:9%}.load-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0;display:grid}.rail-board{background:linear-gradient(160deg,#e1e8e5,#d8e8eb);border:1px solid #5a687055;height:112px;margin:12px 0;position:relative}.rail-board span,.rail-board em{background:#69787d;height:4px;position:absolute;top:43px;left:8%;right:8%;transform:rotate(-7deg)}.rail-board em{top:65px;transform:rotate(8deg)}.rail-board i{border:3px solid var(--red);z-index:2;background:#fff0d5;width:38px;height:23px;position:absolute}.rail-board i:first-child{top:23px;left:9%}.rail-board i:nth-child(2){top:54px;left:46%}.rail-board i:nth-child(3){top:30px;right:9%}.rail-board[data-damaged=true] em{border-top:4px dashed var(--red);background:0 0}.metrics{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:12px;display:grid}.metrics span{background:#e4eceb;min-height:68px;padding:9px}.metrics i,.metrics b{display:block}.metrics i{color:#5d6a70;font-size:7px}.metrics b{margin-top:5px;font:11px/1.2 Georgia,serif}.decision button{text-align:left;border-bottom:1px solid #56666d33;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:#a14b45}.state-rail{z-index:7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffce3d9;border:1px solid #56666d48;grid-template-columns:repeat(4,minmax(82px,1fr));max-width:510px;display:grid;position:absolute;bottom:18px;right:18px}.state-rail span{border-right:1px solid #56666d30;padding:9px 11px}.state-rail span:last-child{border:0}.state-rail i,.state-rail b{display:block}.state-rail i{letter-spacing:.07em;font-size:7px}.state-rail b{letter-spacing:.04em;margin-top:4px;font:600 10px/1.2 ui-monospace,monospace}.drawer{z-index:20000;color:#3f5058;background:#fffaf1;width:min(630px,100vw);padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #2346}.drawer>button{float:right;font-size:30px}.drawer h2{font:36px/1.1 Georgia,serif}.drawer a{color:#8f4c46;border-bottom:1px solid #8f7c6a66;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.7;display:block}nav.timeline{z-index:50;background:#f2f0e6;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative}nav.timeline>div{flex:1;gap:3px;min-width:max-content;display:flex}nav.timeline button{border:1px solid #56666d38;min-width:31px;min-height:32px;font-size:8px}nav.timeline button.active{background:var(--blue);color:#fff}.trace{z-index:60;letter-spacing:.08em;background:#fff4d9e8;max-width:64vw;padding:10px;font-size:8px;position:fixed;bottom:62px;right:12px}@keyframes scene-in{0%{opacity:.55;transform:scale(1.014)}to{opacity:1;transform:none}}@media (width<=760px){.hero{padding:4vh 5vw}.hero h1{font-size:43px}.modes{grid-template-columns:1fr}main.experience-shell{height:auto;min-height:100vh}.stage{flex:auto;min-height:62vh}.experience-legend{letter-spacing:.1em;padding:9px 10px}article{width:92vw;max-height:57%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.system,.signal,.decision{width:92vw;max-height:73%;inset:auto 4vw 3vh auto;overflow:auto}.state-rail{display:none}nav.timeline{padding:0 6px;overflow:auto}nav.timeline>div{min-width:max-content}.trace{display:none}.load-grid,.signal-tabs{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rex-system-field{z-index:80!important}.rex-system-field .rex-system-metrics{display:none}.rex-chrome-frame{--rex-chrome-bg:#080e12eb;--rex-chrome-ink:#f1f5f3;--rex-chrome-line:#f1f5f338;--rex-chrome-accent:#f1f5f31f;--rex-chrome-active-ink:inherit;z-index:90;isolation:isolate;position:relative}.rex-chrome{background:var(--rex-chrome-bg);min-height:52px;color:var(--rex-chrome-ink);border-bottom:1px solid var(--rex-chrome-line);letter-spacing:.16em;z-index:2;grid-template-columns:1fr auto 1fr;align-items:stretch;font:700 10px/1 system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative}.rex-chrome a,.rex-chrome button{min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;text-decoration:none}.rex-chrome-home{white-space:nowrap;grid-auto-flow:column;justify-self:start;place-items:center;gap:.5em;padding:0 16px;display:grid}.rex-chrome-brand{text-align:center;white-space:nowrap;align-content:center;justify-items:center;gap:3px;padding:7px 16px;display:grid}.rex-chrome-brand b{letter-spacing:.14em;font-size:14px;font-weight:700}.rex-chrome-brand-action{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button.rex-chrome-brand:hover{background:var(--rex-chrome-accent)}.rex-chrome-brand span{letter-spacing:.2em;opacity:.74;font-size:8px}.rex-chrome-more,.rex-chrome-inline{justify-self:end;align-items:stretch;display:grid}.rex-chrome-more>summary{cursor:pointer;place-items:center;min-height:44px;padding:0 18px;font-size:15px;list-style:none;display:grid}.rex-chrome-more>summary::-webkit-details-marker{display:none}.rex-chrome-more[open]>summary{background:var(--rex-chrome-accent)}.rex-chrome-more:not([open]) .rex-chrome-menu{display:none}.rex-chrome-frame:has(.rex-chrome-more[open]){z-index:101}.rex-chrome-menu{z-index:3;background:var(--rex-chrome-bg);border:1px solid var(--rex-chrome-line);border-top:0;min-width:max-content;display:grid;position:absolute;top:100%;right:0}.rex-chrome-more[open]+*,.rex-chrome-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rex-chrome-inline{grid-auto-flow:column}.rex-chrome-action{text-align:right;border-top:1px solid var(--rex-chrome-line);padding:0 18px}.rex-chrome-inline .rex-chrome-action{border-top:0;border-left:1px solid var(--rex-chrome-line);text-align:center}.rex-chrome-menu .rex-chrome-action:first-child{border-top:0}.rex-chrome-action[aria-pressed=true]{background:var(--rex-chrome-accent);color:var(--rex-chrome-active-ink)}.rex-chrome-action[disabled]{opacity:.45;cursor:not-allowed}.rex-chrome-modes{z-index:1;background:var(--rex-chrome-bg);color:var(--rex-chrome-ink);border-bottom:1px solid var(--rex-chrome-line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.rex-chrome-modes button{border:0;border-right:1px solid var(--rex-chrome-line);min-height:42px;color:inherit;letter-spacing:.14em;cursor:pointer;background:0 0;margin:0;padding:0 12px;font:700 9px/1 system-ui,-apple-system,Segoe UI,sans-serif}.rex-chrome-modes button:last-child{border-right:0}.rex-chrome-modes button[role=tab]{min-height:44px}.rex-chrome-modes button[aria-pressed=true],.rex-chrome-modes button[aria-selected=true]{background:var(--rex-chrome-accent);color:var(--rex-chrome-active-ink)}.rex-chrome :focus-visible,.rex-chrome-modes :focus-visible{outline-offset:-3px;outline:2px solid}@media (width<=560px){.rex-chrome{letter-spacing:.12em;min-height:48px;font-size:8px}.rex-chrome-home{padding:0 10px}.rex-chrome-brand{padding:6px 8px}.rex-chrome-brand b{font-size:11px}.rex-chrome-brand span{font-size:7px}.rex-chrome-more>summary,.rex-chrome-action{padding:0 12px}.rex-chrome-modes button{letter-spacing:.1em;padding:0 5px;font-size:7px}}@media (prefers-reduced-motion:reduce){.rex-chrome-frame *{transition:none!important;animation:none!important}}