.cp{--bg:#1a2123;--surface:#1a2123;--raised:#212b2e;--ink:#eef3f2;--ink-2:#d5dcdd;--muted:#a3b3b3;--line:#2f3c40;--line-2:#3b4447;--hover:#eef3f20f;--accent:#ecc368;--accent-ink:#1a2123;--accent-wash:#ecc36817;--s1:#006057;--s2:#007a6f;--s3:#009f91;--s4:#46c5b6;--s5:#73ecdc;--s1-ink:#eef3f2;--s2-ink:#eef3f2;--s3-ink:#1a2123;--s4-ink:#1a2123;--s5-ink:#1a2123;--grid:#eef3f217;--grid-bar:#eef3f23d;--tip-bg:#eef3f2;--tip-ink:#1a2123;--f-display:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--f-body:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cp *,.cp :before,.cp :after{box-sizing:border-box}.cp [hidden]{display:none!important}.cp{color:var(--ink);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}.cp button,.cp input,.cp select{font:inherit;color:inherit}.cp button{cursor:pointer}.cp :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.cp{min-width:0;scroll-margin-top:calc(var(--svc-stack,176px) + 12px)}.cp .top{flex-wrap:wrap;align-items:end;gap:12px 40px;padding-block:4px 28px;display:flex}.cp .top :is(h1,h2,h3){font-family:var(--f-display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:.92}.cp .top p{max-width:62ch;color:var(--ink-2);margin:0;font-size:14.5px}.cp .bar{top:var(--svc-stack,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:16px 40px;padding-block:18px;display:flex;position:sticky}.cp .grp{flex-direction:column;gap:8px;min-width:0;display:flex}.cp .grp>.lab{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10.5px;font-weight:600}.cp .grp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp .seg{border:1px solid var(--line-2);background:var(--surface);border-radius:7px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.cp .seg button{color:var(--ink-2);border:0;border-right:1px solid var(--line);white-space:nowrap;background:0 0;padding:7px 14px;font-size:13px;font-weight:500}.cp .seg button:last-child{border-right:0}.cp .seg button:hover{background:var(--hover);color:var(--ink)}.cp .seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.cp .field{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.cp .field select,.cp .field input{border:1px solid var(--line-2);background:var(--surface);border-radius:7px;padding:6px 10px;font-size:13px}.cp .field input{width:72px;font-family:var(--f-mono)}.cp .legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px 36px;padding-block:22px 24px;font-size:12px;display:flex}.cp .legend .lg{align-items:center;gap:6px;display:inline-flex}.cp .legend .lg-title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10.5px;font-weight:600}.cp .ramp{flex-wrap:wrap;align-items:stretch;gap:6px 8px;display:inline-flex}.cp .ramp span{min-width:54px;font-family:var(--f-mono);color:var(--ink-2);white-space:nowrap;flex-direction:column;gap:3px;font-size:10.5px;display:inline-flex}.cp .ramp i{border-radius:2px;width:100%;height:12px;display:block}.cp .sw-hatch{background:repeating-linear-gradient(135deg, transparent 0 3px, var(--surface) 3px 4px), var(--s3);border-radius:2px;width:22px;height:12px;display:inline-block}.cp .sw-scene{border-left:6.5px solid #0000;border-right:6.5px solid #0000;border-top:9px solid var(--accent);width:0;height:0;display:inline-block}.cp .sw-pace{width:30px;height:12px;display:inline-block}.cp .layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.cp .tracks{min-width:0}.cp .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-block:10px 16px;display:flex}.cp .sec-head :is(h2,h3,h4){font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:26px;font-weight:700;line-height:1}.cp .sec-head p{color:var(--ink-2);max-width:70ch;margin:4px 0 0;font-size:13.5px}.cp .row{border-top:1px solid var(--line);border-radius:8px;grid-template-columns:158px minmax(0,1fr);gap:4px 18px;margin-inline:-12px;padding:14px 12px;display:grid}.cp .row.is-selected{background:var(--accent-wash);box-shadow:inset 3px 0 0 var(--accent)}.cp .row-head{flex-direction:column;gap:4px;min-width:0;display:flex}.cp .row-title{text-align:left;color:var(--ink);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.015em;background:0 0;border:0;max-width:100%;padding:0;font-size:26px;font-weight:800;line-height:.95}.cp .row-title:hover{color:var(--accent)}.cp .row-stats{color:var(--ink-2);font-size:12px}.cp .chip{color:var(--ink-2);border:1px solid var(--line-2);border-radius:9px;align-self:start;max-width:100%;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.35}.cp .row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.cp .band{height:36px;position:relative}.cp .blk{border:0;border-left:1px solid var(--line-2);text-align:left;height:100%;color:var(--ink-2);background:0 0;flex-direction:column;gap:0;min-width:0;padding:2px 6px 0;display:flex;position:absolute;top:0;overflow:hidden}.cp .blk:hover{background:var(--hover);color:var(--ink)}.cp .blk .nm{white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;line-height:1.35;display:flex;overflow:hidden}.cp .blk .nm span{text-overflow:ellipsis;overflow:hidden}.cp .blk .ct{font-family:var(--f-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.cp .blk.is-picked{box-shadow:inset 0 -2px 0 var(--ink);color:var(--ink)}.cp .blk.is-current .nm{color:var(--ink);font-weight:600}.cp .trackwrap{position:relative}.cp .trackwrap canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:80px;display:block}.cp .ph{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.cp .ph:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--accent);position:absolute;top:0;left:-4px}.cp .strategy{color:var(--ink-2);max-width:80ch;margin:4px 0 0;font-size:13px}.cp .hook-note{color:var(--ink);align-items:flex-start;gap:6px;max-width:80ch;margin:2px 0 0;font-size:12.5px;display:flex}.cp .hook-note svg{color:var(--accent);flex:none;margin-top:3px}.cp .snap-note{color:var(--muted);font-size:11.5px}.cp .side{top:calc(var(--svc-stack,0px) + var(--bar-h,64px) + 16px);max-height:calc(100vh - var(--svc-stack,0px) - var(--bar-h,64px) - 32px);background:var(--raised);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex;position:sticky;overflow:auto}.cp .now{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cp .now :is(h2,h3,h4){font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:24px;font-weight:800;line-height:1}.cp .now .mono{color:var(--ink-2);font-size:12px}.cp .player{grid-template-columns:128px minmax(0,1fr);align-items:start;gap:14px;display:grid}.cp .monitor{aspect-ratio:9/16;background:var(--s3);width:100%;max-width:100%;color:var(--s3-ink);border-radius:9px;flex-direction:column;justify-content:space-between;padding:9px 9px 8px;display:flex;position:relative;overflow:hidden}.cp .monitor .shade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.cp .monitor.is-b .shade{opacity:.16}.cp .monitor .flash{border:4px solid var(--accent);opacity:0;pointer-events:none;position:absolute;inset:0}.cp .monitor.cut .flash{animation:.12s ease-out cp-cutflash}@keyframes cp-cutflash{0%{opacity:1}to{opacity:0}}.cp .monitor>:not(.shade):not(.flash){position:relative}.cp .mon-block{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.cp .mon-num{font-family:var(--f-display);font-size:54px;font-weight:800;line-height:.9}.cp .mon-num small{font-family:var(--f-mono);opacity:.85;margin-top:3px;font-size:11px;font-weight:400;display:block}.cp .mon-len{font-family:var(--f-mono);font-size:13px;font-weight:500}.cp .mon-prog{background:color-mix(in srgb, currentColor 25%, transparent);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.cp .mon-prog i{background:currentColor;width:0;height:100%;display:block}.cp .transport{flex-direction:column;gap:8px;min-width:0;display:flex}.cp .btn{border:1px solid var(--line-2);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.cp .btn:hover{background:var(--hover)}.cp .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.cp .btn-primary:hover{background:var(--accent);filter:brightness(1.06)}.cp .tc{color:var(--ink);font-size:13px}.cp .tc small{color:var(--muted);font-size:11px;display:block}.cp .opts{color:var(--ink-2);flex-direction:column;gap:5px;font-size:13px;display:flex}.cp .opts label{align-items:center;gap:7px;display:flex}.cp .opts label.is-off{opacity:.5}.cp .opts input{accent-color:var(--accent)}.cp .speed .seg button{padding:3px 9px;font-size:12px}.cp .detail{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.cp .detail p{color:var(--ink-2);margin:0;font-size:13px}.cp .detail .lab{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10.5px;font-weight:600}.cp .btable{border-collapse:collapse;width:100%;font-size:12.5px}.cp .btable th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);padding:4px;font-size:10.5px;font-weight:600}.cp .btable td{border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums;padding:6px 4px}.cp .btable td.num,.cp .btable th.num{text-align:right;white-space:nowrap}.cp .btable td.num{font-family:var(--f-mono);font-size:11.5px}.cp .btable tr.brow{cursor:pointer}.cp .btable tr.brow:hover td,.cp .btable tr.brow.is-picked td{background:var(--hover)}.cp .btable tr.brow.is-current td:first-child .bn{color:var(--ink);font-weight:600}.cp .bn{align-items:baseline;gap:6px;display:flex}.cp .bn .src{position:relative;top:-1px}.cp .bdetail td{background:var(--hover);padding:8px 8px 10px}.cp .bdetail p{color:var(--ink-2);margin:0 0 6px;font-size:12.5px}.cp .shots{font-family:var(--f-mono);color:var(--ink-2);word-break:break-word;max-height:120px;font-size:11px;line-height:1.6;overflow:auto}.cp .shots b{color:var(--ink);font-weight:500}.cp .edits{border-top:1px solid var(--line);margin-top:40px;padding-top:18px}.cp .edits :is(h2,h3,h4){font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px;font-size:24px;font-weight:700}.cp .edits>p{color:var(--ink-2);max-width:70ch;margin:0 0 14px;font-size:13.5px}.cp .edits ol{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 32px;margin:0;padding-left:22px;display:grid}.cp .edits li{color:var(--ink-2);padding-left:2px;font-size:13.5px}.cp .edits li b{color:var(--ink);font-weight:600}.cp .edits a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:2px}.cp .notes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 32px;margin:0;padding-left:18px;display:grid}@media (width<=400px){.cp .notes,.cp .edits ol{grid-template-columns:minmax(0,1fr)}}.cp .tip{z-index:20;pointer-events:none;background:var(--tip-bg);color:var(--tip-ink);border-radius:6px;max-width:260px;padding:6px 9px;font-size:12px;line-height:1.4;position:fixed}.cp .tip .mono{font-size:11.5px}@media (width<=980px){.cp .layout{grid-template-columns:minmax(0,1fr)}.cp .side{order:-1;max-height:none;position:static}}@media (width<=640px){.cp .row{grid-template-columns:minmax(0,1fr)}.cp .row-head{flex-flow:wrap;align-items:baseline;gap:4px 12px}.cp .player{grid-template-columns:104px minmax(0,1fr)}.cp .mon-num{font-size:42px}.cp .ramp i{width:40px}}@media (prefers-reduced-motion:reduce){.cp .monitor.cut .flash{animation:none}}@media (width>=981px){.cp .top{flex-direction:column;align-items:flex-start;gap:14px;padding-block:8px 32px}.cp .top p{max-width:58ch;font-size:15.5px}.cp .bar{gap:20px 48px;padding-block:22px}.cp .grp{gap:10px}.cp .grp>.lab{font-size:11.5px}.cp .seg button{padding:9px 17px;font-size:14px}.cp .field select,.cp .field input{padding:8px 11px;font-size:14px}.cp .field{font-size:14px}.cp .legend{gap:16px 44px;padding-block:26px 30px;font-size:13px}.cp .legend .lg-title{font-size:11.5px}.cp .ramp{gap:6px 10px}.cp .ramp span{gap:5px;min-width:66px;font-size:11.5px}.cp .ramp i{height:14px}.cp .sec-head{padding-block:14px 22px}.cp .sec-head p{font-size:14.5px}.cp .layout{gap:36px}}.cp .scene-note{color:var(--ink-2);margin:-14px 0 18px;font-size:12px}@media (width>=981px){.cp .scene-note{margin:-18px 0 24px;font-size:13px}}