html,body{margin:0;padding:0;overflow:hidden;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif}#level{position:fixed;top:16px;right:16px;width:88px;height:88px;z-index:11;pointer-events:none}.level-ring{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.level-crosshair{position:absolute;inset:8px;border-radius:50%;background:linear-gradient(transparent 49.5%,rgba(255,255,255,.35) 49.5%,rgba(255,255,255,.35) 50.5%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.35) 49.5%,rgba(255,255,255,.35) 50.5%,transparent 50.5%)}.level-bubble{position:absolute;left:50%;top:50%;width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-radius:50%;background:#34c759;box-shadow:0 0 6px #34c759b3;transition:transform .05s linear,background .15s ease}.level-bubble.level-true{background:#0a84ff;box-shadow:0 0 10px #0a84ffcc}#level-readout{position:absolute;top:92px;left:0;right:0;text-align:center;font:10px/1 ui-monospace,monospace;color:#ffffffbf;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}#hud{position:fixed;left:16px;right:16px;bottom:16px;padding:12px 16px;background:#0000008c;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.hud-row{display:flex;justify-content:space-between;font-size:11px;opacity:.7;margin-bottom:4px;font-variant-numeric:tabular-nums}#pose-badge{display:none;padding:6px 12px;margin-bottom:6px;border-radius:10px;background:#34c759;color:#fff;font-size:12px;font-weight:600;animation:badge-pulse 1.2s ease-in-out infinite}#pose-badge.visible{display:block}@keyframes badge-pulse{0%,to{box-shadow:0 0 #34c75999}50%{box-shadow:0 0 0 6px #34c75900}}#pose-current{font-size:16px;font-weight:600;opacity:.95;margin-bottom:6px;font-variant-numeric:tabular-nums;color:#5ac8fa}#state-indicator{display:inline-block;padding:3px 10px;border-radius:10px;background:#0a84ff;color:#fff;font-size:11px;font-weight:600;margin-bottom:6px;letter-spacing:.02em}#state-indicator.state-B{background:#ff9500}#state-indicator.state-done{background:#34c759}#reading{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:6px}#history{font-size:11px;opacity:.65;margin-bottom:10px;max-height:60px;overflow:hidden;line-height:1.4;font-variant-numeric:tabular-nums}.actions{display:flex;gap:8px;margin-bottom:8px}button{flex:1;padding:10px 14px;border:0;border-radius:8px;background:#0a84ff;color:#fff;font-size:14px;font-weight:500}button:active{opacity:.7}#btn-reset{background:#3a3a3c}#sync-toggle{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}#toast-host{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:#3c3c43f2;box-shadow:0 6px 18px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(-12px);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;font-variant-numeric:tabular-nums;white-space:nowrap}.toast.visible{transform:translateY(0);opacity:1}.toast-success{background:#34c759f2}.toast-error{background:#ff3b30f2}.toast-info{background:#0a84fff2}body[data-calibrating=true] #toast-host{top:150px}#calibration-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:14;display:none;align-items:center;gap:12px;padding:12px 16px;min-width:280px;max-width:calc(100vw - 32px);background:#0a84ffeb;border-radius:14px;color:#fff;font-size:14px;box-shadow:0 8px 24px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cal-slide-in .25s ease-out}#calibration-banner[data-state=A],#calibration-banner[data-state=B],#calibration-banner[data-state=prompt]{display:flex}#calibration-banner[data-state=done]{display:flex;background:#34c759f2;animation:cal-pulse .6s ease-out 2}#calibration-banner .cal-icon{font-size:28px;line-height:1}#calibration-banner .cal-text{flex:1;line-height:1.3}#calibration-banner .cal-title{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.85;margin-bottom:2px}#calibration-banner .cal-step{font-size:16px;font-weight:600}#calibration-banner .cal-step b{background:#ffffff38;padding:1px 6px;border-radius:5px}#cal-cancel{flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#ffffff2e;color:#fff;font-size:22px;line-height:30px;cursor:pointer}@keyframes cal-slide-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes cal-pulse{0%,to{box-shadow:0 8px 24px #0006}50%{box-shadow:0 8px 24px #34c759cc,0 0 0 6px #34c75940}}#btn-calibrate{background:#5856d6}body[data-calibrating=true] #btn-calibrate{background:#ff3b30}body[data-calibrating=true] #mode-switcher{top:8px}#mode-switcher{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:12;display:flex;background:#0000008c;border-radius:999px;padding:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#mode-switcher button{flex:0 0 auto;padding:7px 18px;font-size:12px;font-weight:600;color:#fff;background:transparent;border-radius:999px;letter-spacing:.05em}#mode-switcher button.active{background:#0a84ff}body[data-mode=rom] #level{top:64px;right:16px}body[data-mode=rom] #hud{display:none}#rom-hud{position:fixed;left:16px;right:16px;bottom:16px;padding:12px 14px 10px;background:#0000009e;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;color:#fff;font-size:13px;display:none;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}body[data-mode=rom] #rom-hud{display:block}.rom-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}.rom-tabs::-webkit-scrollbar{display:none}.rom-tab{flex:0 0 auto;padding:6px 12px;font-size:12px;background:#ffffff14;color:#fff;border:0;border-radius:999px;font-weight:500}.rom-tab.active{background:#0a84ff}.rom-side-row{display:flex;gap:4px;margin-bottom:8px}.rom-side-row[hidden]{display:none}.rom-side-btn{flex:1;padding:6px 0;font-size:12px;font-weight:600;background:#ffffff14;color:#fff;border:0;border-radius:8px}.rom-side-btn.active{background:#0a84ff}.rom-target-list{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;max-height:28vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.rom-target-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0d;color:#fff;border:0;border-radius:6px;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.rom-target-row.active{background:#0a84ff59;outline:1px solid rgba(10,132,255,.6)}.rom-target-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rom-target-angle{flex:0 0 auto;font-weight:700;min-width:56px;text-align:right}.rom-target-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#8e8e93}.rom-guide{font-size:12px;line-height:1.4;margin-bottom:8px;padding:8px 10px;background:#0a84ff2e;border:1px solid rgba(10,132,255,.4);border-radius:8px}.rom-detect-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.rom-detect-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;background:#8e8e938c;color:#fff}.rom-detect-status[data-state=ok]{background:#30d158b3}.rom-detect-status[data-state=no-hand],.rom-detect-status[data-state=no-pose],.rom-detect-status[data-state=mp-error]{background:#ff453ac7}.rom-detect-status[data-state=low-confidence],.rom-detect-status[data-state=mp-loading]{background:#ff9f0ac7}.rom-detect-status[data-state=idle]{background:#8e8e938c}.rom-detect-feedback{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;background:#ffffff14;color:#fff}.rom-detect-feedback[data-state=stalled]{background:#ff453a66}.rom-readout{margin-bottom:10px}.rom-angle-big{font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;display:inline-block;margin-right:10px}.rom-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;vertical-align:top;margin-top:14px;background:#8e8e93}.rom-note{font-size:11px;opacity:.65;margin:4px 0 8px;line-height:1.4}.rom-range-bar{position:relative;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-bottom:4px}.rom-range-fill{position:absolute;inset:0;border-radius:4px}.rom-range-tick{position:absolute;top:-2px;bottom:-2px;width:3px;background:#fff;border-radius:2px;box-shadow:0 0 4px #00000080;transition:left .08s linear}.rom-range-legend{font-size:10px;opacity:.55;font-variant-numeric:tabular-nums}.rom-anthro{margin:10px 0;padding:6px 0;border-top:1px solid rgba(255,255,255,.12)}.rom-anthro summary{font-size:12px;font-weight:600;cursor:pointer;margin-bottom:6px;list-style:none}.rom-anthro summary:before{content:"▸ "}.rom-anthro[open] summary:before{content:"▾ "}.rom-anthro-table,.rom-anthro-symtable{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.rom-anthro-table td,.rom-anthro-symtable td{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.rom-anthro-table td:nth-child(2),.rom-anthro-symtable td:nth-child(2){text-align:right;color:#5ac8fa;font-weight:600}.rom-anthro-symhead{margin-top:8px;font-size:11px;opacity:.7;font-weight:600}.rom-actions{position:sticky;bottom:0;display:flex;gap:8px;margin:8px -14px -10px;padding:8px 14px 10px;background:linear-gradient(to bottom,#0000,#000000b3 30%,#000000d9);z-index:2}.rom-actions button{flex:1;padding:10px;border:0;border-radius:8px;background:#0a84ff;color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0a84ff66}#subject-panel{position:fixed;bottom:16px;right:16px;z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#subject-panel-toggle{border:0;border-radius:999px;padding:6px 12px;background:#0009;color:#fff;font-size:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}#subject-panel-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:220px}.subject-panel-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.subject-panel-row input,.subject-panel-row select{width:110px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:12px}.subject-panel-actions{display:flex;gap:6px;margin-top:4px}.subject-panel-actions button{flex:1;padding:6px;border:0;border-radius:6px;font-size:12px;cursor:pointer}.subject-panel-actions button[type=submit]{background:#0a84ff;color:#fff}.subject-panel-actions button[type=button]{background:#ffffff1f;color:#fff}body[data-mode=rom] #subject-panel,body[data-mode=scalesync] #subject-panel{display:flex}#subject-panel[data-saved=true]{display:none!important}