:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183d35;background:#f2f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d9e2da;background:#fafbf8}.brand{font-size:24px;letter-spacing:-1px;font-weight:750;text-decoration:none;color:inherit;margin-right:auto}.brand span{font-size:10px;letter-spacing:2px;margin-left:18px;color:#68857a}.badge{font-size:11px;font-weight:700;letter-spacing:1px;border-radius:20px;padding:7px 12px;background:#dfeae0}.prototype{font-size:10px;letter-spacing:2px;color:#698277}main{max-width:1440px;margin:auto;padding:38px 5%}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#4e806d}h1{font-size:44px;letter-spacing:-2px;margin:12px 0}p{color:#658074;font-size:14px;line-height:1.6}.spec{display:grid;gap:8px;border-left:1px solid #c9d8cf;padding-left:28px;font-size:12px}.spec b{font-size:17px}.spec span{color:#6c8078}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#e6ece4;padding:18px;border-radius:12px}label{display:grid;gap:7px;font-size:11px;color:#587265}button,input,select{font:inherit}button,select,input[type=password]{border:1px solid #c5d6ca;border-radius:7px;padding:11px 14px;background:#fbfcf9;color:#244d3e;font-size:13px}button{cursor:pointer;background:#244f40;color:white;border-color:#244f40;font-weight:600}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent;color:#244f40}button:hover:enabled{filter:brightness(1.15)}:focus-visible{outline:3px solid #83b89e;outline-offset:3px}[hidden]{display:none!important}#status{min-height:23px}.workspace{display:grid;grid-template-columns: .9fr 1.3fr;gap:22px}.panel{background:#fcfdf9;border:1px solid #d9e3d9;border-radius:16px;padding:24px}.panelhead{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#789083}.feedback{text-align:center}.feedback h2{font-size:24px;letter-spacing:-.6px;margin-top:28px}.feedback p{min-height:22px} .hand-settings{display:flex;align-items:end;justify-content:space-between;gap:12px;text-align:left;margin:18px 0 8px}.hand-settings label{flex:1}.hand-settings select{width:100%;background:transparent;font-size:12px}.hand-settings button{font-size:11px;white-space:nowrap}.handstage{position:relative;height:310px;background:radial-gradient(ellipse at 50% 45%,#e1ede1 0,#f4f7ef 65%,#f9fbf6 100%);border:1px solid #e3ebe0;border-radius:14px;overflow:hidden}.handstage canvas{display:block;width:100%;height:100%;background:transparent;cursor:grab;touch-action:none}.handstage canvas:active{cursor:grabbing}.scene-label,.orbit-hint{position:absolute;pointer-events:none;font-size:9px;letter-spacing:1.3px;color:#7a9380}.scene-label{top:15px;left:16px}.orbit-hint{bottom:13px;right:16px;font-size:9px;letter-spacing:.2px}#handFallback{padding:120px 20px;color:#6d8576;line-height:1.8;font-size:13px}.intent-readout{display:flex;justify-content:space-between;align-items:center;margin:16px 0 9px;font-size:12px;color:#698575}.intent-readout strong{font-size:20px;color:#2b644e;font-variant-numeric:tabular-nums}.intent-track{height:7px;border-radius:8px;overflow:hidden;background:#e6ede1}.intent-track div{height:100%;width:0%;background:linear-gradient(90deg,#9abea1,#3a8565);border-radius:8px}.intent-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#829383}#movement{font-size:10px;letter-spacing:1.4px;color:#729080;min-height:15px;margin-top:17px}.detected #movement{color:#216f4e;font-weight:800}.hand-preview{text-align:left;border-top:1px solid #e5ece1;margin-top:18px;padding-top:12px;font-size:11px;color:#597865}.hand-preview summary{cursor:pointer}.preview-toggle{display:flex;align-items:center;gap:8px;margin:12px 0}.preview-toggle input{accent-color:#3a8565}.preview-toggle span{margin-left:auto;font-size:10px;color:#8a988e}.preview-slider{display:flex;align-items:center;gap:10px}.preview-slider input{flex:1;min-width:60px;accent-color:#3a8565}.hand-note{font-size:10px!important;margin:12px 0 0!important;line-height:1.5}.previewing #movement{color:#936c31}.progress,.scorebar{background:#e8eee5;border-radius:8px;overflow:hidden;height:5px}.progress{margin-top:20px}.progress div,.scorebar div{background:#4c9670;height:100%;width:0;transition:width .2s}.feedbackfoot{display:flex;justify-content:space-between;font-size:12px;color:#6d8778;margin-top:15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 20px;gap:20px}.metrics div{display:grid;gap:8px}.metrics span{font-size:12px;color:#6e8275}.metrics strong{font-size:32px;letter-spacing:-1px;font-weight:550}.scorebar{height:7px}.threshold{display:flex;align-items:center;margin:16px 0 24px;font-size:12px}.threshold input{accent-color:#356f50;flex:1;min-width:60px}.charttitle,.signalfoot{display:flex;justify-content:space-between;font-size:10px;color:#6d8274}.charttitle{margin-bottom:12px}canvas{width:100%;height:280px;background:#f4f7ef;border-radius:8px}.signalfoot{margin-top:10px}.small{font-size:10px;margin-bottom:0}.events{margin-top:22px}ol{list-style:none;padding:0;margin-bottom:0;font-size:12px;color:#537061;max-height:140px;overflow:auto}li{padding:9px 0;border-bottom:1px solid #edf1e9}footer{font-size:11px;color:#7c8b80;margin-top:22px;line-height:1.6}@media(max-width:900px){.workspace{grid-template-columns:1fr}.intro{align-items:start}.spec{display:none}h1{font-size:34px}.prototype{display:none}main{padding:22px 4%}.panel{padding:18px}.toolbar{gap:8px}.metrics strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}