:root{--bg:#07090f;--panel:#232329;--purple:#b8a7ef;--cyan:#9be2e5;--mono:'IBM Plex Mono',monospace;--sans:'Manrope',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#e6e3ed;font:12px var(--mono);overflow-x:hidden}button,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin:0}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}::selection{background:var(--purple);color:#17151e}.skip-link{position:fixed;left:20px;top:-70px;z-index:200;padding:12px;background:var(--purple);color:black}.skip-link:focus{top:20px}#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}#intro-header{position:fixed;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:30;background:linear-gradient(#07090fd9,transparent)}.brand{display:flex;align-items:center;gap:9px;font:600 22px var(--sans);letter-spacing:-1px}.brand>span{margin-left:-8px;font-weight:400;color:#9690a7}.brand img{filter:hue-rotate(140deg)}.intro-index{font-size:8px;letter-spacing:.19em;color:#747487}#intro-header>a:last-child{font-size:10px;border-bottom:1px solid #797382;padding-bottom:5px}.journey{height:590vh;position:relative}.journey-sticky{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.scene-layer canvas{display:block;width:100%;height:100%}#core-stage{opacity:0;z-index:3;background:#05070c}#screen-veil{position:absolute;inset:0;background:#030509;z-index:2;opacity:0}.scene-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(transparent 55%,#04050bc9 94%)}.intro-copy{position:absolute;text-align:center;bottom:12%;left:5%;right:5%;z-index:6}.eyebrow{display:block;font:9px/1.8 var(--mono);letter-spacing:.12em;color:#9d99b2}.intro-copy h1{font:500 clamp(34px,4.5vw,65px)/1.15 var(--sans);letter-spacing:-.055em;margin:14px 0}.intro-copy>p:not(.eyebrow){font:12px/1.8 var(--sans);color:#a6a4b5}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9c5df80;border-radius:24px;padding:12px 23px;margin-top:23px;font:11px var(--sans);background:#eae8f1;color:#11111b}.pill:hover{background:white}.stage-label{position:absolute;bottom:12%;left:5%;right:5%;text-align:center;opacity:0;z-index:6}.stage-label p{font:400 24px var(--sans);margin-top:8px;letter-spacing:-.04em}.core-copy{position:absolute;left:6%;bottom:18%;z-index:5;opacity:0;max-width:330px}.core-copy h2{font:500 clamp(35px,4vw,61px)/1.08 var(--sans);letter-spacing:-.055em;margin:15px 0}.core-copy p{font:12px/1.8 var(--sans);color:#949cab}.core-copy .eyebrow{color:#a5d9e3}.core-copy .pill{background:transparent;color:#d6f3f4;border-color:#6c939e}.journey-corner{position:absolute;top:112px;z-index:5;font:8px/1.9 var(--mono);letter-spacing:.1em;color:#a8a4b9}.journey-corner b{font-size:6px;font-weight:400;color:#5d5f74}.corner-left{left:4%}.corner-right{right:4%;text-align:right}.sequence-progress{position:absolute;left:4%;right:180px;bottom:30px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:24px;font:7px var(--mono);letter-spacing:.1em;color:#928ba5}.sequence-progress>div{width:32%;height:2px;background:#ffffff15}.sequence-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#b59af3,#a1edf3)}#scene-status{position:absolute;top:46%;left:50%;transform:translateX(-50%);z-index:9;color:#9d98b1;font:11px var(--mono)}.scroll-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.startup-anchor{top:105vh}.inside-anchor{top:325vh}
.desktop{position:relative;z-index:40;background:#9788b5;min-height:100svh;border-top:2px solid #c6b6e7;isolation:isolate}.os-bar{height:32px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100;background:#16151b;color:#b4adbf;padding:0 9px;border-bottom:1px solid #cbbceb;white-space:nowrap;font-size:10px}.os-logo{display:flex}.os-logo img{filter:hue-rotate(150deg)}.os-bar nav{display:flex;height:100%;align-items:center;gap:3px}.os-bar nav button{padding:4px 8px;display:flex;gap:5px;align-items:center;font-size:10px;color:#a9a0b7}.os-bar nav button:hover{background:#3a324a}.os-bar nav button.selected{background:var(--purple);color:#18141e}.os-bar kbd{font:inherit}.system-path{color:#6d657a;font-size:9px}.system-live{margin-left:auto;color:#cfced6;font-size:9px}.system-live i{width:5px;height:5px;background:#bcda9c;display:inline-block;margin-right:5px}#system-clock{font-size:9px}#sound-toggle{font-size:9px;border-left:1px solid #403749;padding-left:10px}.desktop-strip{display:flex;align-items:center;gap:24px;justify-content:space-between;height:30px;padding:0 13px;color:#382b4a;font-size:9px}.desktop-strip b{color:#271e36}.desktop-strip button{font-size:9px;border-bottom:1px solid #5f4b7c;padding:0}.workspace{position:relative;padding:0 9px 9px;display:grid;grid-template-columns:43fr 33fr 24fr;grid-template-rows:minmax(560px,62vh) minmax(265px,30vh);gap:9px;overflow:hidden;min-height:840px}.window{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid #544866;border-radius:4px;overflow:hidden;box-shadow:0 1px 0 #ffffff35;transform:translate(var(--wx,0px),var(--wy,0px));z-index:1}.window.active{box-shadow:0 0 0 1px #dfd3fa,0 8px 30px #1b102e35}.window-lab{grid-area:1/1/2/2}.window-viewer{grid-area:1/2/2/4}.window-log{grid-area:2/1/3/2}.window-files{grid-area:2/2/3/3}.window-notes{grid-area:2/3/3/4}.window-bar{display:flex;gap:7px;align-items:center;height:29px;flex:0 0 29px;padding:0 6px 0 9px;background:#2b2931;border-bottom:1px solid #47414e;cursor:grab;touch-action:none;user-select:none}.window-bar h2{font-size:10px;font-weight:500}.app-square{font-size:6px;padding:3px;color:#24212a}.app-square.lab,.window-footer>b.lab{background:#b8a7ef}.app-square.viewer,.window-footer>b.viewer{background:#9be2e5}.app-square.files,.window-footer>b.files{background:#e8d894}.app-square.log,.window-footer>b.log{background:#bcda9c}.app-square.notes,.window-footer>b.notes{background:#dfa8ce}.window-controls{display:flex;gap:2px;margin-left:auto}.window-controls button{width:20px;height:20px;border:1px solid #4b424f;background:#242127;color:#bcb5c6;line-height:14px;font-size:13px}.window-controls button:hover{background:#b8a7ef;color:#17151d}.window-body{padding:15px 17px;overflow:auto;min-height:0;flex:1}.window-footer{display:flex;gap:8px;align-items:center;flex:0 0 23px;overflow:hidden;white-space:nowrap;font-size:8px;background:#19191d;color:#b7b2bf;border-top:1px solid #38323e}.window-footer>b{align-self:stretch;display:flex;align-items:center;padding:0 8px;color:#352a40;font-weight:400}.window-footer>span:last-child{margin-left:auto;padding-right:8px;color:#92869e}.lab-intro .eyebrow{font-size:7px;color:#827b90}.lab-intro h3{font-size:16px;line-height:1.35;margin:9px 0;font-weight:600;letter-spacing:-.045em;color:#dbd0f3}.lab-intro>p:last-child{font-size:9px;color:#aaa0b6;line-height:1.7}.sphere-panel{position:relative;height:159px;margin:7px 0 14px;display:flex;align-items:center;gap:15px}.bloch{height:159px;width:43%;filter:hue-rotate(135deg) saturate(.6)}.state-equation{font-size:13px;color:#cabce4}.scope-label{position:absolute;left:47%;top:70%;font-size:6px;color:#82728f}.scope-corner{display:none}.control-heading{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#9e90b1;margin:9px 0}.control-heading .eyebrow{font-size:7px}.small-text-button{font-size:8px;border-bottom:1px solid #65586f;padding:0;color:#c4b4d4}.gate-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gate-controls button{border:1px solid #61516e;background:linear-gradient(#38313f,#2c2633);display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 4px;box-shadow:0 2px #151319}.gate-controls button:hover{background:#544163;border-color:#ab89d0}.gate-controls b{font-size:18px;font-weight:400;color:#d5c3eb}.gate-controls span{font-size:7px;color:#b5a6c6}.circuit{display:flex;align-items:center;gap:9px;margin:16px 0;color:#b7a4cc;font-size:10px}.circuit>div{display:flex;align-items:center;gap:6px;position:relative;min-height:25px;flex:1;overflow:hidden}.circuit>div:before{content:'';height:1px;position:absolute;left:0;right:0;background:#6e567f}.wire-empty{position:relative;background:var(--panel);padding-right:9px;color:#75627e;font-size:8px}.circuit-gate{position:relative;border:1px solid #857091;background:#302535;min-width:23px;text-align:center;padding:4px}.circuit-end{border:1px solid #6c576f;padding:5px}.prob-row{display:flex;align-items:center;gap:9px;font-size:9px;margin:9px 0}.prob-row>div{height:4px;flex:1;background:#40374a}.prob-row i{height:100%;display:block;background:#b3a0df;width:0;transition:width .3s}.prob-row b{width:31px;text-align:right;font-weight:400;color:#bdb0cd}.measure-controls{display:flex;gap:8px;margin-top:15px}.os-button,.measure-controls .button{border:1px solid #82718c;padding:9px 11px;font-size:9px;background:#312a38}.os-button:hover,.measure-controls .button:hover{background:#4b3d58}.measure-controls button{flex:1}.measure-controls button:last-child{color:#261c32;background:#baa7dc;border-color:#cdbde7}#experiment-message{font-size:8px;line-height:1.7;color:#b1a0c3;margin-top:12px;min-height:28px}.data-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#0b0d14;scrollbar-color:#625076 #14111e;scrollbar-width:thin}.data-timeline{height:1700px;position:relative}.data-sticky{position:sticky;top:0;height:508px;overflow:hidden}.data-sticky canvas{display:block;position:absolute;width:100%;height:100%;inset:0}.viewer-topline{position:absolute;left:16px;top:15px;font-size:7px;letter-spacing:.09em;color:#828397;pointer-events:none}.viewer-copy{position:absolute;left:17px;bottom:35px;pointer-events:none;text-shadow:0 2px 8px #000}.viewer-copy>span{font-size:7px;color:#a19bb7}.viewer-copy h3{font:400 20px/1.3 var(--sans);letter-spacing:-.03em;margin:8px 0 5px}.viewer-copy p{font-size:8px;color:#9692ab}.viewer-progress{position:absolute;left:17px;right:180px;bottom:19px;height:2px;background:#393245}.viewer-progress i{height:100%;width:0;display:block;background:#b6dfe4}#data-status{position:absolute;top:40%;left:50%;transform:translateX(-50%);font-size:9px;color:#b8aac8}.file-columns,.history-entry{display:grid;grid-template-columns:1fr 36px 36px;gap:7px;align-items:center}.file-columns{font-size:7px;color:#8d7d9b;border-bottom:1px solid #44394e;padding-bottom:8px}.file-columns span:not(:first-child){text-align:right}.history-entry{width:100%;text-align:left;padding:9px 0;border-bottom:1px solid #39313f;font-size:8px;color:#c1b1cc}.history-entry:hover,.history-entry.selected{background:#403148}.history-entry small{display:block;color:#82758f;margin-top:4px;font-size:7px}.history-entry b{text-align:right;font-weight:400;color:#c9bad5}.empty-state{color:#a594b3;font-size:10px;line-height:1.8;padding:30px 0}.empty-state span{font-size:8px;color:#7f6e8c}#file-detail{padding-top:12px}#file-summary{font-size:8px;line-height:1.7;color:#a392b1;margin-bottom:9px}.activity-row{display:grid;grid-template-columns:55px 48px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #36303d;font-size:8px;line-height:1.5}.activity-row time{color:#71677d}.activity-row b{font-weight:400;color:#c3a9ed}.activity-row span{color:#bdb4c8}.notes-tabs{display:flex;border-bottom:1px solid #46394e;padding:0 12px;flex-shrink:0}.notes-tabs button{font-size:8px;color:#92849e;padding:10px 8px}.notes-tabs button[aria-selected=true]{color:#ddc1e9;box-shadow:inset 0 -2px #bb91ce}.guide-body .eyebrow{font-size:6px;color:#8f779c}.guide-body h3{font-size:13px;line-height:1.4;color:#dac6e4;margin:9px 0 14px}.guide-body ol{padding-left:13px;font-size:8px;line-height:1.9;color:#a590b0}.guide-body ol b{color:#ccb8d8;font-weight:500}.guide-body>p:not(.eyebrow){font-size:8px;line-height:1.9;color:#8f7b9c;margin:16px 0}.guide-body a{font-size:8px;line-height:1.8;text-decoration:underline;color:#c3a8d8}#personal-notes{resize:vertical;min-height:125px;width:100%;border:0;background:#1d1922;color:#d1c1dd;padding:10px;margin-top:10px;font-size:10px;line-height:1.8;display:block}#notes-save-status{font-size:7px;color:#9b86ab;margin-top:8px;display:block}.taskbar{position:sticky;bottom:0;z-index:100;background:#1d1924;display:flex;align-items:center;gap:4px;padding:5px 9px;min-height:29px;border-top:1px solid #b5a0cb;font-size:8px;color:#917ba5}.taskbar>span:first-child{margin-right:7px}.taskbar button{color:#b8a2cd;border:1px solid #45394f;font-size:8px;padding:4px 8px}.taskbar button.is-minimized{color:#7b648c;border-color:#33263f}.taskbar button:hover{background:#4b335d}.taskbar a{margin-left:auto;font-size:8px;color:#a18ab4}.taskbar>span:last-child{margin-left:12px;font-size:6px}.window.maximized{position:fixed;inset:42px 12px 43px;z-index:90!important;transform:none;width:auto;height:auto}.window.maximized .window-body{padding:24px}.window.maximized .lab-body{max-width:1000px;width:100%;margin:auto}.window.maximized .terminal-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.window.maximized .sphere-panel{height:400px;flex-direction:column}.window.maximized .bloch{height:310px;width:95%}.window.maximized .scope-label{display:none}.window.maximized .viewer-copy h3{font-size:32px}.window.maximized .viewer-copy{bottom:55px;left:35px}.window.maximized .data-timeline{height:2200px}.window.maximized .history-entry,.window.maximized .activity-row{font-size:11px;padding:14px 0}.window.maximized .guide-body{max-width:850px}.window.maximized .guide-body p,.window.maximized .guide-body ol,.window.maximized .guide-body a{font-size:13px}.window.maximized .guide-body h3{font-size:24px}.window.maximized #personal-notes{height:65vh;font-size:14px}
@media(max-width:1050px){.system-path,.intro-index{display:none}.workspace{grid-template-columns:1fr 1fr;grid-template-rows:570px 280px 280px}.window-lab{grid-area:1/1/2/2}.window-viewer{grid-area:1/2/2/3}.window-log{grid-area:2/1/3/2}.window-files{grid-area:2/2/3/3}.window-notes{grid-area:3/1/4/3}.taskbar>span:last-child{display:none}.guide-body h3 br{display:none}.guide-body ol{display:flex;gap:25px}.core-copy{left:5%;bottom:12%;max-width:270px}.core-copy h2{font-size:40px}}
@media(max-width:650px){#intro-header{height:63px;padding:0 6%}.brand{font-size:19px}.brand img{width:24px}.journey{height:470vh}.journey-sticky{min-height:650px}.intro-copy{bottom:12%;left:7%;right:7%}.intro-copy h1{font-size:38px}.intro-copy .eyebrow{font-size:7px}.intro-copy>p:not(.eyebrow){font-size:11px}.pill{font-size:10px;padding:11px 19px}.journey-corner{top:92px;font-size:6px}.journey-corner b{font-size:5px}.corner-left{left:6%}.corner-right{right:6%}.sequence-progress{left:6%;right:145px;bottom:31px;gap:10px;font-size:6px}.sequence-progress>div{width:30%;flex-shrink:0}.sequence-progress>span:last-child{display:none}.stage-label{bottom:13%}.stage-label .eyebrow{font-size:7px}.stage-label p{font-size:19px}.core-copy{left:7%;right:7%;bottom:14%;max-width:none;text-align:center}.core-copy h2{font-size:38px}.core-copy p{font-size:10px}.startup-anchor{top:80vh}.inside-anchor{top:260vh}.desktop-strip{font-size:7px;height:32px}.desktop-strip>span:nth-child(2){display:none}.os-bar{height:37px;padding:0 6px;gap:7px}.os-bar nav{gap:0;overflow-x:auto}.os-bar nav button{font-size:8px;padding:5px}.os-bar nav kbd{display:none}.system-live,#system-clock{display:none}.os-logo img{width:15px}.os-bar #sound-toggle{font-size:7px;margin-left:auto;padding-left:5px}.workspace{display:flex;flex-direction:column;gap:9px;padding:0 7px 8px;min-height:0}.window{transform:none!important;flex-shrink:0}.window-lab{height:585px}.window-viewer{height:445px}.window-log{height:230px}.window-files{height:270px}.window-notes{height:305px}.window-bar{cursor:default}.window.maximized{inset:45px 7px 53px;height:auto}.taskbar{gap:3px;overflow-x:auto;min-height:38px}.taskbar>span,.taskbar a{display:none}.taskbar button{white-space:nowrap;padding:6px;font-size:7px}.window-footer{font-size:7px}.viewer-copy h3{font-size:18px}.viewer-topline{font-size:6px}.viewer-progress{right:165px}.guide-body ol{display:block}.window.maximized .terminal-body{display:block;margin-top:10px}.window.maximized .sphere-panel{height:190px;flex-direction:row}.window.maximized .bloch{height:175px;width:45%}.window.maximized .window-body{padding:16px}.window.maximized .viewer-copy{left:20px;bottom:45px}.window.maximized .viewer-copy h3{font-size:23px}.window.maximized .guide-body p,.window.maximized .guide-body ol,.window.maximized .guide-body a{font-size:11px}}
@media(min-width:1051px){.workspace{height:calc(100svh - 91px);min-height:610px;grid-template-rows:minmax(395px,1.95fr) minmax(190px,1fr)}.window-lab:not(.maximized) .terminal-body{display:grid;grid-template-columns:34% 1fr;gap:15px;margin-top:18px}.window-lab:not(.maximized) .sphere-panel{height:230px;flex-direction:column;justify-content:center;gap:5px;margin:0}.window-lab:not(.maximized) .bloch{height:180px;width:100%}.window-lab:not(.maximized) .state-equation{font-size:10px;white-space:nowrap}.window-lab:not(.maximized) .scope-label{left:0;right:0;top:auto;bottom:0;text-align:center;font-size:5px}.window-lab:not(.maximized) .control-heading:first-child{margin-top:0}.window-lab:not(.maximized) .gate-controls button{gap:5px;padding:8px 3px}.window-lab:not(.maximized) .gate-controls span{font-size:6px}.window-lab:not(.maximized) .circuit{margin:13px 0}.window-lab:not(.maximized) .measure-controls{gap:5px;margin-top:12px}.window-lab:not(.maximized) .measure-controls button{font-size:8px;padding:9px 5px}.window-lab:not(.maximized) .lab-intro h3{font-size:17px}.window-lab:not(.maximized) #experiment-message{font-size:8px}.guide-body{padding:11px 13px}.guide-body h3{margin:5px 0 9px}.guide-body ol{margin-top:0}.empty-state{padding:16px 0}.viewer-copy h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:220vh}.startup-anchor{top:60vh}.inside-anchor{top:90vh}}

.desktop{overflow-anchor:none}.desktop.is-focused .os-bar{position:fixed;top:0;left:0;right:0}.desktop.is-focused .taskbar{position:fixed;bottom:0;left:0;right:0}.window-bar h2{font-size:11px}.activity-row{font-size:9px}.guide-body ol,.guide-body>p:not(.eyebrow),.guide-body a{font-size:9px}.window-footer{font-size:9px}.history-entry{font-size:9px}.viewer-topline{font-size:8px}.window-lab:not(.maximized) .gate-controls span{font-size:7px}

@media(max-width:650px){.viewer-copy{bottom:77px}.viewer-progress{bottom:60px}.window-footer{font-size:7px}.window.maximized .viewer-copy{bottom:83px}}
.intro-copy > .eyebrow{display:none}
/* Full-screen core-to-state passage, before the desktop. */
.journey{height:780vh}.startup-anchor{top:85vh}.inside-anchor{top:300vh}.state-anchor{top:485vh}#mind-stage{z-index:4;background:#070a11;opacity:0}#core-flash{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at center,#b9fcff,#3baab833 60%,transparent);pointer-events:none;opacity:0}.scene-shade{z-index:6}.intro-copy,.stage-label,.core-copy,.mind-copy,.journey-corner{z-index:7}.sequence-progress{z-index:8}.stage-hint{display:block;font:8px var(--mono);letter-spacing:.14em;color:#afdae4;margin-top:25px}.mind-copy{position:absolute;bottom:14%;left:6%;z-index:7;opacity:0;pointer-events:none}.mind-copy h2{font:500 clamp(29px,3.7vw,51px)/1.2 var(--sans);letter-spacing:-.05em;margin:12px 0}.mind-copy p{color:#9b9db2;font:11px var(--mono)}.mind-copy .eyebrow{color:#a7b7df}.shell-tabs{display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #454050;flex-shrink:0}.shell-tabs button{font:9px var(--mono);padding:8px 0;color:#9b91aa}.shell-tabs button[aria-selected=true]{color:#c8e6b2;box-shadow:inset 0 -2px #b9d6a3}.shell-tabs>span{margin-left:auto;font:7px var(--mono);color:#7e8b78}.shell-panel{display:flex;flex-direction:column;min-height:0;flex:1;background:#17181e}.shell-panel #shell-output{min-height:0;overflow:auto;flex:1;padding:10px 13px;font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.shell-line{margin-bottom:6px;color:#c1c3d1}.shell-line.command{color:#c6b0eb}.shell-line.error{color:#f4aeac}.shell-line.welcome{color:#a9c499}#shell-form{display:flex;gap:7px;align-items:center;flex-shrink:0;padding:8px 12px;border-top:1px solid #34333f;background:#1d1d26;font:10px var(--mono)}#shell-form label{color:#b9d7a2}#shell-input{min-width:0;flex:1;width:100%;font:10px var(--mono);color:#e0dcea;background:none;border:0;outline:none}#shell-input:focus{box-shadow:0 1px #a997c7}#shell-form button{font:9px var(--mono);border:1px solid #5d586a;padding:3px 8px}.window-log.maximized #shell-output{font-size:14px;padding:25px}.window-log.maximized #shell-input,.window-log.maximized #shell-form{font-size:14px}.window-log.maximized #shell-form{padding:14px 22px}
@media(max-width:650px){.journey{height:650vh}.startup-anchor{top:75vh}.inside-anchor{top:240vh}.state-anchor{top:400vh}.mind-copy{left:7%;right:7%;bottom:17%;text-align:center}.mind-copy h2{font-size:31px}.mind-copy p{font-size:9px}.window-log{height:290px}.os-bar nav button{padding:5px 4px}}
@media(prefers-reduced-motion:reduce){.journey{height:350vh}.startup-anchor{top:40vh}.inside-anchor{top:100vh}.state-anchor{top:190vh}}
/* Measurement scope: samples, expectation markers, and saved-run comparison. */
.results-body{background:#15171e;padding:18px 22px;scrollbar-width:thin;scrollbar-color:#625076 #15171e}.results-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.results-heading .eyebrow{font-size:7px;color:#88a3b0}.results-heading h3{font:500 17px var(--mono);color:#d5d5ed;margin:9px 0 17px;overflow-wrap:anywhere}.results-heading time{font-size:8px;color:#848092;white-space:nowrap}.results-toolbar{display:flex;align-items:center;gap:28px;padding-bottom:16px;border-bottom:1px solid #393141}.results-toolbar>div{display:grid;gap:6px}.results-toolbar span{font-size:6px;letter-spacing:.08em;color:#9692a2}.results-toolbar strong{font-size:19px;font-weight:400;color:#cbd6e8}.results-toolbar button{margin-left:auto;font-size:8px;color:#bde0de;background:#233036;border-color:#4c7379;max-width:145px;line-height:1.6}.measurement-chart{display:flex;position:relative;gap:12%;padding:0 7% 0 40px;height:205px;margin-top:17px}.chart-grid{position:absolute;inset:0 0 54px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid span{font-size:7px;color:#777584;position:relative;width:100%;display:flex;gap:9px;align-items:center}.chart-grid span:after{content:'';height:1px;flex:1;background:#ffffff10}.outcome-column{flex:1;min-width:0;display:flex;flex-direction:column;z-index:1}.plot-track{position:relative;flex:1;border-bottom:1px solid #5e6073;max-width:175px;width:100%;align-self:center}.observed-bar{position:absolute;bottom:0;left:12%;width:76%;min-height:0;transition:height .45s ease;background:linear-gradient(#a3dfe0,#54858f55);border:1px solid #b7f4f080}.observed-bar.bit-1{background:linear-gradient(#b6a3e3,#6d558b55);border-color:#c5a6ec80}.expected-marker{position:absolute;left:0;width:100%;border-top:1px dashed #e8e2f3;transition:bottom .3s}.outcome-label{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:9px;padding-top:8px;min-height:54px}.outcome-label>b{color:#cddbe2}.outcome-label strong{font-weight:400;color:#e8e4ed}.outcome-label span{font-size:8px;color:#b4a6c4;grid-column:2;grid-row:2}.outcome-label small{grid-column:1/3;color:#81788e;font-size:7px}.results-summary{font-size:8px;line-height:1.7;color:#a2a3b4;margin:4px 0}.chart-legend{display:flex;gap:18px;font-size:7px;color:#938ba3;margin:9px 0 19px}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend i{width:10px;height:6px;background:#9fd9dc}.chart-legend span+span i{height:0;width:14px;border-top:1px dashed #e8e2f3;background:none}.tape-heading{display:flex;justify-content:space-between;gap:8px;font-size:6px;letter-spacing:.08em;color:#9b91ab;border-top:1px solid #38313f;padding-top:13px;margin-bottom:8px}.key-zero,.key-one{display:inline-block;width:5px;height:5px;background:#8fc8c8;margin:0 4px}.key-one{background:#b39adc}.shot-tape{display:grid;grid-template-columns:repeat(32,1fr);gap:3px}.shot-tape i{font-style:normal;text-align:center;font-size:6px;line-height:14px;background:#406369;color:#b9e8e4}.shot-tape i.one{background:#625178;color:#e6d1fe}.shot-tape.empty{display:block;color:#767181;font-size:8px;padding:12px 0}.run-comparison{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;align-items:center;padding-top:13px}.run-comparison label{font-size:7px;color:#91889e}.run-comparison select{min-width:0;width:100%;font:8px var(--mono);padding:6px;border:1px solid #4e435c;background:#25202e;color:#cabed7}.run-comparison select:disabled{opacity:.5}.run-comparison p{grid-column:1/3;font-size:8px;line-height:1.7;color:#a293b3}.window-viewer.maximized .results-body{width:100%;max-width:1080px;margin:auto;padding:28px 40px}.window-viewer.maximized .measurement-chart{height:270px}.window-viewer.maximized .results-heading h3{font-size:24px}.window-viewer.maximized .results-summary{font-size:11px}.window-viewer.maximized .shot-tape i{font-size:9px;line-height:20px}.window-viewer.maximized .run-comparison p{font-size:10px}
@media(max-width:1050px){.results-body{padding:15px}.results-toolbar{gap:16px}.results-toolbar button{max-width:120px}.shot-tape{grid-template-columns:repeat(16,1fr)}.results-heading time{font-size:7px}}
@media(max-width:650px){.window-viewer{height:630px}.results-toolbar strong{font-size:16px}.results-toolbar{gap:12px}.results-toolbar button{font-size:7px;max-width:110px}.results-heading time{font-size:6px}.window-viewer.maximized .results-body{padding:16px}.window-viewer.maximized .measurement-chart{height:205px}.window-viewer.maximized .shot-tape i{line-height:14px;font-size:6px}.measurement-chart{gap:10%;padding-right:3%}}
/* The desktop dissolves in at the same viewport position as the 3D stage. */
.desktop{margin-top:-100svh;opacity:0}.intro-actions{display:flex;align-items:center;gap:25px;font:9px var(--mono)}.intro-actions a{border-bottom:1px solid #797382;padding-bottom:5px}.intro-actions button{font:9px var(--mono);color:#afacbe;padding:5px 0}.intro-actions button[aria-pressed=true]{color:#b8d8dc}.keyboard-hint{display:block;font:7px var(--mono);letter-spacing:.14em;color:#6e708b;margin-top:14px}
@media(max-width:650px){.intro-actions{gap:14px;font-size:8px}.intro-actions button{font-size:8px}.keyboard-hint{display:none}}
.desktop.is-revealing .taskbar{position:absolute;top:calc(100svh - 29px);bottom:auto;left:0;right:0}
@media(max-width:650px){.desktop.is-revealing .taskbar{top:calc(100svh - 38px)}}
html{overflow-anchor:none}
.desk-anchor{position:relative;top:-100svh;height:0;pointer-events:none}
body.in-workspace .journey,body.in-workspace #intro-header,body.in-workspace #atmosphere{display:none}body.in-workspace .desktop{margin-top:0;opacity:1}body.in-workspace .desk-anchor{top:0}
html{scrollbar-gutter:stable}
/* Fade the scene's lower edge into its background, above the progress overlay. */
.scene-layer canvas{mask-image:linear-gradient(to bottom,#000 calc(100% - 106px),transparent calc(100% - 72px));-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 106px),transparent calc(100% - 72px))}
/* Engine instrumentation shares the desktop's compact, framed UI. */
.engine-strip{display:flex;gap:22px;align-items:center;margin:0 9px 9px;padding:12px 15px;background:#1d1e27;border:1px solid #584d69;box-shadow:0 1px #cbbceb50;min-height:68px;font-size:9px;color:#bdc0d2}
.engine-identity{display:flex;align-items:center;gap:11px;min-width:180px}.engine-identity b{display:block;font-weight:500;font-size:11px;letter-spacing:.04em;color:#d2d6e9}.engine-identity span:not(.engine-pulse){display:block;margin-top:6px;font-size:8px;color:#a7b3b8}.engine-pulse{width:9px;height:9px;background:#9b8aaf;box-shadow:0 0 0 4px #9788b519;flex-shrink:0}
.desktop[data-engine=ready] .engine-pulse{background:#b3daa4;box-shadow:0 0 0 4px #b3daa414,0 0 14px #b3daa440}.desktop[data-engine=error] .engine-pulse,.desktop[data-engine=error] .system-live i{background:#de999c}.engine-strip dl{display:flex;gap:28px;margin:0;flex:1}.engine-strip dt{font-size:6px;color:#8d889f;letter-spacing:.09em;white-space:nowrap}.engine-strip dd{font-size:11px;color:#c8c1d9;margin:6px 0 0;font-variant-numeric:tabular-nums}.engine-actions{display:flex;gap:8px;align-items:center}.engine-actions button{padding:7px 10px;border:1px solid #645474;background:#302839;font-size:8px;white-space:nowrap}.engine-actions button:hover{background:#473653;border-color:#b69ed0}.engine-actions #open-about{background:transparent;color:#b5a5c7}
.files-intro{font-size:8px;line-height:1.7;color:#a798b7;margin:0 0 12px}.job-ribbon{display:flex;align-items:center;gap:7px;padding:7px 13px;border-bottom:1px solid #34313d;background:#20232c;font-size:7px;min-height:27px}.job-ribbon b{color:#bad6b0;font-weight:500;letter-spacing:.06em}.job-ribbon>span:last-child{color:#a3a0b4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.job-ribbon>span:first-child{width:5px;height:5px;background:#b5a3d5;flex-shrink:0}.job-ribbon>span[data-state=complete]{background:#a8d399}.job-ribbon>span[data-state=failed]{background:#e38e91}.shell-line.result{color:#b7ccdf}.system-live{display:flex;align-items:center;gap:5px}.system-live i{margin:0}.engine-actions button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
/* Power-on screen: a deliberate audio gesture before the 3D experience. */
html[data-entry=standby],html[data-entry=starting]{overflow:hidden}
#power-screen{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:#07090f;color:#d7d7e4;overflow:auto;isolation:isolate;transition:opacity .5s ease,filter .5s ease}
#power-screen:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 37%,#25233c77,transparent 52%),repeating-linear-gradient(0deg,transparent 0 3px,#a9b6ee04 3px 4px)}
#power-screen:after{content:'';position:fixed;inset:11px;pointer-events:none;border:1px solid #b7bdd014;z-index:-1}
.power-top,.power-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 4%;font:8px/1.8 var(--mono);letter-spacing:.1em;color:#72768c;flex-shrink:0}.power-top>span:first-child{color:#ada8c3}.power-top i{display:inline-block;width:5px;height:5px;background:#b9a4df;margin-right:8px;box-shadow:0 0 10px #b9a4df70}
.power-center{margin:auto;width:min(470px,85%);padding:15px 0 24px;text-align:center}.power-emblem{width:100px;height:100px;position:relative;margin:0 auto 25px;border:1px solid #82729850;background:radial-gradient(#2c253b,#10111b);border-radius:50%;box-shadow:0 0 0 10px #79718e09,inset 0 0 25px #aaa0d012,0 12px 55px #0006}.power-emblem svg{position:absolute;inset:18px;width:64px;height:64px;fill:none;stroke:#c8b3e8;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px #b19ae94a)}.power-emblem span{position:absolute;inset:-13px;border-radius:50%;border:1px solid #c2bdd01c;animation:power-breathe 3s ease-in-out infinite}
.power-eyebrow{font-size:7px;letter-spacing:.16em;color:#9791aa}.power-center h1{font:500 clamp(36px,5vw,54px)/1.2 var(--sans);letter-spacing:-.06em;margin:14px 0}.power-center h1 span{font-weight:400;color:#9d93b2}.power-center h1 b{display:inline-block;font:400 .75em var(--mono);letter-spacing:0;color:#b7a9d8;margin-left:8px;animation:power-cursor 1.2s steps(2,end) infinite}
#power-description{font:12px/1.8 var(--mono);color:#9193a7}.power-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:31px}#power-on{display:flex;align-items:center;gap:48px;padding:15px 19px;min-height:51px;border:1px solid #d0c5e1;border-bottom:4px solid #93859e;border-radius:3px;background:#d9d3e3;color:#191421;font:500 12px var(--mono);box-shadow:0 5px 0 #0b0910,0 0 30px #b9a5dd0a;transition:background .15s,transform .15s}#power-on:hover{background:#f0eaf7;transform:translateY(-1px)}#power-on:active{transform:translateY(2px);border-bottom-width:2px}#power-on kbd{font:7px var(--mono);color:#6c617a;border:1px solid #a89bb5;border-radius:2px;padding:4px 5px}#power-muted{font:9px var(--mono);color:#9792a7;border-bottom:1px solid #5b5168;padding:3px 0}#power-muted:hover{color:#ded5ec}#power-note{font:8px/1.7 var(--mono);min-height:14px;margin-top:18px;color:#77758d}
.power-checks{display:flex;justify-content:center;gap:35px;margin:33px 0 0;padding-top:17px;border-top:1px solid #b2a0ce1c;text-align:left}.power-checks dt{font:6px var(--mono);letter-spacing:.1em;color:#68647c}.power-checks dd{font:8px var(--mono);margin:8px 0 0;color:#a09ab2}.power-checks dd[data-ready=true]{color:#a9cbb2}.power-bottom{padding-top:20px;font-size:6px;color:#59576c}
html[data-entry=starting] .power-emblem{box-shadow:0 0 0 10px #b7a7e414,inset 0 0 25px #afa0db30,0 0 90px #8971ce25}html[data-entry=starting] .power-emblem svg{stroke:#f1ebff;filter:drop-shadow(0 0 10px #b9a6fb)}html[data-entry=open] #power-screen{opacity:0;filter:blur(5px);pointer-events:none}
@keyframes power-breathe{50%{transform:scale(1.05);opacity:.45}}@keyframes power-cursor{50%{opacity:0}}
@media(max-width:650px){.power-top{padding:26px 7%;font-size:6px}.power-bottom{padding:22px 7%;font-size:5px;gap:15px}.power-bottom span:last-child{text-align:right}.power-center{width:82%;padding:20px 0}.power-emblem{width:84px;height:84px;margin-bottom:26px}.power-emblem svg{inset:10px}.power-center h1{font-size:44px}#power-description{font-size:10px}.power-checks{gap:20px}.power-checks dd{font-size:7px}}
@media(max-height:620px){.power-top,.power-bottom{padding-top:20px;padding-bottom:20px}.power-emblem{width:68px;height:68px;margin-bottom:15px}.power-emblem svg{inset:10px;width:48px;height:48px}.power-center{padding:5px 0}.power-center h1{font-size:36px;margin:10px 0}.power-controls{margin-top:20px;gap:10px}.power-checks{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#power-screen{transition:none}.power-emblem span,.power-center h1 b{animation:none}}
@media(min-width:1051px){.workspace{height:calc(100svh - 169px);min-height:520px;grid-template-rows:minmax(300px,1.7fr) minmax(200px,1fr)}}
@media(min-width:1051px) and (max-height:800px){.window-viewer:not(.maximized) .measurement-chart{height:150px}.window-viewer:not(.maximized) .results-heading h3{margin-bottom:10px}.window-viewer:not(.maximized) .results-toolbar{padding-bottom:10px}.window-lab:not(.maximized) .terminal-body{margin-top:10px}.window-lab:not(.maximized) .sphere-panel{height:195px}.window-lab:not(.maximized) .bloch{height:150px}}
@media(max-width:1050px){.engine-strip{gap:16px;flex-wrap:wrap}.engine-strip dl{gap:20px}.engine-actions{margin-left:auto}}
@media(max-width:650px){.engine-strip{margin:0 7px 9px;padding:13px 11px;gap:17px 12px}.engine-identity{min-width:0;flex:1}.engine-identity b{font-size:10px}.engine-strip dl{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #3d3549;padding-top:12px}.engine-strip dd{font-size:9px}.engine-strip dt{font-size:5px}.engine-actions{gap:5px}.engine-actions button{padding:6px;font-size:7px}.window-log{height:340px}.system-live{display:none}}
/* Power on plays a stationary film. The desktop fades in over the same viewport. */
html[data-playback=playing],html[data-playback=paused]{overflow:hidden}
.journey{height:100svh;overflow:hidden}.journey-sticky{position:relative;height:100svh;min-height:0}
.journey .scroll-anchor{display:none}
body:not(.in-workspace) .desktop{position:fixed;inset:0;margin:0;overflow:hidden}
body:not(.in-workspace) .desk-anchor{top:0}
.intro-actions #pause-intro{color:#b5afc5}
@media(max-width:650px){.intro-actions{gap:11px}.intro-actions #pause-intro{font-size:7px}.intro-copy{bottom:14%}.intro-copy h1{font-size:34px}}

.power-bottom a{text-decoration:underline;text-underline-offset:4px;color:#b8aecb}.power-bottom a:hover{color:#9be2e5}
@media(max-width:650px){.taskbar .media-kit-link{display:inline;white-space:nowrap}}