:root{color-scheme:dark;--bg:#090f15;--panel:#101c26;--line:#2b3b46;--muted:#9facb5;--text:#f0ece3;--accent:#cba96d;--accent2:#e2bd77;--radius:12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #344451;background:#16232f;border-radius:8px;min-height:34px;transition:background .22s,border-color .22s,transform .22s}button:hover{background:#283946;border-color:#bca173}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}button:disabled{opacity:.38;cursor:not-allowed}.site-header{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;gap:24px;border-bottom:1px solid #26343d;background:#0c151d}.eyebrow,.label{font-size:10px;font-weight:750;letter-spacing:.17em;color:#d2b381}.sep{color:#61717b;margin:0 5px}.head-row{display:flex;align-items:center;gap:20px}.head-row h1{font-weight:720;font-size:clamp(20px,2.1vw,27px);letter-spacing:-.035em;margin:4px 0}.head-row p{color:#a2adb6;margin:0;letter-spacing:.012em}.stamp{font-size:9px;white-space:nowrap;border:1px solid #886f4b;color:#d8bc86;border-radius:3px;padding:6px 8px;letter-spacing:.12em}.header-actions{display:flex;gap:8px}.header-actions button{padding:0 14px;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 314px;min-height:calc(100vh - 103px)}.viewer{min-width:0;border-right:1px solid var(--line)}.mode-nav{display:flex;align-items:stretch;min-width:0;height:51px;border-bottom:1px solid var(--line);padding:6px 13px;gap:6px;background:#0c151d}.mode-nav button{min-width:0;flex:1;font-weight:600;background:transparent;border:1px solid transparent;font-size:12px;color:#b4c0c8}.mode-nav button.active{color:#f5e2b9;background:#1c2d37;border-color:#6c6048}.stage{height:clamp(390px,calc(100vh - 247px),690px);min-height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 28%,#304b5b 0%,#162735 44%,#0b1721 85%)}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block;outline:none}.haze{position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 105px rgba(3,9,17,.6)}.stage-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;letter-spacing:.12em;color:#d5ddd9}.micro-badge{border:1px solid #42525c;background:#13212bdc;padding:8px 10px;border-radius:30px}.pulse{display:inline-block;background:#d1b078;width:6px;height:6px;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #d1b078}.stage-top #partcount{color:#c5b8a1;font-size:9px;margin-top:8px}.labels{position:absolute;inset:0;pointer-events:none}.pinlabel{position:absolute;color:#e5dfd3;background:#101e29dd;border:1px solid #607584;border-radius:5px;font-size:10px;padding:5px 8px;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 2px 10px #0005}.pinlabel:before{position:absolute;content:'';width:4px;height:4px;background:var(--accent);border-radius:50%;top:50%;left:-7px}.selection{position:absolute;left:20px;bottom:108px;pointer-events:none;background:linear-gradient(90deg,#0b1720ed,#0b1720a0);padding:9px 14px;border-left:2px solid #c4a570;border-radius:2px;max-width:min(290px,60%)}.selection span{display:block;color:#ccb48a;letter-spacing:.16em;font-size:9px;font-weight:700}.selection strong{font-size:13px;display:block;margin:5px 0 2px}.selection small{color:#a8b6bf;font-size:10px}.cam-controls{position:absolute;right:17px;top:52px;display:flex;flex-direction:column;gap:5px}.cam-controls button{min-height:27px;font-size:10px;padding:5px 10px;color:#c1cdd5;background:#10202acc;min-width:53px}.cam-controls button.active{color:#f6ddae;border-color:#b9975f}.stage-help{position:absolute;right:18px;bottom:93px;color:#aebdc0b0;font-size:9px;letter-spacing:.11em}.readout-strip{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;left:0;right:0;bottom:0;padding:12px 22px 13px;gap:10px;background:linear-gradient(180deg,#0b1721cf,#0b141cfa);border-top:1px solid #53657255}.readout-strip div{min-width:0;padding-left:12px;border-left:1px solid #596772}.readout-strip span{display:block;color:#9daeb7;font-size:9px;letter-spacing:.08em;white-space:nowrap}.readout-strip strong{display:block;font-size:20px;font-weight:700;margin-top:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.story-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:19px 24px;gap:20px;background:#0c151c}.story-row>div+div{border-left:1px solid #2a3a45;padding-left:20px}.story-row p{margin:7px 0;color:#a9b7bf;line-height:1.57;font-size:11px}.sidebar{background:#101b24;min-height:0;display:flex;flex-direction:column}.side-header{padding:18px 17px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.side-header h2{font-size:17px;margin:5px 0 0;font-weight:650}.plain{border:0;background:transparent}.icon-button{font-size:22px;display:none}.side-scroll{overflow-y:auto;max-height:calc(100vh - 165px);scrollbar-width:thin;scrollbar-color:#4b5e69 transparent}.panel-section{padding:16px 17px;border-bottom:1px solid #2a3a43}.form-label,.field-title{display:flex;justify-content:space-between;align-items:center;color:#d5dfdf;letter-spacing:.085em;font-size:10px;font-weight:750}.field-title output{color:#e6c28e;font-size:12px;letter-spacing:0}.field-title.space{margin-top:17px}.helper{font-size:11px;line-height:1.55;color:#9eacb5;margin:9px 0 0}select{width:100%;border:1px solid #42515b;border-radius:7px;background:#172630;color:#e9e9e2;margin-top:9px;padding:9px 10px}.mini-meta{display:flex;justify-content:space-between;font-size:9px;color:#bda987;letter-spacing:.05em;margin-top:12px}.panel-section input[type=range]{width:100%;margin:13px 0 4px;appearance:none;background:#344852;height:4px;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #fff5d9;border-radius:50%;background:#b48f58;cursor:grab}.ends{display:flex;justify-content:space-between;color:#8d9ea8;font-size:9px;letter-spacing:.09em}.subtle{color:#d0ae7b;font-size:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#bdc8cf}.setting-row input{accent-color:#cdaa72}.btn-cluster{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:12px}.accent{background:#82683c;color:#fff4d9;border-color:#b99560;font-weight:700}.accent:hover{background:#957647}.quality-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.quality-switch button.active{color:#f3d4a5;background:#3f443b;border-color:#a78d5e}.science-numbers{background:#14232d}.science-row{display:flex;justify-content:space-between;gap:10px;margin:13px 0;border-bottom:1px solid #30404a;padding-bottom:10px;color:#c2ced1}.science-row strong{white-space:nowrap;color:#ebddc3;font-size:12px;font-variant-numeric:tabular-nums}.checknote{font-size:10px;color:#96c5b4}.science-details summary{cursor:pointer;list-style:none;font-weight:750;display:flex;justify-content:space-between;align-items:center}.science-details summary:after{content:'+';font-size:20px;color:#c9ae85}.science-details[open] summary:after{content:'−'}.science-details summary span{font-size:9px;color:#c4a679;letter-spacing:.06em}.details-inner p{color:#b4c1c5;line-height:1.55;font-size:11px}.details-inner strong{color:#e4d5bb}h3{font-size:14px;font-weight:600;margin:9px 0 12px}.question{margin:17px 0}.question p{font-size:11px;line-height:1.4;font-weight:650}.option{display:flex;align-items:flex-start;gap:7px;margin:8px 0;color:#bac9ce;font-size:11px;cursor:pointer}.option input{accent-color:#bea070;margin-top:2px}.full{width:100%;margin-top:4px}.footnote{font-size:9px;letter-spacing:.09em;color:#798d99;padding:20px}.footnote span{color:#b6a078}.mobile-tabs,#drawerToggle,.drawer-grip{display:none}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .site-header,body.embed-mode .story-row{display:none}body.embed-mode .layout{height:100vh;height:100dvh;min-height:0}body.embed-mode .stage{height:calc(100vh - 51px);height:calc(100dvh - 51px);min-height:0}body.embed-mode .side-scroll{max-height:calc(100vh - 60px)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.viewer{border:0}.mode-nav{padding:4px 8px}.sidebar{position:fixed;z-index:20;bottom:56px;left:0;right:0;max-height:68dvh;border-top:1px solid #63717b;border-radius:18px 18px 0 0;transform:translateY(calc(100% + 70px));transition:transform .28s ease;background:#14212b;box-shadow:0 -12px 36px #0009}.sidebar.open{transform:translateY(0)}.side-scroll{max-height:calc(68dvh - 62px)}.side-header{padding:12px 16px}.icon-button,.drawer-grip{display:block}.drawer-grip{width:42px;height:4px;border-radius:8px;background:#4b5c67;position:absolute;left:calc(50% - 21px);top:5px}.mobile-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:11;background:#0c151e;min-height:54px;padding:5px;gap:3px;border-top:1px solid #3e4e59}.mobile-tabs button{flex:1;font-size:10px;background:transparent;border:1px solid transparent;padding:4px 2px}.mobile-tabs button.active{color:#ebcf9d;border-bottom:2px solid #c9a66b}#drawerToggle{display:flex;align-items:center;gap:8px;position:fixed;z-index:21;right:8px;bottom:65px;background:#2a3b46;border-color:#8c7451;color:#f3e5c6;padding:0 13px;box-shadow:0 2px 15px #000b}.story-row{margin-bottom:60px}.stage{height:clamp(400px,65vh,730px)}body.embed-mode #drawerToggle{bottom:67px}body.embed-mode .stage{height:calc(100dvh - 51px)}body.embed-mode .layout{height:100dvh}}@media(max-width:600px){.site-header{padding:10px 13px;align-items:flex-start;gap:9px}.site-header .head-row h1{font-size:16px;line-height:1.18}.site-header .head-row p{font-size:10px;margin-top:5px}.site-header .eyebrow{font-size:9px}.stamp{display:none}.header-actions{display:flex;gap:4px}.header-actions button{min-height:28px;padding:0 8px;font-size:16px}.header-actions button span{display:none}.mode-nav{display:none}.stage{height:clamp(382px,58vh,560px);min-height:382px}.stage-top{top:10px;left:12px;right:12px}.stage-top #partcount{font-size:8px}.cam-controls{top:52px;right:8px;gap:3px}.cam-controls button{padding:4px;min-width:47px;min-height:25px;font-size:10px}.selection{left:11px;bottom:96px;max-width:70%;padding:6px 8px}.selection strong{font-size:11px}.selection small{font-size:9px}.stage-help{display:none}.readout-strip{padding:9px 8px;gap:0}.readout-strip div{padding-left:7px}.readout-strip span{font-size:7px;letter-spacing:0}.readout-strip strong{font-size:clamp(10px,3.4vw,15px);margin-top:5px}.story-row{grid-template-columns:1fr;gap:12px;padding:15px}.story-row>div+div{border-left:none;padding-left:0;border-top:1px solid #273946;padding-top:12px}.story-row p{margin-top:4px}.pinlabel{font-size:8px;padding:3px 5px}body.embed-mode .mobile-tabs{display:flex}body.embed-mode .stage{height:calc(100dvh - 54px)}body.embed-mode #drawerToggle{bottom:113px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}