@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.4;font-weight:400;background:#0b0e14;color:#e6eefc}*{box-sizing:border-box}html,body{width:100%;height:100%;background:#0b0e14!important}body{margin:0}#root,.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:#0b0e14!important}canvas{display:block}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:grayscale(1) saturate(.15) contrast(1.15) brightness(.55);z-index:0;pointer-events:none;transform:scaleX(-1);background:#0b0e14}.camera-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px;top:0}.main-view{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transform:scaleX(-1);background:#0b0e14}.camera-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#1423372e,#06080cb8 62%),linear-gradient(to bottom,#06080c33,#06080c8c)}.arp-art{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.95;mix-blend-mode:screen}.hand-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;transform:scaleX(-1);opacity:.92}.hand-overlay.show{opacity:1}.hud{position:absolute;inset:0;z-index:3;pointer-events:none}.hud>*{pointer-events:auto}.start-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(40,80,130,.35),transparent 60%),radial-gradient(circle at 20% 20%,rgba(90,160,210,.22),transparent 50%),#06080cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .24s ease;z-index:3}.start-overlay.hidden{opacity:0;pointer-events:none}.start-panel{width:min(480px,90vw);padding:28px;border-radius:18px;border:1px solid rgba(120,160,210,.35);background:#0f141ed9;box-shadow:0 20px 50px #00000073}.start-panel h1{margin:8px 0 10px;font-size:1.8rem}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:.7rem;color:#8fb4ff;margin:0}.subtle{color:#c6d4ef;margin:0 0 18px}.hint{margin:16px 0 0;font-size:.85rem;color:#8aa0c6}button{appearance:none;border:none;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;color:#0b0e14;background:linear-gradient(120deg,#64d5ff,#8cffc3);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 10px 30px #4bd2c859}button:disabled{cursor:wait;opacity:.7}button:not(:disabled):hover{transform:translateY(-1px) scale(1.01)}.status{position:absolute;bottom:18px;left:18px;padding:8px 14px;border-radius:999px;background:#0f141ea6;border:1px solid rgba(120,160,210,.25);font-size:.85rem;color:#b9c9e6;display:flex;gap:12px;z-index:3}.hint-overlay{position:absolute;top:18px;left:18px;padding:8px 12px;border-radius:12px;background:#0a0e16c7;border:1px solid rgba(120,160,210,.25);font-size:.85rem;color:#b8c8e6;z-index:3;display:flex;gap:10px;align-items:center}.hint-text{max-width:560px}.legend{display:flex;gap:10px;align-items:center;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#d1ddf5}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:999px;box-shadow:0 0 10px #00000059;border:1px solid rgba(10,14,22,.7)}.legend-swatch.note{background:#6bd4ff}.legend-swatch.audio{background:#f96}.legend-swatch.mod{background:#6dffb3}.legend-swatch.clock{background:#f7f1a6}.readout{position:absolute;bottom:18px;right:18px;display:flex;gap:10px;z-index:3}.readout-card{width:210px;padding:12px;border-radius:16px;background:#0a0e16c7;border:1px solid rgba(120,160,210,.25);color:#cfe0ff}.readout-card h3{margin:0 0 10px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#8fb4ff}.preset-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.preset-button{padding:6px 10px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;background:#0f141ec7;color:#cfe0ff;border:1px solid rgba(120,160,210,.25);box-shadow:none}.preset-button.active{background:linear-gradient(120deg,#64d5fff2,#8cffc3f2);color:#0b0e14;border-color:#64d5ff26}.readout-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;margin-top:6px;color:#d7e6ff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem;color:#e9f2ff}.waveform-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.85;mix-blend-mode:screen}.hand-cursor{position:absolute;width:18px;height:18px;border-radius:999px;border:2px solid rgba(120,200,255,.9);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 18px #5ac8ff73;transition:border-color .12s ease,box-shadow .12s ease;z-index:3}.hand-cursor:after{content:"";position:absolute;inset:4px;border-radius:999px;background:#78c8ffe6}.hand-cursor.pinching{border-color:#ffd278f2;box-shadow:0 0 22px #ffd27899}.hand-cursor.pinching:after{background:#ffd278f2}.debug-toggle{position:absolute;top:18px;right:18px;padding:8px 14px;font-size:.85rem;background:#0c1018d9;color:#cde0ff;border:1px solid rgba(120,160,210,.35);box-shadow:none;z-index:3}.debug-toggle:hover{transform:translateY(-1px)}.debug-overlay{position:absolute;top:72px;right:18px;width:320px;background:#080c12d9;border:1px solid rgba(120,160,210,.35);border-radius:16px;padding:12px;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:3}.debug-overlay.show{opacity:1;pointer-events:auto}.debug-overlay canvas{width:100%;height:auto;border-radius:12px;display:block;transform:scaleX(-1)}.debug-readout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;font-size:.75rem;color:#b9c9e6}.debug-card{padding:8px;border-radius:10px;border:1px solid rgba(120,160,210,.2);background:#0a0e16d9}.debug-card h3{margin:0 0 6px;font-size:.75rem;color:#8fb4ff}.debug-card ul{list-style:none;padding:0;margin:0}.debug-card li{line-height:1.4}