:root{color-scheme:light;--paper: #ece4d3;--ink: #1a1714;--accent: #e3501f;--accent-text: #b5361a;--muted: #5e574d;--font: "Archivo", "Helvetica Neue", Arial, sans-serif;--gutter: 32px;--stage-bg: var(--accent);--stage-ink: var(--ink);--stage-accent: var(--paper);--stage-rim: var(--paper);--t-12: 12px;--lh-12: 16px;--t-16: 16px;--lh-16: 24px;--t-24: 24px;--lh-24: 32px;--t-32: 32px;--lh-32: 40px;--t-40: 40px;--lh-40: 48px;--t-56: 56px;--lh-56: 56px;--t-64: 64px;--lh-64: 64px;--hud-h: 56px;--panel-min: 400px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}:root[data-side=b]{--stage-bg: var(--ink);--stage-ink: var(--paper);--stage-accent: var(--accent);--stage-rim: var(--accent)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--t-16);line-height:var(--lh-16);-webkit-font-smoothing:antialiased}.eyebrow,.hud,.tag,.hint,.scale,.skin button,.layer-flash .mono,.finale .mono,.callout,th{font-size:var(--t-12);line-height:var(--lh-12);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-stretch:112%}h1,h2,.stage-id,.side-letter,.flash-name,.finale-big,.pitch output,.bom-head h2{font-weight:800;font-stretch:125%;letter-spacing:-.01em;text-transform:uppercase}.hud{height:calc(var(--hud-h) + var(--sat));padding:var(--sat) var(--gutter) 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink)}.phases{display:flex;gap:8px;list-style:none}.phases li{padding:4px 12px;border:1px solid var(--ink);white-space:nowrap}.phases li[aria-current=step]{background:var(--ink);color:var(--paper)}.phases li.done:after{content:" ✓"}.selo{display:flex;align-items:stretch;border:2px solid currentColor}.selo>span{display:flex;align-items:center;padding:4px 12px;letter-spacing:.24em;white-space:nowrap}.selo .selo-top{border-right:2px solid currentColor;font-size:var(--t-16);line-height:var(--lh-16);font-weight:800;font-stretch:125%;letter-spacing:-.01em}.app{display:flex;gap:48px;padding:var(--gutter);height:calc(100dvh - var(--hud-h) - var(--sat));min-height:560px}.stage{position:relative;overflow:hidden;flex:none;height:100%;aspect-ratio:1;max-width:calc(100% - var(--panel-min) - 48px);background:var(--stage-bg);color:var(--stage-ink);transition:background .35s,color .35s}#gl{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#gl:active{cursor:grabbing}.stage-top{position:absolute;left:var(--gutter);right:var(--gutter);top:var(--gutter);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.stage-title{display:flex;flex-direction:column;border:2px solid currentColor;text-align:center}.stage-id{padding:8px 16px;border-bottom:2px solid currentColor;font-size:var(--t-40);line-height:var(--lh-40)}.stage-sub,.stage-fine{font-size:var(--t-12);line-height:var(--lh-12);text-transform:uppercase;font-weight:600}.stage-sub{padding:8px 16px 0;letter-spacing:.24em;font-stretch:112%}.stage-fine{padding:0 16px 8px;letter-spacing:.02em;font-stretch:75%}.stage-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);display:flex;align-items:flex-end;gap:16px;pointer-events:none}.hint,.scale{font-weight:700}.hint{flex:1}.side-letter{font-size:var(--t-64);line-height:var(--lh-64)}.skin{display:flex;pointer-events:auto;border:2px solid var(--stage-ink)}.skin button{min-height:44px;padding:12px 16px;border:0;background:none;color:var(--stage-ink);font-family:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.skin button[aria-pressed=true]{background:var(--stage-ink);color:var(--paper)}:root[data-side=b] .skin button[aria-pressed=true]{color:var(--ink)}.layer-flash{flex-basis:100%;margin-top:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;opacity:0}.layer-flash .mono{font-weight:700}.flash-name{font-size:var(--t-56);line-height:var(--lh-56)}.finale{position:absolute;inset:auto var(--gutter) calc(var(--gutter) + var(--lh-64) + 24px);display:flex;flex-direction:column;gap:16px;pointer-events:none;visibility:hidden}.finale .mono{font-weight:700}.finale-big{font-size:var(--t-64);line-height:var(--lh-64)}.finale-next{font-size:var(--t-24);line-height:var(--lh-24);font-weight:700}.finale-next em{font-style:normal}.finale .w{display:inline-block;will-change:transform,opacity}.callouts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.callouts svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.callouts line{stroke:var(--stage-ink);stroke-width:1}.callouts circle{fill:var(--stage-ink)}.callout{position:absolute;left:0;top:0;padding:2px 8px;border:2px solid var(--stage-ink);background:var(--stage-bg);font-weight:700;white-space:nowrap}.panel{flex:1;min-width:0;overflow-y:auto}.view{display:flex;flex-direction:column;gap:24px;min-height:100%}.view[hidden]{display:none}.view-head{display:flex;justify-content:space-between;gap:16px}h1,h2{font-size:var(--t-40);line-height:var(--lh-40)}h1 em{font-style:normal;color:var(--accent-text)}.step-text{max-width:520px}.tracks{list-style:none;border-top:2px solid var(--ink)}.tracks>li{border-bottom:1px solid var(--ink)}.tracks>li:not(:has(button)),.tracks button{display:flex;align-items:baseline;gap:16px;width:100%;padding:4px 8px}.tracks button{border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tracks button:hover .t{text-decoration:underline;text-underline-offset:4px}.tracks .n{width:72px;flex:none;font-weight:700}#track .n,#play-tracks .n{width:32px}.tracks .t{flex:1;min-width:0}#intro-layers .tag{text-transform:none;letter-spacing:0;font-size:var(--t-16);line-height:var(--lh-16);font-weight:400;color:var(--muted)}.tracks .later{color:var(--muted)}.tracks [aria-current=step]{background:var(--accent);color:var(--ink);font-weight:700}.tracks .tag{font-weight:600;white-space:nowrap}.bagbox{display:flex;flex-direction:column;gap:8px}.bag{list-style:none;display:flex;flex-direction:column}.bag li{display:flex;align-items:baseline;gap:8px}.sw{flex:none;display:inline-block;width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--ink)}.pno{white-space:nowrap}.actions{display:flex;gap:16px}.actions.nav{margin-top:0}.actions.nav .btn{flex:1}.actions.nav .btn.primary{flex:2}.actions.stack{flex-direction:column;margin-top:auto}#v-play .actions.nav{margin-top:0}#v-play .actions.nav .btn{flex:1}.btn{min-height:56px;padding:12px 24px;border:2px solid var(--ink);background:none;color:var(--ink);font-family:inherit;font-size:var(--t-16);line-height:var(--lh-16);font-weight:700;letter-spacing:.04em;font-stretch:112%;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn:hover,.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.btn.big{min-height:64px;display:flex;align-items:center;justify-content:space-between;font-size:var(--t-24);line-height:var(--lh-24);font-weight:800;font-stretch:125%;letter-spacing:0}.btn.small{min-height:44px;padding:12px 16px;font-size:var(--t-12);line-height:var(--lh-12);letter-spacing:.08em}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:none;color:var(--ink)}.btn.primary:disabled:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}#exp-layers .n{width:32px}#exp-layers .t{font-weight:600}#exp-layers .sub{font-weight:400;color:var(--muted)}#exp-layers .parts{display:block}.explode-range{display:flex;flex-direction:column;gap:8px}.range-ends{display:flex;justify-content:space-between}.explode-range input{width:100%;min-height:24px;margin:0;accent-color:var(--accent)}#v-explode .actions.nav{margin-top:0}#v-explode .actions.nav .btn{flex:1}.deck{display:flex;gap:32px;align-items:flex-end}.rpm{display:flex;flex-direction:column;gap:8px}.rpm .seg{display:flex;border:2px solid var(--ink)}.rpm .seg button{min-width:72px;min-height:48px;border:0;background:none;color:var(--ink);font-family:inherit;font-size:var(--t-24);line-height:var(--lh-24);font-weight:800;font-stretch:125%;cursor:pointer}.rpm .seg button[aria-pressed=true]{background:var(--accent)}.pitch{flex:1;display:flex;flex-direction:column;gap:8px}.pitch-head{display:flex;justify-content:space-between;align-items:baseline}.pitch output{font-size:var(--t-40);line-height:var(--lh-40)}.pitch input{width:100%;min-height:24px;margin:0;accent-color:var(--accent)}.pitch-scale{display:flex;justify-content:space-between;font-size:var(--t-12);line-height:var(--lh-12);font-weight:600}.play-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:2px solid var(--ink);padding-top:16px}.link{align-self:flex-start;min-height:44px;border:0;background:none;color:var(--ink);font-family:inherit;font-size:var(--t-16);line-height:var(--lh-16);font-weight:700;letter-spacing:.04em;font-stretch:112%;text-transform:uppercase;cursor:pointer}.link:hover{color:var(--accent-text)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.stage button:focus-visible{outline-color:var(--stage-ink)}.bom{padding:96px var(--gutter) calc(96px + var(--sab));border-top:2px solid var(--ink);display:flex;flex-direction:column;gap:32px}.bom[hidden]{display:none}.bom-head{display:flex;flex-direction:column;gap:16px;max-width:36rem}.bom-head h2{font-size:var(--t-56);line-height:var(--lh-56)}.tablewrap{overflow-x:auto;border-top:2px solid var(--ink)}table{width:100%;min-width:560px;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--ink);vertical-align:middle}td a{color:var(--ink);text-underline-offset:4px}td a:hover{color:var(--accent-text)}.num{text-align:right}tr.grp td{padding-top:24px;font-size:var(--t-12);line-height:var(--lh-12);letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-bottom:2px solid var(--ink)}tfoot td{border-bottom:0;font-weight:700}.colorcell{display:inline-flex;align-items:center;gap:8px}@media(max-width:860px){:root{--gutter: 16px}.hud-sign,.ph-side{display:none}.app{flex-direction:column;gap:24px;height:auto;min-height:0}.stage{width:100%;height:auto;max-width:none;max-height:64dvh;min-height:320px}.panel{overflow:visible}.view{min-height:0}.side-letter{font-size:var(--t-40);line-height:var(--lh-40)}h1,h2{font-size:var(--t-32);line-height:var(--lh-32)}.flash-name,.finale-big{font-size:var(--t-40);line-height:var(--lh-40)}.finale{bottom:calc(var(--gutter) + var(--lh-40) + 16px)}.deck{flex-direction:column;align-items:stretch}#v-build .actions.nav{position:sticky;bottom:0;z-index:2;margin:0 calc(var(--gutter) * -1);padding:16px var(--gutter) calc(16px + var(--sab));background:var(--paper);border-top:2px solid var(--ink)}}@media(max-width:520px){.callout .cname{display:none}.btn.big{font-size:var(--t-16);line-height:var(--lh-16)}.stage-sub,.stage-fine{display:none}.stage-id{border-bottom:0}.layer-flash{margin-top:8px}.flash-name{font-size:var(--t-24);line-height:var(--lh-24)}#v-explode .actions.nav{flex-direction:column}.play-foot{flex-wrap:wrap}.hud-id{display:none}.hud{justify-content:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}