:root{color:#f4f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#08090b;--surface:#111318;--surface-strong:#181b20;--line:#30333a;--text:#f4f1e8;--muted:#a8a397;--green:#b8ff62;--amber:#ffbe55;--cyan:#6ee7f9;--danger:#ff6b6b;--deck-height:7.5rem;background:#08090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #b8ff6214, transparent 30rem), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.onepager{width:min(1120px,100%);min-height:100svh;padding:0 12px calc(var(--deck-height) + env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex}.onepager--live{height:100svh;overflow:hidden}.onepager--live .privacy-footer{display:none}.app-header{min-height:44px;padding-top:max(8px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header__brand{align-items:baseline;gap:8px;display:flex}.app-header__studio{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.app-header__title{color:var(--text);font-size:.92rem}.app-header__live{color:var(--text);border:1px solid var(--line);text-transform:uppercase;background:#111318eb;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.app-header__live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #b8ff62cc}.app-header__preset{color:var(--muted)}.stage{border:1px solid var(--line);background:#050607;position:relative;overflow:hidden}.stage--idle{min-height:34svh}.stage--live{flex:1;min-height:0}.stage__camera-shell{width:100%;height:100%;min-height:inherit;position:relative}.stage--live .stage__camera-shell{min-height:58svh}.stage__hand-monitors{z-index:4;pointer-events:none;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.camera-view{width:100%;height:100%;min-height:inherit;background:#050607;position:relative;overflow:hidden}.camera-view__stage{position:absolute;inset:0;transform:scaleX(-1)}.camera-view__stage.is-dimmed{opacity:.16}.camera-view__video,.camera-view__overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-view__overlay{z-index:1}.camera-view__placeholder{z-index:2;text-align:center;background:linear-gradient(#08090b26,#08090be6),repeating-linear-gradient(90deg,#b8ff620f 0 1px,#0000 1px 28px);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.camera-view__placeholder p{color:var(--muted);margin:0;font-size:.9rem}.camera-view__meter{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex;position:absolute;top:8px;right:8px}.camera-view__meter span{color:#0b0d0f;text-transform:uppercase;background:#b8ff62eb;padding:4px 8px;font-size:.62rem;font-weight:800}.camera-view__meter span.is-active{background:var(--cyan)}.hand-feedback-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090bc7;gap:4px;padding:6px;display:grid}.hand-feedback-card--compact{padding:5px}.hand-feedback-card--ok{border-color:#b8ff628c}.hand-feedback-card--warn{border-color:#ffbe55a6}.hand-feedback-card--missing{border-color:#ff6b6b8c}.hand-feedback-card__head{justify-content:space-between;align-items:center;gap:4px;display:flex}.hand-feedback-card__role,.hand-feedback-card__hand{letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;font-weight:800}.hand-feedback-card__role--pitch{color:var(--green)}.hand-feedback-card__role--volume{color:var(--amber)}.hand-feedback-card__hand{color:var(--muted)}.hand-feedback-card__canvas{aspect-ratio:4/3;background:#050607;width:100%;display:block}.hand-feedback-card--compact .hand-feedback-card__canvas{aspect-ratio:5/4}.hand-feedback-card__message{color:var(--text);margin:0;font-size:.58rem;font-weight:700;line-height:1.2}.hand-feedback-card--ok .hand-feedback-card__message{color:var(--green)}.hand-feedback-card--warn .hand-feedback-card__message{color:var(--amber)}.hand-feedback-card--missing .hand-feedback-card__message{color:var(--danger)}.idle-panel{gap:10px;display:grid}.idle-panel__presets{gap:8px;display:grid}.idle-panel__label,.setup-sheet__label,.play-guide__title,.section-title p{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.play-guide{border:1px solid var(--line);background:#111318eb;padding:10px 12px}.play-guide__lead{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.gesture-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gesture-card{background:var(--surface-strong);border:1px solid var(--line);gap:3px;padding:10px;display:grid}.gesture-card__label{color:var(--green);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:800}.gesture-card strong{color:var(--text);font-size:.86rem}.gesture-card small{color:var(--muted);font-size:.72rem}.field-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.68rem}.calibration-panel__toggle span{gap:2px;display:grid}.calibration-panel__toggle small{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.72rem}.calibration-panel__advanced{border-top:1px solid var(--line);padding-top:10px}.calibration-panel__advanced summary{color:var(--muted);text-transform:uppercase;cursor:pointer;font-size:.78rem;font-weight:700}.calibration-panel__advanced-body{gap:12px;margin-top:12px;display:grid}.camera-view__placeholder small{color:#a8a397cc;margin-top:6px;font-size:.78rem;display:block}.play-guide__steps{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:1rem;font-size:.86rem;display:grid}.play-guide__steps strong{color:var(--text)}.play-guide--live{padding:8px 12px}.play-guide--compact{margin-top:auto}.play-guide__warning,.play-guide__ok{margin:0;font-size:.82rem;font-weight:700}.play-guide__warning{color:var(--amber)}.play-guide__ok{color:var(--green)}.preset-chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.preset-chips::-webkit-scrollbar{display:none}.preset-chips button{min-height:40px;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);flex:none;padding:0 14px;font-size:.82rem;font-weight:800}.preset-chips button.is-active{color:#0b0d0f;background:var(--green);border-color:var(--green)}.preset-chips--sheet button{min-height:44px}.performance-hud{border:1px solid var(--line);background:#111318eb;gap:8px;padding:10px 12px;display:grid}.performance-hud__readout{gap:4px;display:grid}.performance-hud__note{color:var(--text);margin:0;font-size:clamp(2.4rem,12vw,3.6rem);font-weight:850;line-height:.9}.performance-hud__meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:.82rem;font-weight:700;display:flex}.performance-hud__divider{opacity:.5}.performance-hud__status{color:var(--amber)}.performance-hud__meter{background:#ffffff14;height:6px;overflow:hidden}.performance-hud__meter span{background:linear-gradient(90deg, var(--cyan), var(--green));height:100%;transition:width .12s;display:block}.signal-visualizer{position:relative;overflow:hidden}.signal-visualizer--slim,.signal-visualizer--slim .signal-visualizer__bars{height:42px}.signal-visualizer__bars{grid-template-columns:repeat(9,1fr);align-items:end;gap:5px;height:170px;display:grid}.signal-visualizer__bars span{min-height:8px;height:calc((16% + var(--pitch) * 62%) * (.2 + var(--volume)));background:linear-gradient(180deg, var(--cyan), var(--green), var(--amber));opacity:calc(.28 + var(--volume) * .72);transform:scaleY(calc(.5 + var(--timbre)));transform-origin:bottom;transition:height .12s,opacity .12s,transform .12s}.performance-deck{z-index:20;padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#08090b00,#08090bf0 24%);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.performance-deck__primary{color:#0b0d0f;background:var(--green);text-transform:uppercase;min-height:54px;font-size:.95rem;font-weight:850}.performance-deck__primary--stop{background:#f0f0f0}.performance-deck__primary:disabled{opacity:.7;cursor:wait}.performance-deck__secondary{gap:8px;display:flex}.performance-deck__ghost{min-height:40px;color:var(--text);border:1px solid var(--line);background:#111318f2;flex:1;font-size:.8rem;font-weight:700}.start-status{border:1px solid var(--line);background:#111318f2;gap:8px;margin:0;padding:10px 12px;display:grid}.start-status--loading{color:var(--muted);align-items:center;gap:10px;display:flex}.start-status__spinner{border:2px solid #b8ff6240;border-top-color:var(--green);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.start-status--error p{color:var(--danger);margin:0}.start-status__retry{min-height:40px;color:var(--text);background:var(--surface-strong);border:1px solid var(--line)}.setup-sheet__backdrop{z-index:30;opacity:0;pointer-events:none;background:#0000008c;border:0;margin:0;padding:0;transition:opacity .18s;position:fixed;inset:0}.setup-sheet__backdrop.is-open{opacity:1;pointer-events:auto}.setup-sheet{z-index:40;max-height:78svh;padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);gap:12px;transition:transform .22s;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(100%)}.setup-sheet.is-open{transform:translateY(0)}.setup-sheet__handle{background:var(--line);border-radius:999px;width:42px;height:4px;margin:0 auto}.setup-sheet__header,.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup-sheet__header h2{color:var(--text);margin:0;font-size:1rem}.setup-sheet__close,.text-button{min-height:32px;color:var(--muted);border:1px solid var(--line);background:0 0;padding:0 10px}.setup-sheet__body,.setup-sheet__section,.calibration-panel{gap:12px;display:grid}.calibration-panel--sheet{background:0 0;border:0;padding:0}.calibration-panel__warning{color:var(--amber);background:#ffbe5514;border:1px solid #ffbe5559;margin:0;padding:10px 12px;font-size:.84rem}.setup-sheet__apply{color:#0b0d0f;background:var(--green);min-height:48px;font-weight:800}.range-control{gap:8px;display:grid}.range-control__header{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;font-size:.78rem;display:flex}.range-control output{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.range-control input{width:100%;accent-color:var(--green)}.hand-selectors{gap:10px;display:grid}.hand-selectors label,.toggle-row{color:var(--muted);text-transform:uppercase;gap:6px;font-size:.78rem;display:grid}select{min-height:44px;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);padding:0 12px}.privacy-footer{color:var(--muted);text-align:center;margin:0;padding-bottom:4px;font-size:.68rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=760px){.onepager{padding:16px 20px calc(var(--deck-height) + 12px);gap:14px}.onepager--live{grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);height:100svh;display:grid;overflow:hidden}.onepager--live .app-header{grid-column:1/-1}.onepager--live .stage{grid-area:2/1;min-height:0}.onepager--live .performance-hud{grid-area:2/2;align-self:stretch}.onepager--live .play-guide--compact{grid-area:3/1/auto/-1}.onepager--live .privacy-footer{grid-area:4/1/auto/-1}.onepager--live .performance-deck{border-top:1px solid var(--line);background:#08090bf5;grid-area:5/1/auto/-1;position:sticky}.onepager--live .stage__camera-shell{min-height:100%}.onepager--live .privacy-footer{display:block}.onepager--idle{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);grid-template-areas:"header header""stage idle""deck deck""privacy privacy";align-items:start;display:grid}.onepager--idle .app-header{grid-area:header}.onepager--idle .stage{grid-area:stage;min-height:52svh}.onepager--idle .idle-panel{grid-area:idle}.onepager--idle .performance-deck{grid-area:deck;position:sticky}.onepager--idle .privacy-footer{grid-area:privacy}.setup-sheet{border:1px solid var(--line);border-radius:16px 16px 0 0;width:min(420px,100% - 40px);left:auto;right:20px}}@media (width>=1100px){.performance-hud__note{font-size:4rem}}