:root{color-scheme:dark;--bg:#0e1719;--panel:#142024;--surface:#1b2a2c;--line:#334143;--muted:#93a49e;--text:#f3f1e7;--accent:#d9b778;--accent2:#e7c98a;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:0;min-height:100%;background:var(--bg);font-family:var(--font);color:var(--text);font-size:13px}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.39;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;flex-shrink:0;border-bottom:1px solid #304041;display:flex;align-items:center;padding:0 28px;gap:15px;background:linear-gradient(120deg,#132225,#0f1a1d);position:relative;z-index:2}.brand-mark{width:42px;height:42px;color:var(--accent);flex:none}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;gap:4px}.eyebrow{font-size:9px;letter-spacing:2.0px;color:#aeb3a8;font-weight:700}.eyebrow.accent{color:var(--accent)}.brand-name{font-family:Georgia,serif;font-size:18px;letter-spacing:2.6px;white-space:nowrap}.brand-name b{color:var(--accent);font-weight:400}.header-chips{display:flex;gap:10px;margin-left:auto}.chip{border:1px solid #52615e;padding:8px 10px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#d3ded4;white-space:nowrap}.chip.dark{border-color:#354044;color:#9ba8a2}.status-dot,.live-beacon{display:inline-block;background:#c7d88f;height:5px;width:5px;border-radius:50%;vertical-align:2px;margin-right:7px;box-shadow:0 0 9px #bece83}.header-link{background:transparent;border:0;border-left:1px solid #3d4a47;padding:10px 4px 10px 22px;margin-left:9px;font-size:10px;color:var(--accent);letter-spacing:1px;font-weight:800}.header-link span{margin-left:6px}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 378px;align-items:stretch}.stage-area{min-width:0;background:#0d1919;display:flex;flex-direction:column}.stage{position:relative;overflow:hidden;height:min(79vh,810px);min-height:550px;isolation:isolate;background:radial-gradient(ellipse at 65% 42%,#314345 0%,#172b2c 46%,#0a1419 100%)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,20,.6) 0%,transparent 33%,rgba(8,20,20,.05) 65%,rgba(8,20,20,.27) 100%),linear-gradient(0deg,rgba(5,14,16,.62),transparent 21%);z-index:0}.stage-top,.stage-bottom,.top-left-mark,.embed-close-text,.labels-layer,.hover-tag{position:absolute;z-index:1}.stage-top{inset:28px 28px auto 35px;display:flex;justify-content:space-between;gap:18px;pointer-events:none}.stage-identity{max-width:365px}.stage-kicker{color:#dcceaa;letter-spacing:2.2px;font-weight:800;font-size:9px}.stage-identity h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.3vw,64px);font-weight:400;line-height:.99;letter-spacing:-2px;margin:16px 0 12px;text-shadow:0 2px 18px #1323269c}.stage-identity h1 em{font-style:italic;color:#e7c88a}.stage-identity p{font-size:12px;color:#d1d7cd;line-height:1.65;max-width:230px;margin:0}.stage-actions{display:flex;gap:7px;pointer-events:auto;flex:none}.glass-btn{display:flex;align-items:center;gap:8px;background:#182527c2;color:#e3e7dc;border:1px solid #5e6a61a6;padding:9px 10px;height:35px;letter-spacing:1.1px;font-size:9px;font-weight:800;backdrop-filter:blur(8px);transition:background .25s ease}.glass-btn:hover{background:#334c4a}.glass-btn svg{width:17px;height:17px}.glass-btn.icononly{padding:9px;width:35px;justify-content:center}.top-left-mark{left:36px;top:249px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#c4c4b4;font-weight:700;opacity:.8}.top-left-mark i{width:18px;height:1px;background:var(--accent)}.labels-layer{inset:0;pointer-events:none;z-index:2}.scene-label{position:absolute;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#d9ddd4;text-shadow:0 1px 3px #102127;transition:opacity .24s ease;filter:drop-shadow(0 1px 4px #192a2d)}.scene-label i{width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;background:#2b4140;display:inline-block}.hover-tag{background:#182424ee;border:1px solid #a38a5d;box-shadow:0 5px 24px #0005;padding:9px 12px;pointer-events:none;font-size:11px;max-width:220px}.stage-bottom{bottom:22px;left:27px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:10px;pointer-events:none}.cam-presets{background:#152326cf;backdrop-filter:blur(10px);display:flex;align-items:center;gap:3px;padding:6px;border:1px solid #6d79705c;pointer-events:auto}.mini-label{font-size:9px;letter-spacing:1px;color:#adb9b3;padding:0 13px 0 7px;font-weight:700}.preset{border:1px solid transparent;background:transparent;color:#c3cdc8;font-weight:800;font-size:9px;letter-spacing:1.15px;padding:11px 10px;transition:background .24s ease,color .24s ease}.preset.active,.preset:hover{background:#d5b47a;color:#172324}.stage-status{font-size:9px;letter-spacing:1.3px;color:#c3cdc4;font-weight:700;background:#172526ad;padding:10px}.separator{color:#a69b83;margin:0 9px}.embed-close-text{display:none;bottom:16px;right:15px;color:#d7c496;letter-spacing:1px;font-size:9px}.modebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:64px;border-top:1px solid #364444;border-bottom:1px solid #364444;background:#162225}.mode{background:transparent;color:#b9c5bf;border:0;border-right:1px solid #344140;font-size:10px;font-weight:800;letter-spacing:1.4px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;transition:background .25s ease,color .25s ease}.mode:last-child{border-right:0}.mode:hover{background:#223338}.mode.active{background:#293735;color:#e9cca0}.mode.active:after{content:"";position:absolute;bottom:0;height:2px;left:15%;right:15%;background:var(--accent)}.mode-index{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#8c9a95}.mode.active .mode-index{color:var(--accent)}.understage{min-height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:10px;color:#81928d;font-size:9px;letter-spacing:1.2px;font-weight:800}.understage b{font-weight:normal;color:#d5b47c;margin:0 8px}.understage button{background:none;border:none;color:#bdbaab;font-size:9px;letter-spacing:1px;font-weight:800}.understage button span{color:var(--accent)}.sidebar{min-width:0;border-left:1px solid #374341;background:#182326;position:relative}.sidebar-scroll{overflow-y:auto;scrollbar-color:#4f605c #172326;max-height:calc(100vh - 73px);padding:31px 25px 25px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.75px;margin:7px 0 0}.small-period{color:var(--accent)}.panel-id{border:1px solid #42504c;color:#92a49a;padding:7px 9px;font-size:9px;letter-spacing:1px}.principle{display:flex;gap:13px;align-items:flex-start;margin:22px 0 25px}.principle-line{height:40px;width:2px;background:var(--accent);flex:none}.principle p{color:#aebcb6;line-height:1.6;font-size:12px;margin:0}.control-section{border-top:1px solid #46504c;padding-top:18px;margin-bottom:25px}.section-title{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:800;font-size:10px;letter-spacing:1.65px;margin-bottom:18px;white-space:nowrap}.section-title .line{height:1px;background:#44514d;flex:1;min-width:8px}.section-icon{font-size:15px;color:#e4ba75;font-weight:400}.control{margin:0 0 19px}.control-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.control-row label{font-size:12px;color:#ecf1e7}.control-row output{color:var(--accent);font-weight:800;font-size:12px;font-variant-numeric:tabular-nums}.small-muted{font-size:10px;color:#92a09c}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;display:block;margin:10px 0 12px;background:linear-gradient(90deg,var(--accent) 35%,#4a5855 35%);cursor:pointer;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:3px solid var(--accent);background:#122024;border-radius:50%;box-shadow:0 0 0 3px #172427}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:3px solid var(--accent);background:#122024;border-radius:50%}.range-ends{display:flex;justify-content:space-between;color:#70817e;font-size:9px;font-weight:700;letter-spacing:.6px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{background:#223034;border:1px solid #384844;padding:14px 12px 12px;min-width:0}.metric span{font-size:9px;font-weight:800;letter-spacing:1.0px;color:#a9b9ad;display:block;white-space:nowrap}.metric strong{font:normal 26px Georgia,serif;display:block;padding:8px 0 5px;color:#f8f6e9;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#92a59c}.main-metric{border-top:2px solid var(--accent)}.main-metric strong{color:#e0c18a}.verification{background:#1b302c;border:1px solid #426054;display:flex;gap:11px;padding:13px;margin-top:10px}.verify-icon{color:#c4dba6;font-size:20px}.verification span:last-child{display:flex;flex-direction:column;gap:5px}.verification b{font-size:10px;color:#c3d9ba;letter-spacing:1px}.verification small{font-size:11px;color:#a3c3ae;line-height:1.5}.subsystem-label{font-size:9px;letter-spacing:1.4px;color:#92a49f;display:block;margin-bottom:8px;font-weight:800}select{width:100%;color:#e8e8df;background:#203035;border:1px solid #51615c;padding:11px 10px;margin-bottom:12px;cursor:pointer;outline-color:var(--accent)}.picked{display:flex;align-items:flex-start;gap:11px;background:#1d2e30;padding:13px;border:1px solid #334b4b;margin-bottom:15px;min-height:77px}.picked-icon{border:1px solid #a8987b;color:var(--accent);font-size:18px;display:grid;place-items:center;width:28px;height:28px;flex:none}.picked strong{display:block;font-size:10px;letter-spacing:.8px;color:#ead6aa}.picked p{font-size:11px;color:#a8b9b0;line-height:1.5;margin:5px 0 0}.hidden{display:none!important}.guide{padding:15px;border:1px solid #475853}.guide-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.15px}.guide-top span:last-child{color:var(--accent)}.guide p{color:#a7b6ae;line-height:1.5;min-height:33px;margin:11px 0 13px;font-size:11px}.guide-progress{height:3px;background:#334947;margin-bottom:13px}.guide-progress span{display:block;width:0;height:100%;background:var(--accent);transition:width .3s ease}.guide-controls{display:flex;gap:7px}.guide-controls button{flex:1;background:#34403b;border:1px solid #50605a;color:#eee5cd;font-size:9px;font-weight:800;letter-spacing:1px;padding:10px 5px}.guide-controls #guideStart{background:var(--accent);border-color:var(--accent);color:#1d2827}.guide-controls button:hover:not(:disabled){filter:brightness(1.1)}.quiz{background:#1c2c2e;padding:14px;border:1px solid #3e4e4e}.quiz-top{display:flex;justify-content:space-between;font-size:10px;color:var(--accent);font-weight:800;letter-spacing:1px}.quiz-question{font:normal 17px Georgia,serif;line-height:1.3;margin:12px 0}.quiz-options{display:grid;gap:6px}.quiz-options button{text-align:left;border:1px solid #51605b;background:#243739;color:#e5e9df;padding:11px 10px;font-size:11px;line-height:1.3}.quiz-options button:hover{background:#39524b}.quiz-options button.correct{border-color:#bed6a2;background:#304a3e}.quiz-options button.wrong{border-color:#be9076;background:#463931}.quiz-feedback{min-height:24px;color:#c2d9bb;font-size:11px;margin:9px 0}.quiz-next{background:transparent;border:0;border-bottom:1px solid var(--accent);padding:4px 0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.1px}.context-panel{padding:14px;border:1px solid #485754;background:#1d2b2d;margin-bottom:26px}.context-panel .section-title{margin:2px 0 9px}.context-panel p{font-size:11px;line-height:1.65;color:#bbc5ba;margin:0 0 18px}.context-panel .section-title.extra{margin-top:15px}.text-link{background:transparent;color:var(--accent);border:0;border-bottom:1px solid var(--accent);padding:2px 0 6px;font-weight:800;font-size:10px;letter-spacing:1px}.small-footer{text-align:center;font-size:9px;color:#78918b;letter-spacing:1px;line-height:1.7}.small-footer span{color:var(--accent)}.mobile-handle{display:none}.modal-backdrop{position:fixed;inset:0;background:#071011cc;z-index:40;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;background:#18282a;border:1px solid #738073;color:#e7e9df;width:min(850px,100%);max-height:88vh;overflow:auto;padding:35px 38px;box-shadow:0 24px 80px #0009}.modal.compact{width:min(430px,100%)}.modal h2{font:normal 41px Georgia,serif;letter-spacing:-1px;margin:8px 0 12px}.modal .large-lead{font-size:14px;color:#b9c7be;line-height:1.6}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}.modal h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.modal p{color:#b8c9c2;line-height:1.75;font-size:12px}.sources{border-top:1px solid #4b5f58;margin-top:12px;padding-top:9px}.modal-close{position:absolute;right:21px;top:14px;background:transparent;border:1px solid #53635e;color:#e6d5b6;font-size:25px;width:35px;height:35px}.scene-label{opacity:0}.scene-label.show{opacity:1}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 340px}.sidebar-scroll{padding:25px 17px}.stage-identity h1{font-size:43px}.stage-top{left:24px}.top-left-mark{left:24px}.stage{min-height:520px}.header-chips .chip.dark{display:none}}
@media(max-width:800px){.topbar{height:64px;padding:0 14px}.brand-mark{width:35px;height:35px}.brand-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.brand-name{font-size:15px;letter-spacing:1.5px}.header-chips{display:none}.header-link{margin-left:auto;border:0;font-size:9px;padding:8px}.layout{display:flex;flex-direction:column}.stage{height:min(67vh,560px);min-height:400px}.sidebar{border-top:1px solid #4a5e56;border-left:0}.sidebar-scroll{max-height:none;padding:23px}.top-left-mark{top:233px}.understage{display:none}}
@media(max-width:520px){body{font-size:12px}.topbar{height:57px}.brand-name{font-size:12px;letter-spacing:1px}.brand-copy .eyebrow{font-size:7px;letter-spacing:.7px}.brand-mark{width:31px;height:31px}.header-link{font-size:8px;white-space:nowrap;padding:4px}.stage{height:calc(100dvh - 179px);min-height:380px;max-height:610px}.stage-top{inset:19px 12px auto 17px;gap:2px}.stage-kicker{font-size:8px;letter-spacing:1.25px}.stage-identity h1{font-size:35px;letter-spacing:-1.2px;margin:10px 0 6px}.stage-identity p{font-size:11px;max-width:185px}.stage-actions{gap:5px}.glass-btn{height:32px;width:33px;padding:6px;justify-content:center}.glass-btn span{display:none}.glass-btn svg{width:17px;height:17px}.top-left-mark{left:17px;top:194px;font-size:7px;gap:5px;letter-spacing:.8px}.top-left-mark i{width:9px}.cam-presets{gap:0;padding:3px;max-width:100%}.mini-label{display:none}.preset{font-size:8px;letter-spacing:.2px;padding:10px 6px}.stage-bottom{left:11px;right:11px;bottom:14px;display:block}.stage-status{display:none}.modebar{height:61px}.mode{font-size:8px;letter-spacing:.2px;flex-direction:column;gap:1px}.mode-index{font-size:14px}.sidebar{position:relative;margin-top:0;max-height:none}.sidebar-scroll{padding:19px 17px}.panel-heading h2{font-size:25px}.mobile-handle{display:flex;width:100%;align-items:center;gap:10px;height:54px;border:0;border-top:1px solid #54605d;background:#293836;color:#dec995;padding:0 18px;font-size:10px;font-weight:800;letter-spacing:1.25px;text-align:left}.handle-bar{display:block;width:22px;height:3px;background:#dcc68e;border-radius:3px;flex:none}.handle-chevron{margin-left:auto;font-size:19px;transform:rotate(180deg);transition:transform .25s}.sidebar:not(.drawer-open) .sidebar-scroll{display:none}.sidebar.drawer-open .handle-chevron{transform:rotate(0)}.metric strong{font-size:23px}.modal-backdrop{padding:11px}.modal{padding:25px 18px;max-height:92vh}.modal h2{font-size:33px}.modal-grid{grid-template-columns:1fr;gap:5px}.scene-label{font-size:7px;letter-spacing:.6px}}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode #brandHeader,body.embed-mode .understage{display:none}body.embed-mode .layout{height:100vh;height:100dvh;display:block;position:relative}body.embed-mode .stage-area{height:100vh;height:100dvh}body.embed-mode .stage{height:calc(100dvh - 61px);max-height:none;min-height:0}body.embed-mode .modebar{height:61px}body.embed-mode .sidebar{position:fixed;right:12px;top:95px;bottom:76px;width:330px;z-index:6;max-height:calc(100dvh - 180px);background:#132125ec;backdrop-filter:blur(12px);border:1px solid #51645c}body.embed-mode .sidebar-scroll{max-height:100%;padding:18px}body.embed-mode .embed-close-text{display:block}body.embed-mode .stage-top{right:366px}@media(max-width:850px){body.embed-mode .sidebar{top:auto;right:0;left:0;bottom:60px;max-height:58dvh;width:auto;overflow:auto}body.embed-mode .stage-top{right:12px}body.embed-mode .sidebar:not(.drawer-open) .sidebar-scroll{display:none}body.embed-mode .sidebar .mobile-handle{display:flex}body.embed-mode .stage{height:calc(100dvh - 61px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.quality-btn{border-color:#96845b;color:#f1d49a;font-size:9px;min-width:47px;justify-content:center}.quality-btn:hover{background:#3d493e}.mode:focus-visible{z-index:3}@media(max-width:520px){.quality-btn{width:35px;min-width:35px;font-size:8px}.quality-btn span{display:inline}}