:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#08121b;--panel:#0d1822;--edge:#283642;--white:#e8eff3;--muted:#90a2b0;--accent:#82ded4;--accent2:#bcefe8;--orange:#d3a86d;--step:8px}*{box-sizing:border-box}html,body{padding:0;margin:0;min-width:0;background:#080f16;color:var(--white)}body{overflow:hidden}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.3;cursor:not-allowed}.masthead{height:66px;background:#0b151d;border-bottom:1px solid #25333e;display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:relative;z-index:2}.identity{display:flex;gap:12px;align-items:center}.logo{width:31px;height:31px;color:var(--accent);display:block}.logo svg{height:100%;width:100%}.brand{display:flex;flex-direction:column;gap:3px}.brand b{font-size:11px;letter-spacing:.20em;font-weight:750}.brand small{font-size:8px;color:#788e9d;letter-spacing:.25em}.mast-meta{font-size:9px;letter-spacing:.15em;color:#9eb3be;display:flex;gap:10px;align-items:center}.mast-meta .edition{border-left:1px solid #34424b;padding-left:12px;margin-left:12px;color:#697f8e}.status-dot,.side-indicator i,.tiny-pulse{height:6px;width:6px;background:var(--accent);display:inline-block;border-radius:50%;box-shadow:0 0 12px #6fe3d0}.workspace{height:calc(100dvh - 66px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 337px}.viewport{min-height:0;min-width:0;position:relative;background:#101c27;overflow:hidden;isolation:isolate}.viewport:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 32%,#07111b68 95%);z-index:1}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;position:absolute;inset:0}.stage-shade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#08131dd0 0%,#08131d05 44%),linear-gradient(0deg,#07101bdd 0%,transparent 42%)}.stage-top{position:absolute;left:34px;top:31px;z-index:4;pointer-events:none;max-width:500px}.eyebrow{font-size:9px;font-weight:750;color:var(--accent);letter-spacing:.24em;display:flex;align-items:center;gap:9px}.eyebrow-line{width:16px;height:1px;background:var(--accent)}h1{font-size:clamp(29px,3vw,48px);line-height:1.06;letter-spacing:-.05em;font-weight:680;margin:15px 0 11px;text-shadow:0 1px 12px #07121c}h1 em{font-style:normal;color:#bbddd8} .stage-top p{font-size:12px;line-height:1.6;color:#91a7b6;margin:0;max-width:225px}.stage-toolbar{position:absolute;right:22px;top:24px;z-index:5;display:flex;gap:6px;align-items:center}.icon-btn{height:35px;display:flex;align-items:center;gap:7px;border:1px solid #49606c77;background:#102431cc;border-radius:7px;padding:0 9px;color:#d2e2e8;font-size:10px;backdrop-filter:blur(12px)}.icon-btn:hover,.camera-buttons button:hover,.step-buttons button:hover{background:#21404b}.icon-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.callouts{position:absolute;z-index:4;inset:0;pointer-events:none}.callout{position:absolute;left:0;top:0;transform:translate3d(-50%,-50%,0);white-space:nowrap;font-size:9px;color:#c8e4e7;letter-spacing:.06em;transition:opacity .2s;filter:drop-shadow(0 1px 4px #071017)}.callout:before{content:"";display:inline-block;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;vertical-align:middle;margin-right:6px;background:#101d25}.stage-index{position:absolute;left:29px;bottom:205px;z-index:3;display:flex;gap:20px;align-items:center;color:#7895a5;font-size:9px;letter-spacing:.14em}.stage-tag{display:inline-flex;padding:8px 11px;border:1px solid #3a5d6388;border-radius:3px;color:var(--accent);background:#0a1b24a6}.instrument-panel{position:absolute;bottom:23px;left:26px;width:min(590px,calc(100% - 52px));z-index:5;background:#0b1824e8;border:1px solid #37505a;border-radius:9px;backdrop-filter:blur(22px);box-shadow:0 15px 40px #03090fa0;overflow:hidden}.instrument-head{height:38px;padding:0 15px;border-bottom:1px solid #253743;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em}.instrument-head strong{font-size:9px;font-weight:740}.instrument-head>span:last-child{margin-left:auto;font-size:8px;color:#7f9ba9}.instrument-grid{display:grid;grid-template-columns:repeat(4,1fr)}.instrument{padding:14px 14px 13px;display:flex;flex-direction:column;gap:5px;min-width:0}.instrument+.instrument{border-left:1px solid #253743}.instrument small{font-size:8px;color:#8198a6;letter-spacing:.09em}.instrument b{font-weight:640;font-variant-numeric:tabular-nums;font-size:24px;letter-spacing:-.06em;color:#e8f5f4}.instrument span{font-size:9px;color:#7794a1}.stage-compass{position:absolute;right:26px;bottom:56px;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;color:#83a0ad}.compass-circle{width:34px;height:34px;border:1px solid #53717b88;border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--accent)}.stage-compass small{font-size:8px;letter-spacing:.17em}.sidebar{min-height:0;overflow:hidden;background:#0d1821;border-left:1px solid #273945;display:flex;flex-direction:column}.side-heading{height:96px;flex-shrink:0;padding:24px 23px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263640}.side-heading small{font-size:9px;letter-spacing:.16em;color:#8299a8}.side-heading h2{font-weight:600;font-size:20px;letter-spacing:-.04em;margin:8px 0 0}.side-indicator{font-size:8px;letter-spacing:.1em;color:#8faeb0;display:flex;gap:7px;align-items:center}.side-indicator i{height:5px;width:5px}.panel-scroll{overflow:auto;scrollbar-color:#3b5561 transparent;min-height:0;overscroll-behavior:contain}.control-section{padding:21px 23px 20px;border-bottom:1px solid #24323d}.section-title{display:flex;gap:11px;align-items:center;margin-bottom:18px}.section-title span{font-family:ui-monospace,monospace;color:#6e9b9a;font-size:10px}.section-title h3{font-size:12px;font-weight:670;margin:0;letter-spacing:.015em}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mode{border:1px solid #354853;background:#14232e;color:#98adba;border-radius:5px;padding:10px 5px;font-size:10px;letter-spacing:.012em}.mode:nth-child(4),.mode:nth-child(5){grid-column:span 1}.mode.active{background:#1c4549;border-color:#76d7ca;color:#d9fff7}.mode:hover{border-color:#84b4b7}.control-label,.range-head{color:#9eb4c0;font-size:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin:18px 0 9px}.control-label span{font-size:8px;letter-spacing:.1em;color:#5c8693}.range-head output{color:#d5e9ec;font-size:10px;font-variant-numeric:tabular-nums}select{width:100%;height:36px;padding:0 11px;border-radius:5px;background:#152632;border:1px solid #384d57;color:#d9e6eb;font-size:11px;max-width:100%}input[type=range]{display:block;width:100%;appearance:none;height:4px;border-radius:4px;background:#324851;accent-color:var(--accent);margin:15px 0 24px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#a1e8dc;border:3px solid #244e50;box-shadow:0 0 0 2px #88bfbd55}.toggle-row{display:flex;justify-content:space-between;gap:6px;align-items:center;min-height:31px;color:#acbdc6;font-size:11px}.toggle-row input{width:15px;height:15px;accent-color:#64bcb0}.equation-card{background:#0b2029;border:1px solid #32535c;border-radius:7px;padding:15px 13px;margin-top:17px}.equation-card>small{display:block;color:#73a9ac;font-size:8px;letter-spacing:.15em}.equation-card>b{display:block;font-size:23px;letter-spacing:-.045em;font-weight:620;margin:8px 0 13px;font-variant-numeric:tabular-nums}.equation-card>b span{font-size:11px;color:#8cacb5}.equation-card>div{border-top:1px solid #314750;padding-top:10px;font-size:9px;letter-spacing:.08em;color:#829da9;display:flex;justify-content:space-between;align-items:center}.equation-card strong{color:#c1ede4;font-size:14px}.check-card{background:#13222c;padding:12px;border-left:2px solid #7ebdb7;margin-top:9px;display:flex;flex-direction:column;gap:6px}.check-card span{font-size:8px;letter-spacing:.14em;color:#86bec0}.check-card strong{font-size:11px;font-weight:550}.check-card small{font-size:9px;color:#708d9b}.step-card{border:1px solid #314550;background:#12222d;border-radius:8px;padding:15px}.step-kicker{font-size:8px;letter-spacing:.17em;color:#6fabb0}.step-card>strong{font-size:12px;display:block;margin:11px 0 8px}.step-card>p{font-size:10px;line-height:1.5;color:#8ca3b1;min-height:30px}.progress-track{height:3px;background:#31444b;border-radius:2px;margin:14px 0 16px;overflow:hidden}.progress-track div{background:var(--accent);height:100%;width:0%;transition:width .35s}.step-buttons,.camera-buttons{display:flex;gap:7px}.step-buttons button,.camera-buttons button{border:1px solid #40515b;background:#1b2e38;border-radius:5px;padding:10px 12px;font-size:10px;flex:1}.step-buttons button:last-child{border-color:#63aaa7;background:#285253;color:#e8fffa}.camera-buttons{margin-bottom:13px}.full-action{width:100%;height:36px;border:1px solid #3e6670;border-radius:5px;background:transparent;font-size:11px;margin-top:16px}.full-action:hover{background:#18333d}.science-panel{padding:21px 23px;border-bottom:1px solid #24323d}.science-panel summary{list-style:none;cursor:pointer;font-size:12px;font-weight:650;display:flex;justify-content:space-between;gap:8px}.science-panel summary:after{content:"+";color:var(--accent);font-size:17px}.science-panel[open] summary:after{content:"−"}.science-panel summary span{font-weight:400;color:#6e8c9c;font-size:9px;margin-left:auto;align-self:center}.science-content{font-size:11px;color:#a5b7bf;line-height:1.65}.science-content code{color:#dcf0ec;white-space:normal;font-size:10px}.science-content strong{color:#d8eceb}.science-content .disclaimer{color:#a7d6d1;font-style:italic}.side-footer{font-size:9px;letter-spacing:.14em;color:#708993;line-height:2;padding:24px}.side-footer span{color:#54717e}.toast{position:fixed;z-index:60;left:50%;bottom:26px;transform:translate(-50%,20px);background:#12303a;color:#e2f2f2;padding:12px 18px;border:1px solid #5a9192;border-radius:8px;font-size:12px;pointer-events:none;opacity:0;transition:transform .2s,opacity .2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .masthead{display:none}body.embed-mode .workspace{height:100dvh}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.side-heading,.control-section{padding-left:17px;padding-right:17px}.stage-top{left:24px}.stage-top h1{font-size:33px}.stage-compass{display:none}.stage-toolbar .tool-label{display:none}.stage-index .stage-help{display:none}}@media(max-width:700px){.masthead{height:48px;padding:0 13px}.mast-meta{display:none}.brand b{font-size:10px}.brand small{font-size:7px}.workspace{display:flex;flex-direction:column;height:calc(100dvh - 48px)}body.embed-mode .workspace{height:100dvh}.viewport{flex:1;min-height:0;height:auto}.sidebar{flex:none;height:220px;min-height:0;border-top:1px solid #38515b;border-left:0}.side-heading{height:50px;padding:9px 16px}.side-heading h2{font-size:14px;margin-top:4px}.side-heading small{font-size:7px}.side-indicator{font-size:8px}.panel-scroll{display:block}.control-section{padding:10px 14px 12px}.control-section:first-child{padding-top:12px}.section-title{margin-bottom:10px}.modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mode{font-size:9px;padding:8px 2px}.stage-top{top:18px;left:16px}.eyebrow{font-size:8px;letter-spacing:.12em}.stage-top h1{font-size:clamp(24px,6.6vw,32px);margin:10px 0 0}.stage-top p{display:none}.stage-toolbar{right:9px;top:10px;gap:5px}.icon-btn{width:30px;height:30px;justify-content:center;padding:0}.stage-index{left:13px;bottom:115px;font-size:7px}.stage-tag{padding:5px 7px}.instrument-panel{bottom:10px;left:9px;width:calc(100% - 18px);border-radius:6px}.instrument-head{height:25px;padding:0 10px}.instrument-head strong{font-size:7px}.instrument-head>span:last-child{font-size:7px}.instrument-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.instrument{padding:10px 5px 8px;gap:5px}.instrument small{font-size:6px;line-height:1.2}.instrument b{font-size:17px}.instrument span{font-size:7px}.callout{font-size:8px}.stage-shade{background:linear-gradient(90deg,#08131db6 0%,transparent 58%),linear-gradient(0deg,#07101b9a 0%,transparent 37%)}.science-panel{padding:14px}.side-footer{padding:14px}}@media(max-width:390px){.stage-top h1{font-size:24px}.stage-index{bottom:112px}.instrument b{font-size:15px}.instrument small{font-size:6px}.stage-toolbar{right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
