#dni-interaction{position:static;font:14px/1.5 system-ui;color:#e8ecf2;white-space:normal}
#dni-interaction button{min-height:42px;padding:9px 13px;background:#1d232d;color:inherit;border:1px solid #727b8855;border-radius:9px;cursor:pointer;font:inherit}
#dni-interaction button:disabled{opacity:.5;cursor:default}
#dni-controls{position:absolute;z-index:2100;right:max(12px,env(safe-area-inset-right));top:calc(100% - 8px);width:min(380px,calc(100vw - 24px));max-height:min(65dvh,calc(100dvh - 180px));overflow:auto;overscroll-behavior:contain;padding:18px;background:#10141ef2;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 12px 48px #000b;box-sizing:border-box}
#dni-controls header{display:flex;justify-content:space-between;align-items:center;gap:12px}#dni-controls header h2{margin:0}#dni-controls label{flex-wrap:wrap}#dni-camera-state{color:#c4cad4}
#dni-controls[hidden],#dni-test[hidden]{display:none}#dni-controls h2{margin:0 0 8px;font-size:18px}#dni-controls p{margin:10px 0}#dni-controls label{display:flex;align-items:center;gap:12px;margin:14px 0}#dni-controls input[type=range]{width:160px}#dni-controls small,#dni-controls .dni-privacy{color:#aeb8c8;font-size:12px}#dni-controls small{display:block;overflow-wrap:anywhere;margin-top:10px}.dni-hand-buttons{display:flex;gap:7px;flex-wrap:wrap}#dni-results{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace;max-height:240px;overflow:auto}
#dni-pointer{position:fixed;top:0;left:0;width:18px;height:18px;margin:-9px;z-index:2147483646;border:2px solid #d8ebff;border-radius:50%;background:#a3d4ff40;box-shadow:0 0 12px #91bde099;pointer-events:none}
.dni-hand-target{outline:3px solid #b8ddff!important;outline-offset:3px!important}
#dni-tracker-host{position:fixed;left:-10000px;top:0;width:640px;height:480px;overflow:hidden;pointer-events:none;opacity:0}#dni-tracker-host video{width:640px;height:480px}
#dni-confirm{background:#121722;color:#eef1f6;border:1px solid #8795a5;border-radius:16px;padding:24px;max-width:min(400px,85vw)}#dni-confirm::backdrop{background:#0009}#dni-confirm button{font:16px system-ui;padding:12px 20px;margin:8px;border:1px solid #7f8b9b;border-radius:8px;background:#242d3b;color:#fff}
#dni-test-target{display:block;min-width:160px;min-height:70px!important;margin:12px auto}#dni-interaction :focus-visible,#dni-confirm :focus-visible{outline:3px solid #b8ddff;outline-offset:3px}
@media(max-width:600px){#dni-controls{padding:14px}}
@media(prefers-reduced-motion:reduce){#dni-interaction *,#dni-pointer{transition:none!important;animation:none!important}}

#dni-hand{color:#eef1f6;background:#1d232d;border:1px solid #727b88;padding:8px;border-radius:7px}
#dni-screen-light{position:fixed;inset:0;z-index:2147483644;pointer-events:none;box-shadow:inset 0 0 0 28px #fff,inset 0 0 65px 32px #fff8}
#dni-screen-light[hidden],#dni-tracking-status[hidden],#dni-tracking-diagnostics[hidden]{display:none}
#dni-tracking-status{position:fixed;z-index:2147483645;left:50%;bottom:max(80px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(560px,85vw);box-sizing:border-box;margin:0;padding:12px 18px;background:#15191ff0;border:1px solid #aeb8c8;color:#f4f5f7;border-radius:10px;font:14px/1.5 system-ui;pointer-events:none}
#dni-tracking-diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font:12px/1.5 monospace}
/* The only hand-input setting is enabled/disabled. Tracking runs automatically. */
#dni-interaction>label{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;min-height:42px;box-sizing:border-box}
#dni-interaction>label input{accent-color:#dce4f0;width:18px;height:18px}
#dni-pointer[data-pinching=true]{background:#eaf2ff;border-color:#fff;box-shadow:0 0 0 5px #ffffff35,0 0 12px #91bde099}
#dni-pointer[hidden]{display:none!important}

#dni-interaction[data-floating=true]{position:fixed;right:16px;top:16px;z-index:2200;background:#10141ee8;border:1px solid #ffffff30;border-radius:10px}

#dni-pointer[popover]{inset:auto;top:0;left:0;padding:0;overflow:visible;color:transparent}
#dni-pointer::backdrop{background:transparent;pointer-events:none}
#dni-pointer[data-confirmed=true]{border-color:#98ead7;background:#98ead755}
#dni-pointer[data-confirmed=true]::after{content:attr(data-label);position:absolute;top:24px;left:0;max-width:220px;width:max-content;padding:6px 10px;border:1px solid #98ead7;border-radius:6px;background:#10191f;color:#ecfff9;font:14px/1.4 system-ui}
#dni-syn-operator{position:fixed;z-index:2300;left:clamp(12px,17vw,240px);bottom:100px;width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 140px);overflow:auto;box-sizing:border-box;background:#10171ef5;color:#e4eeed;border:1px solid #56726f;border-radius:12px;padding:16px;font:14px/1.5 system-ui;box-shadow:0 16px 50px #0008}
#dni-syn-operator[hidden]{display:none}#dni-syn-operator header{display:flex;justify-content:space-between;align-items:center;gap:12px}#dni-syn-operator header strong{color:#9edbcf;letter-spacing:.12em}#dni-syn-operator header p{margin:0;font-size:20px}#dni-syn-operator nav{display:flex;gap:8px;margin:14px 0}#dni-syn-operator button{min-height:42px;border:1px solid #56726f;background:#182129;color:#e4eeed;border-radius:6px;padding:8px 12px;font:inherit}#dni-syn-operator button[aria-pressed=true]{background:#36554e}#dni-syn-operator dt{color:#9edbcf;font-weight:600;margin-top:12px}#dni-syn-operator dd{margin:4px 0}
.gesture-area button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:inherit;padding:12px 8px;text-align:left;font:inherit;cursor:pointer;min-height:44px}.gesture-area{border-bottom:1px solid #ffffff20;margin-bottom:8px}.sidebar nav{min-height:0;overflow-y:auto}.sidebar-bottom{flex-shrink:0}
@media(max-width:600px){#dni-syn-operator{left:14px;bottom:80px}}
@media(min-width:761px) and (max-width:1020px){.gesture-area .nav-label,.gesture-area .indicator{display:none}.gesture-area button{justify-content:center;padding:10px 0}}
.gesture-area .indicator{width:6px;height:6px;border-radius:50%;background:#78818a;flex-shrink:0}.gesture-area [data-tracked=true] .indicator{background:#98ead7}
.syn-live-monitor,.voice-live-monitor{box-sizing:border-box;width:100%;min-width:0;padding:10px 8px;background:#0b1017;border:1px solid #4b586955;border-radius:10px;color:#d6e0ec;font:14px/1.35 system-ui}.syn-live-monitor canvas,.voice-live-monitor canvas{width:100%;height:auto;display:block;border-radius:5px}.monitor-heading{font:600 14px system-ui!important;padding:6px 0!important;letter-spacing:.07em;display:flex!important;justify-content:space-between!important;min-height:36px!important}.monitor-status,.voice-live-monitor p{font:12px/1.4 system-ui!important;overflow-wrap:anywhere;margin:6px 0!important}.monitor-legend{display:flex;gap:12px;font-size:12px;margin:4px 0}.monitor-legend span:first-child{color:#8ae4da}.monitor-legend span:nth-child(2){color:#c2a8ff}.monitor-legend span:nth-child(3){color:#b9c1cf}.syn-live-monitor progress{height:4px;width:100%;accent-color:#b9d2e2;display:block}.monitor-content[hidden]{display:none}.sidebar-bottom{max-height:64dvh;overflow-y:auto}.voice-live-monitor strong{font-size:14px;letter-spacing:.07em}.voice-area>small{display:none}#dni-target-actions{padding:10px;background:#101722;border:1px solid #b9d2e2;border-radius:8px;max-width:200px}#dni-target-actions button{display:block;min-height:44px;background:#263341;color:white;border:1px solid #687d92;padding:8px;margin:4px;width:100%}#dni-pointer{background:conic-gradient(#d9edff calc(var(--dwell,0)*360deg),#182b3b 0)}
@media(min-width:761px) and (max-width:1020px){.sidebar{width:210px!important;min-width:210px!important}.desktop{grid-template-columns:210px minmax(0,1fr)!important}.syn-live-monitor,.voice-live-monitor{padding:6px}.sidebar nav .nav-label{display:none}}