*{box-sizing:border-box}body{color:#eef3ff;background:radial-gradient(circle at 0 0,#48347859,#0000 34%),radial-gradient(circle at 100% 100%,#18607847,#0000 30%),linear-gradient(#0a0d14 0%,#101722 100%);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);min-height:100vh;display:grid}.slide-panel{grid-template-rows:auto 1fr auto;gap:24px;padding:40px clamp(24px,5vw,72px);display:grid}.slide-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9db0d9;margin:0;font-size:.78rem}.slide-counter{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px;font-size:.92rem}.slide h1{margin:0 0 28px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.slide ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.slide li{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:18px 20px;line-height:1.5;transition:opacity .18s,transform .18s}.slide li.hidden{opacity:.18;transform:translateY(6px)}.slide li.visible{opacity:1;transform:translateY(0)}.slide-footer{color:#a8b6d8;font-size:.95rem}.control-panel{background:#060a12eb;border-left:1px solid #ffffff14;grid-template-rows:auto auto 1fr;gap:20px;padding:20px;display:grid}.camera-stage{aspect-ratio:16/9;background:#02050a;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-stage video{display:none}.camera-stage canvas{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.gesture-status{background:#7cf0ff14;border:1px solid #7cf0ff2e;border-radius:12px;margin:12px 0 0;padding:10px 12px}.help-block h2,.meta-block h2{margin:0 0 12px;font-size:1rem}.gesture-help{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gesture-help li{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.gesture-help span{color:#a8b6d8;font-size:.92rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metrics div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px;font-size:.92rem}@media (width<=980px){.layout{grid-template-columns:1fr}.control-panel{border-top:1px solid #ffffff14;border-left:0}}