:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b0f;--panel:#11141a;--panel-raised:#171b22;--panel-soft:#1c2028;--line:#292e38;--line-bright:#383f4c;--text:#f3f5f7;--muted:#9098a7;--quiet:#666e7d;--coral:#ff5b45;--coral-soft:#ff5b4521;--teal:#52d3bd;--amber:#f3b85b;--blue:#699bf7;--radius:12px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 80% -10%, #59688b1a, transparent 28rem), var(--bg);grid-template-columns:84px minmax(0,1fr);min-height:100vh;display:grid}.rail{z-index:20;background:#0a0c10f5;border-right:1px solid #20242c;flex-direction:column;align-items:center;height:100vh;display:flex;position:sticky;top:0}.brand-mark{background:var(--coral);color:#120b09;letter-spacing:-.05em;border-radius:10px;place-items:center;width:36px;height:36px;margin:20px 0 27px;font-size:18px;font-weight:950;display:grid;box-shadow:0 8px 30px #ff5b452e}.rail nav{flex-direction:column;gap:5px;width:100%;display:flex}.rail-item{color:#707989;cursor:default;letter-spacing:.04em;background:0 0;border:0;border-left:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:56px;font-size:9px;display:flex;position:relative}.rail-item.active{border-left-color:var(--coral);color:#fff;background:linear-gradient(90deg,#ff5b451f,#0000 85%)}.rail-item em{color:#b8c0cc;background:#272d37;border-radius:10px;min-width:16px;height:16px;padding:0 4px;font-size:8px;font-style:normal;line-height:16px;position:absolute;top:7px;right:15px}.rail-item.active em{background:var(--coral);color:#120b09}.glyph{border:1px solid;border-radius:7px;place-items:center;width:23px;height:23px;font-size:10px;font-weight:800;display:grid}.rail-footer{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;padding-bottom:18px;display:flex}.avatar{color:#eaf0f7;background:linear-gradient(145deg,#3f4f66,#202936);border:1px solid #46505f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.workspace{min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0e12e0;border-bottom:1px solid #20242c;justify-content:space-between;align-items:center;gap:24px;height:78px;padding:0 26px;display:flex}.project-identity{align-items:center;gap:13px;display:flex}.project-icon{letter-spacing:.08em;background:linear-gradient(145deg,#52d3bd3d,#699bf71a),#1a2029;border:1px solid #414a58;border-radius:10px;place-items:center;width:39px;height:39px;font-size:11px;font-weight:850;display:grid}.breadcrumb{color:#6e7785;text-transform:uppercase;letter-spacing:.09em;margin:0 0 3px;font-size:10px}.breadcrumb span{color:#3d4551;margin:0 5px}.topbar h1{letter-spacing:-.015em;margin:0;font-size:17px}.topbar-status{align-items:center;gap:12px;display:flex}.read-only-badge{color:#f1c77f;text-transform:uppercase;letter-spacing:.08em;background:#f3b85b12;border:1px solid #f3b85b47;border-radius:20px;align-items:center;gap:7px;height:27px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.read-only-badge i,.sync-state i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.runtime-state{color:var(--quiet);font-size:11px}.icon-button{border:1px solid var(--line);color:#8992a0;background:#13171d;border-radius:9px;width:33px;height:33px}.context-strip{background:#0e1116;border-bottom:1px solid #20242c;align-items:center;gap:31px;min-height:63px;padding:11px 26px;display:flex}.context-strip>div:not(.context-summary){flex-direction:column;gap:4px;display:flex}.context-label{color:#606978;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.context-strip strong{font-size:11px;font-weight:650}.context-summary{color:#737c8b;align-items:center;gap:17px;margin-left:auto;font-size:10px;display:flex}.context-summary b{color:#cdd3dc;margin-right:4px;font-size:12px}.review-layout{grid-template-columns:minmax(650px,1fr) 330px;min-height:calc(100vh - 141px);display:grid}.main-review{min-width:0;padding:25px 28px 30px}.review-heading{justify-content:space-between;align-items:flex-start;gap:22px;min-height:48px;display:flex}.eyebrow{color:#6d7684;letter-spacing:.13em;margin:0 0 7px;font-size:9px;font-weight:750}.review-heading h2{letter-spacing:-.025em;margin:0;font-size:19px}.version-pair{align-items:center;gap:8px;display:flex}.version-chip{border:1px solid var(--line);color:#bac1cb;background:#151920;border-radius:8px;align-items:center;gap:7px;height:31px;padding:0 10px 0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.version-chip i{color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;font-family:inherit;font-size:9px;font-style:normal;font-weight:800;display:grid}.version-a i{background:#687386}.version-b{border-color:#ff5b4552}.version-b i{background:var(--coral);color:#1d0d0a}.pair-arrow{color:#596271;font-size:12px}.modebar{justify-content:space-between;align-items:center;gap:20px;margin-top:19px;display:flex}.segmented{background:#0c0f13;border:1px solid #242a33;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#747d8c;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:67px;height:27px;padding:0 10px;font-size:10px}.segmented button:hover{color:#d5d9df}.segmented button.selected{color:#fff;background:#252b34;box-shadow:inset 0 0 0 1px #343b47}.mode-hint{color:#697280;font-size:10px}.viewer{aspect-ratio:16/8.6;background:#050608;border:1px solid #343b46;border-radius:10px;margin-top:13px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000005c,inset 0 0 0 1px #ffffff06}.frame{background:#0b1118;position:absolute;inset:0;overflow:hidden}.frame-b{filter:contrast(1.07)saturate(1.08)}.frame-sky{background:radial-gradient(at 70% 68%,#5d90ab59,#0000 25%),radial-gradient(at 48% 12%,#253b55d9,#0000 58%),linear-gradient(#101a28 0%,#233044 64%,#bf735b 100%);position:absolute;inset:0 0 38%}.frame-b .frame-sky{background:radial-gradient(at 70% 68%,#66b5bf6e,#0000 25%),radial-gradient(at 48% 12%,#204c63eb,#0000 58%),linear-gradient(#0c1d2a 0%,#274354 62%,#d9855e 100%)}.frame-horizon{background:linear-gradient(6deg,#0000 0 22%,#1f2429e6 22% 24%,#0000 24%),linear-gradient(#282625,#0d1114);position:absolute;inset:59% 0 0}.frame-building{background:linear-gradient(90deg,#11161c,#24272a 60%,#12171b);position:absolute;bottom:20%;box-shadow:-10px 0 30px #00000057}.building-left{clip-path:polygon(0 14%,34% 14%,34% 2%,59% 2%,59% 30%,100% 30%,100% 100%,0 100%);width:29%;height:29%;left:0}.building-centre{clip-path:polygon(0 23%,18% 23%,18% 8%,27% 8%,27% 0,32% 0,32% 30%,100% 30%,100% 100%,0 100%);width:34%;height:39%;left:30%}.building-right{clip-path:polygon(0 18%,27% 18%,27% 0,69% 0,69% 25%,100% 25%,100% 100%,0 100%);width:34%;height:32%;right:0}.frame-glow{filter:blur(24px);opacity:.62;border-radius:50%;width:29%;height:35%;position:absolute;top:29%;left:55%}.glow-a{background:#ff6f4642}.glow-b{background:#ff9d5b70}.frame-window-light{background:#ffd182d9;position:absolute;box-shadow:0 0 16px #ffa44cb3}.window-one{width:1.7%;height:3%;top:58%;left:66%}.window-two{width:1.2%;height:2.4%;top:62%;left:70%}.frame-grain{opacity:.13;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff12 4px),repeating-linear-gradient(90deg,#0000 0 5px,#00000014 6px);position:absolute;inset:0}.viewer.mode-difference{background:#000}.viewer.mode-difference .frame-a{filter:grayscale()contrast(1.3)}.viewer.mode-difference .frame-b{filter:grayscale()contrast(1.6)}.wipe-line{z-index:5;background:#ffffffdb;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #0000008c}.wipe-line.diagonal-45{transform-origin:bottom;width:1px;transform:skew(-21deg)}.wipe-line span{color:#fff;letter-spacing:5px;background:#0d1014d1;border:1px solid #fffc;border-radius:13px;place-items:center;width:36px;height:23px;padding-left:5px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.annotation-layer{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.annotation-layer polyline{fill:none;stroke:var(--coral);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 4px #000000d9)}.viewer-labels{z-index:7;justify-content:space-between;display:flex;position:absolute;top:13px;left:13px;right:13px}.viewer-labels span{color:#ffffffd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07090ca6;border:1px solid #ffffff2e;border-radius:6px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.safe-area{z-index:4;pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:7%}.split-control{color:#707989;text-transform:uppercase;letter-spacing:.08em;background:#11151a;border:1px solid #252b34;border-top:0;border-radius:0 0 9px 9px;grid-template-columns:80px minmax(0,1fr) 40px;align-items:center;gap:12px;height:39px;padding:0 12px;font-size:9px;display:grid}.split-control input{width:100%;height:2px;accent-color:var(--coral)}.split-control output{color:#aeb5bf;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.transport{border-bottom:1px solid #282d36;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:60px;display:grid}.transport-buttons{align-items:center;gap:4px;display:flex}.transport-buttons button{color:#8b94a2;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:29px;height:29px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.transport-buttons button:hover{color:#fff;background:#20252d}.transport-buttons .play{color:#f5f6f8;background:#20252d;border:1px solid #3a414d;border-radius:50%;width:35px;height:35px;margin:0 4px;font-size:11px}.timecode{flex-direction:column;align-items:center;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.timecode span{color:#f3f5f7;letter-spacing:.05em;font-size:16px}.timecode small{color:#5f6876;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.sync-state{color:var(--teal);justify-self:end;align-items:center;gap:7px;font-size:9px;display:flex}.timeline{margin-top:16px;padding:0 5px}.timeline-ruler{color:#565f6d;justify-content:space-between;height:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.timeline-track{background:repeating-linear-gradient(90deg,#0000 0 9.9%,#ffffff06 10%),#0d1014;border:1px solid #252b34;border-radius:7px;height:48px;position:relative;overflow:hidden}.timeline-clip{opacity:.88;border:1px solid #ffffff14;border-radius:4px;height:32px;position:absolute;top:7px}.timeline-clip span{color:#ffffffb3;font-size:8px;position:absolute;top:5px;left:6px}.timeline-clip.slate{background:#333b49}.timeline-clip.teal{background:#254c4c}.timeline-clip.blue{background:#2c3e5a}.timeline-clip.coral{background:#683932;border-color:#ff5b4559}.timeline-clip.violet{background:#443953}.playhead{z-index:4;background:var(--coral);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #ff5b45b3}.playhead span{background:var(--coral);clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:6px;position:absolute;top:0;left:-4px}.inspector{background:#0e1116;border-left:1px solid #242933;flex-direction:column;min-width:0;display:flex}.inspector-tabs{border-bottom:1px solid #242933;align-items:end;gap:22px;height:51px;padding:0 17px;display:flex}.inspector-tabs button{color:#737c8b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;height:51px;padding:0 2px;font-size:10px}.inspector-tabs button.active{border-bottom-color:var(--coral);color:#fff}.inspector-tabs span{color:#606978;margin-left:5px}.inspector-content{flex-direction:column;flex:1;gap:11px;padding:16px;display:flex}.annotation-card,.task-card,.version-card,.lineage-note{background:#13171d;border:1px solid #252b34;border-radius:10px;padding:13px}.annotation-card.selected{background:linear-gradient(145deg,#ff5b450f,#0000 45%),#15181e;border-color:#ff5b4559}.card-meta{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.avatar.small{width:27px;height:27px;font-size:8px}.avatar.small.mira{background:linear-gradient(145deg,#714438,#3e2824)}.card-meta>div{flex-direction:column;gap:2px;display:flex}.card-meta strong{font-size:10px;font-weight:650}.card-meta div span{color:#68717f;font-size:8px}.frame-pill{background:var(--coral-soft);color:#ff8c7c;border:1px solid #ff5b4552;border-radius:5px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.muted-pill{color:#8d96a3;background:#1c2129;border-color:#333a45}.annotation-card>p{color:#b7bec8;margin:12px 0 0;font-size:10px;line-height:1.55}.anchor-proof{color:#636c7a;border-top:1px solid #292f39;grid-template-columns:47px minmax(0,1fr);gap:5px 8px;margin-top:12px;padding-top:10px;font-size:8px;display:grid}.anchor-proof code{color:#8b94a2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.task-card{flex-direction:column;gap:5px;display:flex}.task-card .eyebrow{margin:0 0 2px}.task-card strong{font-size:11px}.task-card>span{color:#7e8795;align-items:center;gap:6px;margin-top:4px;font-size:9px;display:flex}.task-card>span i{background:var(--amber);border-radius:50%;width:6px;height:6px}.readonly-callout{color:#718093;background:#111820;border:1px solid #29313b;border-radius:9px;grid-template-columns:19px 1fr;gap:9px;padding:11px;display:grid}.readonly-callout>span{border:1px solid #405268;border-radius:50%;place-items:center;width:18px;height:18px;font-family:serif;font-size:10px;display:grid}.readonly-callout p{margin:0;font-size:9px;line-height:1.5}.version-card{grid-template-columns:30px 1fr auto;align-items:center;gap:9px;display:grid}.version-letter{background:#343b47;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.version-letter.b{background:var(--coral);color:#160d0a}.version-card>div{flex-direction:column;gap:3px;display:flex}.version-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.version-card div span,.version-card em{color:#6d7684;font-size:8px;font-style:normal}.lineage-note{flex-direction:column;gap:5px;display:flex}.lineage-note .eyebrow{margin:0 0 3px}.lineage-note strong{font-size:10px}.lineage-note span{color:#737d8b;font-size:9px;line-height:1.5}.inspector-footer{border-top:1px solid #242933;flex-direction:column;gap:6px;min-height:75px;padding:12px 16px;display:flex}.inspector-footer button{color:#626b78;background:#1a1e25;border:1px solid #303641;border-radius:8px;height:32px;font-size:10px}.inspector-footer span{color:#565f6c;text-align:center;font-size:8px}@media (max-width:1100px){.runtime-state,.context-summary{display:none}.review-layout{grid-template-columns:minmax(590px,1fr) 290px}.main-review{padding-inline:20px}}@media (max-width:900px){.app-shell{grid-template-columns:62px minmax(0,1fr)}.rail-item span:not(.glyph){display:none}.rail-item em{right:7px}.review-layout{display:block}.inspector{border-top:1px solid #242933;border-left:0}.inspector-content{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:680px){.app-shell{display:block}.rail{border-top:1px solid #282d36;border-right:0;flex-direction:row;width:100%;height:58px;position:fixed;inset:auto 0 0}.brand-mark,.rail-footer,.rail nav .rail-item:nth-child(n+6){display:none}.rail nav{flex-direction:row;justify-content:space-around;height:100%}.rail-item{border-bottom:2px solid #0000;border-left:0;height:100%}.rail-item.active{border-bottom-color:var(--coral);background:linear-gradient(#0000 20%,#ff5b451f);border-left:0}.topbar{height:69px;padding-inline:15px}.read-only-badge{font-size:8px}.icon-button,.context-strip>div:nth-child(n+3){display:none}.context-strip{gap:23px;padding-inline:15px}.main-review{padding:18px 12px 26px}.review-heading{display:block}.version-pair{margin-top:14px}.modebar{align-items:flex-end}.segmented{max-width:100%;overflow-x:auto}.segmented button{min-width:61px}.mode-hint{display:none}.viewer{aspect-ratio:16/10}.transport{grid-template-columns:1fr auto}.sync-state{display:none}.inspector-content{display:flex}.workspace{padding-bottom:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}