:root{color-scheme:dark;font-family:DM Mono,monospace;--ink: #f4efdf;--muted: #969083;--dim: #5d594f;--line: rgba(226, 208, 174, .18);--amber: #e6b66f;--amber-bright: #ffd694;--panel: rgba(9, 9, 7, .76)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#080806;color:var(--ink)}button,input{font:inherit}button{color:inherit}#chronosphere{position:fixed;inset:0;width:100%;height:100%;outline:none;cursor:grab}#chronosphere:active{cursor:grabbing}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 57% 41%,transparent 0 28%,rgba(3,3,2,.08) 55%,rgba(3,3,2,.65) 100%),linear-gradient(90deg,rgba(5,5,4,.75),transparent 35% 75%,rgba(5,5,4,.3))}.topbar{position:fixed;z-index:5;top:0;left:0;right:0;height:72px;padding:0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080806e0,#08080629)}.brand{display:inline-flex;width:max-content;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.22em}.brand-mark{width:22px;height:22px;position:relative;display:inline-block;border:1px solid rgba(230,182,111,.5);border-radius:50%}.brand-mark i{position:absolute;inset:4px;border:1px solid var(--amber);border-radius:50%}.brand-mark i:last-child{inset:8px;background:var(--amber-bright);border:0;box-shadow:0 0 12px var(--amber)}.system-status{color:var(--dim);font-size:8px;letter-spacing:.16em}.system-status span{display:inline-block;width:5px;height:5px;margin-right:8px;background:#7ba77a;border-radius:50%;box-shadow:0 0 7px #7ba77a}.system-status b{color:#a8bca0;font-weight:400}.system-status i{margin-left:10px;padding-left:10px;border-left:1px solid var(--line);color:#67635b;font-style:normal;font-size:7px;font-variant-numeric:tabular-nums}.icon-button{justify-self:end;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#0a0a084d;color:var(--muted);cursor:pointer;transition:.25s ease}.icon-button:hover{color:var(--ink);border-color:var(--amber)}.icon-button.active{color:var(--amber-bright);border-color:var(--amber);box-shadow:0 0 12px #e6b66f24}.icon-button:disabled{opacity:.25;cursor:not-allowed}.history-button{border-radius:2px;font-size:14px}.top-actions{justify-self:end;display:flex;align-items:center;gap:7px}.lab-button{height:30px;padding:0 11px;border:1px solid var(--line);background:#0a0a084d;color:#777064;font-size:7px;letter-spacing:.13em;cursor:pointer}.lab-button:hover{color:var(--amber);border-color:#e6b66f73}.hero-copy{position:fixed;z-index:3;top:18%;left:6.2%;max-width:480px;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:24px;color:var(--amber);font-size:8px;letter-spacing:.2em}.eyebrow span:first-child{padding:7px 9px;border:1px solid rgba(230,182,111,.35)}.eyebrow span:last-child{color:var(--dim)}.hero-copy h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(44px,5.4vw,88px);line-height:.92;letter-spacing:-.065em;font-weight:300;text-shadow:0 4px 30px rgba(0,0,0,.35)}.hero-copy h1 em{color:var(--amber-bright);font-style:normal;font-weight:300}.hero-copy p{margin:25px 0 28px;color:#a49e90;font-family:Manrope,sans-serif;font-size:12px;line-height:1.7;font-weight:300}.text-action{pointer-events:auto;padding:0 0 7px;border:0;border-bottom:1px solid rgba(230,182,111,.6);background:none;color:var(--amber);font-size:8px;letter-spacing:.2em;cursor:pointer}.text-action span{padding-left:14px;font-size:12px;transition:transform .2s;display:inline-block}.text-action:hover span{transform:translate(3px,-3px)}.object-readout{position:fixed;z-index:3;left:34px;bottom:160px;display:flex;gap:34px}.object-readout div{display:grid;gap:5px}.object-readout span,.panel-label{color:var(--dim);font-size:7px;letter-spacing:.16em}.object-readout strong{color:#b3aa98;font-size:8px;font-weight:400;letter-spacing:.09em}.library-button{align-self:end;margin-left:6px;padding:7px 9px;border:1px solid rgba(230,182,111,.25);background:#e6b66f0a;color:#9f8a69;font-size:7px;letter-spacing:.14em;cursor:pointer}.library-button:hover{color:var(--amber-bright);border-color:#e6b66f80}.library-button b{margin-left:8px;color:var(--amber);font-weight:400}.branches{position:fixed;z-index:4;right:30px;top:112px;width:220px;padding:15px 14px 13px;border:1px solid var(--line);background:linear-gradient(135deg,#0e0d0ac7,#0808078c);backdrop-filter:blur(10px)}.panel-label{display:flex;justify-content:space-between;margin-bottom:15px}.panel-label b{color:var(--amber);font-weight:400}.branch-list{position:relative;display:grid;gap:2px;max-height:205px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c4030 transparent}.branch-row{position:relative;padding-left:calc(var(--depth) * 12px)}.branch-row:before{content:"";position:absolute;left:calc(var(--depth) * 12px + 3px);top:-4px;bottom:50%;width:9px;border-left:1px solid rgba(230,182,111,.22);border-bottom:1px solid rgba(230,182,111,.22);pointer-events:none}.branch-row:first-child:before{display:none}.branch-item{position:relative;display:grid;grid-template-columns:16px 1fr;align-items:center;gap:10px;width:100%;padding:8px 4px 8px 0;border:0;background:none;text-align:left;cursor:pointer;opacity:.52}.branch-item:hover,.branch-item.active{opacity:1}.branch-node{z-index:1;width:7px;height:7px;border-radius:50%;border:1px solid #74664f;background:#12110e;transition:.2s}.branch-item.active .branch-node{border-color:var(--amber-bright);background:var(--amber);box-shadow:0 0 9px var(--amber)}.branch-item b{display:block;color:#cac1b0;font-size:8px;letter-spacing:.13em;font-weight:400}.branch-item small{display:block;margin-top:4px;color:#625d54;font-size:6px;letter-spacing:.11em}.new-branch{display:flex;align-items:center;gap:9px;width:100%;margin-top:10px;padding:9px;border:1px dashed rgba(230,182,111,.24);background:#e6b66f06;color:#8d806b;font-size:7px;letter-spacing:.12em;cursor:pointer}.new-branch:hover{color:var(--amber);border-color:#e6b66f80}.new-branch span{font-size:12px}.branch-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.branch-actions button{min-width:0;height:24px;padding:0 2px;border:1px solid #302c25;background:#0000001f;color:#5f594f;font-size:5px;letter-spacing:.08em;cursor:pointer}.branch-actions button:hover{color:var(--amber);border-color:#e6b66f61}.comparison-control{display:grid;grid-template-columns:1fr 64px;gap:4px;margin-top:6px}.comparison-control select,.comparison-control button{min-width:0;height:27px;border:1px solid #39332a;background:#0c0b09;color:#706657;font-size:5px;letter-spacing:.08em;outline:none}.comparison-control select{padding:0 5px}.comparison-control button{cursor:pointer}.comparison-control button.active{color:#80d7df;border-color:#74d4df73;background:#74d4df0f}.comparison-hud{position:fixed;z-index:4;top:88px;left:50%;display:grid;grid-template-columns:auto auto;gap:5px 16px;width:260px;padding:12px 14px;border:1px solid rgba(116,212,223,.28);background:#070b0bc2;backdrop-filter:blur(12px);transform:translate(-50%,-12px);opacity:0;visibility:hidden;transition:.25s}.comparison-hud.open{transform:translate(-50%);opacity:1;visibility:visible}.comparison-hud>span{color:#65777a;font-size:6px;letter-spacing:.15em}.comparison-hud b{color:#8db5b9;font-size:6px;font-weight:400;letter-spacing:.09em;text-align:right}.comparison-hud strong{color:#8ae0e7;font-size:15px;font-weight:300}.comparison-hud i{align-self:center;height:2px;background:#213235;overflow:hidden}.comparison-hud i span{display:block;width:0;height:100%;background:#72d4df;box-shadow:0 0 7px #72d4df;transition:width .18s}.field-tools{position:fixed;z-index:4;right:30px;top:440px;width:286px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:#0a0a0894;backdrop-filter:blur(10px)}.field-tools button{display:grid;place-items:center;gap:4px;height:48px;padding:5px 2px;border:0;border-right:1px solid var(--line);background:transparent;color:#625d53;font-size:6px;letter-spacing:.09em;cursor:pointer}.field-tools button:last-child{border-right:0}.field-tools button span{color:#817765;font:13px/1 sans-serif}.field-tools button:hover,.field-tools button.active{color:var(--amber);background:#e6b66f0f}.field-tools button.active span{color:var(--amber-bright);text-shadow:0 0 9px rgba(230,182,111,.7)}.inspector{position:fixed;z-index:5;right:30px;bottom:159px;width:238px;padding:15px;border:1px solid rgba(230,182,111,.25);background:#0a0a08c7;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translate(12px);transition:.25s ease}.inspector.open{opacity:1;visibility:visible;transform:translate(0)}.inspector-close{position:absolute;right:10px;top:7px;border:0;background:none;color:#6d675d;font-size:17px;cursor:pointer}.inspector-id{margin:15px 0 13px;color:var(--amber-bright);font-size:11px;letter-spacing:.13em}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.state-grid span{display:grid;gap:4px;color:#555149;font-size:6px;letter-spacing:.12em}.state-grid b{color:#a69e90;font-size:8px;font-weight:400}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px}.inspector-actions button{height:28px;border:1px solid #38332a;background:transparent;color:#686159;font-size:6px;letter-spacing:.1em;cursor:pointer}.inspector-actions button:hover,.inspector-actions button.active{color:var(--amber);border-color:#e6b66f73;background:#e6b66f0d}.inspector p{margin:14px 0 0;color:#69645b;font:300 8px/1.55 Manrope,sans-serif}.hint{position:fixed;z-index:3;bottom:160px;right:31px;color:#57534b;font-size:7px;letter-spacing:.16em;transition:opacity .4s}.hint.hidden{opacity:0}.mouse-icon{display:inline-block;width:9px;height:12px;margin:0 7px -3px 0;border:1px solid #6d665b;border-radius:5px}.timeline-panel{position:fixed;z-index:6;left:0;right:0;bottom:0;height:136px;padding:15px 34px 14px;border-top:1px solid var(--line);background:#080806e0;backdrop-filter:blur(18px)}.timeline-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:6px}.timecode{color:var(--amber-bright);font-size:11px;letter-spacing:.07em;font-variant-numeric:tabular-nums}.moment-label{color:#a89e8b;font-size:7px;letter-spacing:.17em}.moment-label span{display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber)}.record-stat{justify-self:end;color:#5e5a52;font-size:7px;letter-spacing:.12em}.record-stat b{color:#999184;font-weight:400;margin-right:5px}#record-dot{display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:50%;background:#4b4944}#record-dot.active{background:#dc6d59;box-shadow:0 0 6px #dc6d59}.track-wrap{position:relative;height:34px}.tick-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#4f4b44;font-size:6px}.track-markers{position:absolute;top:8px;left:0;right:0;height:8px;border-top:1px solid #39362f;pointer-events:none}.track-markers i{position:absolute;top:-3px;height:5px;border-left:1px solid #514b40}.checkpoint-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.checkpoint-layer button{pointer-events:auto;position:absolute;top:-5px;width:13px;height:13px;margin-left:-6px;padding:0;border:1px solid #b58e58;background:#17130e;transform:rotate(45deg);cursor:pointer}.checkpoint-layer button:hover{background:var(--amber);box-shadow:0 0 9px #e6b66f99}.checkpoint-layer button span{display:block;color:#d4b27e;font-size:5px;transform:rotate(-45deg)}.checkpoint-layer button:hover span{color:#17130e}.annotation-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.annotation-layer button{--note:#e6b66f;pointer-events:auto;position:absolute;top:14px;width:7px;height:11px;margin-left:-3px;padding:0;border:0;border-left:2px solid var(--note);background:transparent;cursor:pointer}.annotation-layer button:before{content:"";position:absolute;left:-4px;top:-4px;width:6px;height:6px;border:1px solid var(--note);border-radius:50%;background:#0d0c09}.annotation-layer button span{position:absolute;left:5px;top:-7px;max-width:110px;overflow:hidden;color:var(--note);font-size:5px;letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis;opacity:.72}.annotation-layer .note-cyan{--note:#72d4df}.annotation-layer .note-violet{--note:#a68bd2}.annotation-layer .note-coral{--note:#e28772}#timeline{position:absolute;top:1px;left:0;width:100%;height:16px;margin:0;appearance:none;background:transparent;cursor:ew-resize}#timeline::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--amber) 0 var(--progress, 47.08%),#3a3730 var(--progress, 47.08%) 100%)}#timeline::-webkit-slider-thumb{appearance:none;width:8px;height:15px;margin-top:-7px;border:1px solid #ffd999;background:#d9a85f;border-radius:1px;box-shadow:0 0 12px #e6b66fb3}#timeline::-moz-range-track{height:1px;background:#3a3730}#timeline::-moz-range-progress{height:1px;background:var(--amber)}#timeline::-moz-range-thumb{width:8px;height:15px;border:1px solid #ffd999;background:#d9a85f;border-radius:1px}.event-marker{position:absolute;top:-11px;height:29px;border-left:1px solid rgba(230,182,111,.35);pointer-events:none}.event-marker span{position:absolute;left:5px;top:0;white-space:nowrap;color:#76664e;font-size:6px;letter-spacing:.12em}.transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;height:43px}.transport-left{justify-self:start;display:flex;align-items:center;gap:5px}.record-button{justify-self:start;display:flex;gap:8px;align-items:center;padding:7px 9px;border:1px solid #333129;background:transparent;color:#69655e;font-size:7px;letter-spacing:.12em;cursor:pointer}.record-button span{width:5px;height:5px;border-radius:50%;background:#8b554a}.record-button.active{color:#e9907b;border-color:#794e46}.record-button.active span{background:#f07864;box-shadow:0 0 8px #f07864;animation:blink 1s step-end infinite}.utility-button{height:27px;padding:0 8px;border:1px solid #333129;background:transparent;color:#69655e;font-size:6px;letter-spacing:.1em;cursor:pointer}.utility-button:hover,.utility-button.active{color:var(--amber);border-color:#e6b66f6b;background:#e6b66f0d}.utility-button:disabled,.lab-actions button:disabled{opacity:.28;cursor:not-allowed}@keyframes blink{50%{opacity:.2}}.transport-center{display:flex;align-items:center;gap:4px}.control-button{width:31px;height:29px;border:0;background:transparent;color:#817b70;font-family:sans-serif;font-size:9px;cursor:pointer}.control-button:hover{color:var(--amber)}.play-button{display:grid;place-items:center;width:38px;height:38px;margin:0 5px;border:1px solid rgba(230,182,111,.6);border-radius:50%;background:#e6b66f14;color:var(--amber-bright);cursor:pointer;box-shadow:inset 0 0 12px #e6b66f0f}.play-button:hover,.play-button.playing{background:#e6b66f2e;box-shadow:0 0 18px #e6b66f24}.play-button span{padding-left:2px;font-family:sans-serif;font-size:10px}.play-button.playing span{padding:0}.speed-control{justify-self:end;display:flex;align-items:center;gap:4px}.speed-control>span{margin-right:8px;color:#4f4c45;font-size:6px;letter-spacing:.13em}.speed-control button{min-width:27px;height:22px;border:1px solid transparent;background:transparent;color:#5f5b53;font-size:7px;cursor:pointer}.speed-control button:hover{color:var(--ink)}.speed-control button.active{color:var(--amber);border-color:#e6b66f52;background:#e6b66f0f}.help-dialog{position:fixed;z-index:12;top:50%;left:50%;width:min(460px,calc(100% - 40px));padding:40px;border:1px solid rgba(230,182,111,.28);background:#0a0a08f0;backdrop-filter:blur(20px);transform:translate(-50%,-47%) scale(.97);opacity:0;visibility:hidden;transition:.25s ease;box-shadow:0 30px 100px #000}.help-dialog.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.help-dialog>button{position:absolute;top:14px;right:16px;border:0;background:none;color:#7d776c;font-size:22px;cursor:pointer}.eyebrow-single{color:var(--amber);font-size:7px;letter-spacing:.2em}.help-dialog h2{margin:17px 0 28px;font:300 31px/1.12 Manrope,sans-serif;letter-spacing:-.03em}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-grid div{border-top:1px solid var(--line);padding-top:12px}kbd{color:var(--amber-bright);font-size:8px;letter-spacing:.12em}.help-grid p,.help-note{color:#817b70;font:300 10px/1.6 Manrope,sans-serif}.help-note{margin:25px 0 0}.help-dialog>button.replay-intro{position:static;width:auto;height:auto;margin-top:12px;padding:0 0 6px;border:0;border-bottom:1px solid rgba(230,182,111,.4);border-radius:0;background:transparent;color:#8f795a;font-size:6px;letter-spacing:.13em;cursor:pointer}.library-scrim{position:fixed;inset:0;z-index:9;background:#020201a3;opacity:0;visibility:hidden;transition:.35s;backdrop-filter:blur(3px)}.library-scrim.open{opacity:1;visibility:visible}.event-library{position:fixed;z-index:10;top:0;right:0;bottom:0;width:min(540px,100%);padding:54px 48px 42px;border-left:1px solid rgba(230,182,111,.22);background:#090907f5;transform:translate(100%);visibility:hidden;transition:transform .42s cubic-bezier(.77,0,.18,1),visibility .42s}.event-library.open{transform:translate(0);visibility:visible}.library-head{display:flex;justify-content:space-between;align-items:start}.library-head h2{margin:13px 0 0;font:300 38px/1 Manrope,sans-serif;letter-spacing:-.04em}.library-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:none;color:#817b70;font-size:21px;cursor:pointer}.library-intro{width:78%;margin:22px 0 32px;color:#777166;font:300 11px/1.7 Manrope,sans-serif}.event-cards{display:grid;border-top:1px solid var(--line)}.event-card{position:relative;display:grid;grid-template-columns:28px 64px 1fr 20px;align-items:center;gap:14px;min-height:104px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.event-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(230,182,111,.09),transparent);transform:scaleX(0);transform-origin:left;transition:.3s}.event-card:hover:before,.event-card.active:before{transform:scaleX(1)}.event-index{z-index:1;color:#555149;font-size:7px}.event-card.active .event-index{color:var(--amber)}.event-glyph{z-index:1;position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid #332f28;border-radius:50%}.event-glyph:before,.event-glyph:after,.event-glyph i{content:"";position:absolute;border-radius:50%;border:1px solid #7d6542}.event-glyph:before{inset:11px}.event-glyph:after{inset:19px;background:#d9a45f;box-shadow:0 0 10px #a96932}.event-glyph-collision:before{left:5px;right:27px}.event-glyph-collision:after{left:27px;right:5px;inset-block:17px}.event-glyph-singularity:before{inset:8px;border-left-color:transparent;transform:rotate(25deg)}.event-glyph-singularity:after{inset:23px;background:#080806;box-shadow:0 0 10px #765f9d}.event-glyph-bloom:before{inset:9px 18px;border-radius:100%;transform:rotate(45deg)}.event-glyph-bloom i{inset:9px 18px;border-radius:100%;transform:rotate(-45deg)}.event-card-copy{z-index:1;display:grid;gap:7px}.event-card-copy b{color:#cfc6b5;font-size:9px;font-weight:400;letter-spacing:.14em}.event-card-copy small{max-width:250px;color:#68635b;font:300 9px/1.5 Manrope,sans-serif}.event-arrow{z-index:1;color:#6f6658;font-size:12px;transition:.2s}.event-card:hover .event-arrow{color:var(--amber);transform:translate(2px,-2px)}.field-lab{position:fixed;z-index:10;top:0;left:0;bottom:0;width:min(470px,100%);padding:54px 48px 42px;border-right:1px solid rgba(230,182,111,.22);background:#090907f7;transform:translate(-100%);visibility:hidden;transition:transform .42s cubic-bezier(.77,0,.18,1),visibility .42s;overflow:auto}.field-lab.open{transform:translate(0);visibility:visible}.parameter-list{display:grid;gap:25px;margin:34px 0 32px;padding:24px 0;border-block:1px solid var(--line)}.parameter-list label{position:relative;display:grid;gap:10px}.parameter-list label>span,.quality-control>span{display:flex;justify-content:space-between;color:#777064;font-size:7px;letter-spacing:.14em}.parameter-list label>span>span{display:flex;align-items:center;gap:8px}.parameter-list label b{color:var(--amber);font-weight:400}.automation-key{height:18px;padding:0 6px;border:1px solid #393229;background:#e6b66f08;color:#71634f;font-size:5px;letter-spacing:.08em;cursor:pointer}.automation-key:hover{color:var(--amber-bright);border-color:#71583a}.parameter-list input{width:100%;height:12px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.parameter-list input::-webkit-slider-runnable-track{height:1px;background:#484239}.parameter-list input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-4px;border:1px solid var(--amber-bright);border-radius:50%;background:#17130e;box-shadow:0 0 8px #e6b66f80}.parameter-list input::-moz-range-track{height:1px;background:#484239}.parameter-list input::-moz-range-thumb{width:9px;height:9px;border:1px solid var(--amber-bright);border-radius:50%;background:#17130e}.automation-rail{position:relative;display:block;width:100%;height:8px;border-top:1px solid #2d2923}.automation-rail button{position:absolute;top:-4px;width:7px;height:7px;margin-left:-3px;padding:0;border:1px solid var(--amber);background:#18130d;transform:rotate(45deg);cursor:pointer}.automation-rail button:hover{background:var(--amber);box-shadow:0 0 7px #e6b66fa6}.automation-control{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin:-10px 0 25px;padding:10px 0;border-bottom:1px solid var(--line);color:#676157;font-size:6px;letter-spacing:.12em}.automation-control button{height:24px;padding:0 8px;border:1px solid #343027;background:transparent;color:#5f594f;font-size:5px;letter-spacing:.09em;cursor:pointer}.automation-control button.active{color:var(--amber);border-color:#6c5637;background:#e6b66f0f}.quality-control{display:grid;gap:12px}.quality-control div{display:grid;grid-template-columns:repeat(4,1fr)}.quality-control button{height:34px;border:1px solid #343027;border-right:0;background:transparent;color:#625d53;font-size:6px;letter-spacing:.1em;cursor:pointer}.quality-control button:last-child{border-right:1px solid #343027}.quality-control button.active{color:var(--amber);background:#e6b66f12;border-color:#6c5637}.lab-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:29px 0}.lab-readout span{display:grid;gap:7px;color:#514d46;font-size:6px;letter-spacing:.09em}.lab-readout b{color:#a39a8b;font-size:8px;font-weight:400}.lab-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lab-actions button{height:38px;border:1px solid rgba(230,182,111,.3);background:#e6b66f09;color:#9c8665;font-size:6px;letter-spacing:.11em;cursor:pointer}.lab-actions button:hover{color:var(--amber-bright);border-color:var(--amber)}.project-drawer{position:fixed;z-index:11;top:0;right:0;bottom:0;width:min(470px,100%);padding:54px 42px 42px;border-left:1px solid rgba(230,182,111,.22);background:#090907fa;transform:translate(100%);visibility:hidden;transition:transform .42s cubic-bezier(.77,0,.18,1),visibility .42s;overflow:auto}.project-drawer.open{transform:translate(0);visibility:visible}.project-name{display:grid;gap:9px;margin:34px 0 12px;color:#6d675d;font-size:6px;letter-spacing:.14em}.project-name input{width:100%;height:42px;padding:0 13px;border:1px solid #3a342b;background:#0c0b09;color:#d2c6b4;outline:none;font:300 13px Manrope,sans-serif}.project-name input:focus{border-color:#8b6b43}.project-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.project-actions button{height:32px;border:1px solid #39332a;background:#e6b66f06;color:#796b57;font-size:6px;letter-spacing:.1em;cursor:pointer}.project-actions button:hover{color:var(--amber);border-color:#755b3a}.project-save-state{display:flex;align-items:center;gap:8px;margin:15px 0 25px;color:#5a554d;font-size:6px;letter-spacing:.12em}.project-save-state b{font-weight:400}#project-save-dot{width:5px;height:5px;border-radius:50%;background:#6f7f62;box-shadow:0 0 7px #6f7f628c}#project-save-dot.dirty{background:#a74;box-shadow:0 0 7px #e6b66f8c}#project-save-dot.failed{background:#d86855;box-shadow:0 0 8px #d86855b3}.project-list{display:grid;border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:1fr 30px;align-items:center;min-height:68px;border-bottom:1px solid var(--line)}.project-card.active{background:linear-gradient(90deg,rgba(230,182,111,.07),transparent)}.project-load{display:grid;gap:7px;padding:15px 10px;border:0;background:transparent;text-align:left;cursor:pointer}.project-load b{color:#bdb3a4;font-size:8px;font-weight:400;letter-spacing:.11em}.project-card.active .project-load b{color:var(--amber-bright)}.project-load small{color:#5c574f;font-size:6px;letter-spacing:.08em}.project-delete{width:25px;height:25px;border:1px solid transparent;background:transparent;color:#575149;font-size:15px;cursor:pointer}.project-delete:hover{color:#d4836e;border-color:#5b3c35}.project-empty{padding:25px 0;color:#514d46;font-size:6px;letter-spacing:.14em}.annotation-editor{position:fixed;z-index:14;left:50%;bottom:151px;width:min(360px,calc(100% - 28px));padding:14px;border:1px solid rgba(230,182,111,.28);background:#0a0a08f5;box-shadow:0 18px 70px #0000008c;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:.2s}.annotation-editor.open{transform:translate(-50%);opacity:1;visibility:visible}.annotation-editor>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#746d61;font-size:6px;letter-spacing:.15em}.annotation-editor>div:first-child button{border:0;background:none;color:#777064;font-size:16px;cursor:pointer}.annotation-editor>input{width:100%;height:36px;margin:11px 0;padding:0 10px;border:1px solid #3a342b;background:#0b0a08;color:#d3c8b8;outline:none;font:300 11px Manrope,sans-serif}.annotation-colors{display:flex;gap:7px}.annotation-colors button{--note:#e6b66f;width:19px;height:19px;border:1px solid #332f29;border-radius:50%;background:var(--note);opacity:.38;cursor:pointer}.annotation-colors button[data-note-color=cyan]{--note:#72d4df}.annotation-colors button[data-note-color=violet]{--note:#a68bd2}.annotation-colors button[data-note-color=coral]{--note:#e28772}.annotation-colors button.active{opacity:1;box-shadow:0 0 9px color-mix(in srgb,var(--note) 60%,transparent)}.annotation-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.annotation-actions button{height:30px;border:1px solid #3b342a;background:transparent;color:#776956;font-size:6px;letter-spacing:.1em;cursor:pointer}.annotation-actions button:last-child{color:var(--amber);border-color:#6c5637}.annotation-actions .hidden{visibility:hidden}.welcome{position:fixed;inset:0;z-index:19;display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,620px);align-items:center;gap:clamp(20px,6vw,100px);padding:clamp(32px,7vw,110px);background:radial-gradient(circle at 29% 45%,rgba(182,115,53,.13),transparent 32%),linear-gradient(110deg,#060605fa 28%,#070706ed);opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s}.welcome.open{opacity:1;visibility:visible}.welcome-orbit{position:relative;justify-self:center;width:min(34vw,390px);aspect-ratio:1;border:1px solid rgba(230,182,111,.22);border-radius:50%;animation:rotate 28s linear infinite}.welcome-orbit:before,.welcome-orbit:after,.welcome-orbit i{content:"";position:absolute;border:1px solid rgba(230,182,111,.17);border-radius:50%}.welcome-orbit:before{inset:12%;transform:rotateX(66deg)}.welcome-orbit:after{inset:20%;transform:rotateY(72deg)}.welcome-orbit i:first-child{inset:30%;border-style:dashed;animation:rotate 10s linear infinite reverse}.welcome-orbit i:nth-child(2){inset:44%;background:radial-gradient(circle,#fff2bf 0 12%,#c6742e 38%,transparent 72%);border:0;box-shadow:0 0 70px #d2803952}.welcome-orbit span{position:absolute;left:48%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--amber-bright);box-shadow:0 0 14px var(--amber)}.welcome-copy{max-width:560px}.welcome-copy h2{margin:18px 0 20px;font:300 clamp(48px,6vw,88px)/.92 "Manrope",sans-serif;letter-spacing:-.065em}.welcome-copy h2 em{color:var(--amber-bright);font-style:normal}.welcome-copy>p{max-width:470px;margin:0 0 28px;color:#8c8578;font:300 12px/1.75 Manrope,sans-serif}.welcome-copy ol{display:grid;gap:0;margin:0 0 28px;padding:0;list-style:none;border-top:1px solid var(--line)}.welcome-copy li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;min-height:58px;border-bottom:1px solid var(--line)}.welcome-copy li>b{color:#6e6252;font-size:7px;font-weight:400}.welcome-copy li span{color:#777166;font:300 9px/1.5 Manrope,sans-serif}.welcome-copy li strong{display:block;margin-bottom:3px;color:#c9bdab;font:400 7px DM Mono,monospace;letter-spacing:.15em}.welcome-actions{display:flex;gap:8px}.welcome-actions button{height:42px;padding:0 18px;border:1px solid #5f4b32;background:#e6b66f12;color:var(--amber);font-size:7px;letter-spacing:.14em;cursor:pointer}.welcome-actions button:last-child{border-color:#302d27;background:transparent;color:#777064}.welcome-copy>small{display:block;margin-top:18px;color:#4f4b43;font-size:5px;letter-spacing:.12em}.welcome-active .topbar,.welcome-active main,.welcome-active .timeline-panel{filter:blur(4px)}.modal-scrim{position:fixed;inset:0;z-index:16;background:#030302b3;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.2s}.modal-scrim.open{opacity:1;visibility:visible}.editor-dialog{position:fixed;z-index:17;left:50%;top:50%;width:min(410px,calc(100% - 30px));padding:30px;border:1px solid rgba(230,182,111,.27);background:#0b0b09;box-shadow:0 30px 100px #000000a6;transform:translate(-50%,-46%) scale(.98);opacity:0;visibility:hidden;transition:.22s}.editor-dialog.open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.editor-dialog h2{margin:13px 0 9px;font:300 28px/1.1 Manrope,sans-serif;letter-spacing:-.035em}.editor-dialog p{margin:0 0 19px;color:#777166;font:300 10px/1.6 Manrope,sans-serif}.editor-dialog input{width:100%;height:42px;padding:0 12px;border:1px solid #41382c;background:#080806;color:#ddd0bd;outline:none;font:300 13px Manrope,sans-serif;text-transform:uppercase}.editor-dialog input:focus{border-color:#917044;box-shadow:0 0 0 2px #e6b66f0d}.editor-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.editor-dialog>div button{height:36px;border:1px solid #383229;background:transparent;color:#70675a;font-size:6px;letter-spacing:.12em;cursor:pointer}.editor-dialog>div button:last-child{color:var(--amber);border-color:#705635;background:#e6b66f0d}.confirm-dialog>div button:last-child{color:#e08b77;border-color:#694238;background:#e08b770d}.toast{position:fixed;z-index:15;top:90px;left:50%;padding:9px 13px;border:1px solid rgba(230,182,111,.3);background:#0b0a08cc;color:var(--amber);font-size:7px;letter-spacing:.14em;transform:translate(-50%,-8px);opacity:0;transition:.25s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}.loading{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:minmax(40px,1fr) minmax(280px,560px) minmax(40px,1fr);grid-template-rows:80px 1fr auto 1fr 62px;background:#080806;transition:opacity .7s,visibility .7s}.loading.hidden{opacity:0;visibility:hidden}.loader-brand{grid-column:1/-1;align-self:center;justify-self:center;display:flex;align-items:center;gap:12px;color:#a99f8f;font-size:9px;letter-spacing:.25em}.loader-orbit{grid-column:2;grid-row:3;justify-self:center;position:relative;width:124px;height:124px;border:1px solid #2d2922;border-radius:50%;animation:rotate 8s linear infinite}.loader-orbit:before{content:"";position:absolute;inset:14px;border:1px dashed #3d352b;border-radius:50%;animation:rotate 5s linear infinite reverse}.loader-orbit i{position:absolute;inset:35px;border:1px solid rgba(230,182,111,.32);border-radius:50%}.loader-orbit i:nth-child(2){inset:51px;background:var(--amber);border:0;box-shadow:0 0 24px #e6b66fcc}.loader-orbit span{position:absolute;left:58px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--amber-bright);box-shadow:0 0 12px var(--amber)}.loader-copy{grid-column:2;grid-row:4;align-self:start;display:flex;justify-content:space-between;margin-top:38px}.loader-copy p{margin:0;color:#80786b;font-size:7px;letter-spacing:.2em}.loader-copy b{color:var(--amber);font-size:8px;font-weight:400;letter-spacing:.12em;font-variant-numeric:tabular-nums}.loader-track{grid-column:2;grid-row:4;align-self:start;height:1px;margin-top:60px;background:#28251f;overflow:hidden}.loader-track span{display:block;width:0;height:100%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.loader-meta{grid-column:1/-1;grid-row:5;align-self:center;display:flex;justify-content:space-between;padding:0 32px;color:#45413b;font-size:6px;letter-spacing:.16em}.loader-meta b{color:#777064;font-weight:400}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{padding:0 18px}.system-status{display:none}.topbar{grid-template-columns:1fr auto}.hero-copy{left:24px;top:15%}.hero-copy h1{font-size:clamp(46px,12vw,72px)}.branches{right:16px;top:92px;transform:scale(.9);transform-origin:top right}.hint{display:none}.object-readout{left:18px;bottom:154px}.object-readout div{display:none}.library-button{margin:0}.field-tools{right:16px;top:405px;transform:scale(.9);transform-origin:top right}.inspector{right:18px;bottom:154px}.timeline-panel{padding-inline:18px}.comparison-hud{top:78px}.welcome{grid-template-columns:1fr;padding:70px clamp(28px,8vw,70px) 40px;overflow:auto}.welcome-orbit{position:absolute;right:-70px;top:-80px;width:270px;opacity:.38}.welcome-copy{position:relative;z-index:1;justify-self:center}}@media(max-width:620px){.brand{font-size:9px}.top-actions{gap:4px}#sound-toggle,#fullscreen-toggle{display:none}.lab-button{padding-inline:7px;font-size:6px}.hero-copy{top:13%;left:19px}.hero-copy p{font-size:11px}.branches{top:auto;bottom:145px;right:12px;width:172px}.field-tools{top:78px;right:12px;width:204px}.object-readout{left:14px;bottom:152px}.inspector{right:12px;bottom:145px;width:220px}.branch-row:not(:has(.branch-item.active)){display:none}.branch-item{display:grid}.new-branch{margin-top:2px}.timeline-panel{height:142px;padding-inline:14px}#replay-take,#loop-toggle{display:none}.transport{grid-template-columns:auto 1fr}.transport-center{justify-self:end}.speed-control,.record-stat{display:none}.timeline-meta{grid-template-columns:1fr auto}.hero-copy h1{letter-spacing:-.055em}.event-library,.field-lab,.project-drawer{padding:42px 22px 28px}.library-head h2{font-size:33px}.library-intro{width:92%;margin-bottom:20px}.event-card{grid-template-columns:22px 50px 1fr 14px;gap:10px;min-height:92px}.event-glyph{width:48px;height:48px}.loader-meta{padding-inline:16px}.lab-readout{gap:5px}.lab-readout{grid-template-columns:repeat(2,1fr)}.lab-actions{grid-template-columns:1fr}.comparison-hud{top:75px;left:12px;width:190px;transform:translateY(-10px)}.comparison-hud.open{transform:translateY(0)}.comparison-hud b{max-width:105px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.annotation-layer button span{display:none}.annotation-editor{bottom:150px}.welcome{display:block;padding:74px 22px 30px}.welcome-copy h2{font-size:52px}.welcome-copy>p{font-size:11px}.welcome-copy li{min-height:52px}.welcome-actions{display:grid;grid-template-columns:1fr}.welcome-actions button{width:100%}.editor-dialog{padding:24px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}