:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9f0f2;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0b1320;--panel:#101c2b;--smoke:#132338;--line:#26394b;--steel:#8196a5;--paper:#e9f0f2;--cyan:#4dd8e8;--coral:#ff7058;--yellow:#f0c26e;background:#0b1320;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px;min-height:100%}body{background:linear-gradient(#4dd8e806 1px, transparent 1px), linear-gradient(90deg, #4dd8e806 1px, transparent 1px), radial-gradient(circle at 75% 15%, #30698521, transparent 30%), var(--ink);background-size:48px 48px,48px 48px,auto,auto;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,label:focus-within,textarea:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{width:min(1560px,100%);min-height:100vh;margin:0 auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark{color:var(--paper);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark svg{color:var(--cyan)}.wordmark span{letter-spacing:.13em;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:21px;font-weight:700}.wordmark em{color:var(--coral);font-style:normal}.system-status{color:var(--steel);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:20px;font-family:Cascadia Mono,SFMono-Regular,monospace;font-size:10px;display:flex}.system-status span{align-items:center;gap:7px;display:inline-flex}.system-status--warning{color:var(--yellow)}.signal{background:var(--steel);border-radius:999px;width:6px;height:6px}.signal--live{background:var(--cyan);box-shadow:0 0 0 4px #4dd8e81a}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:30px 0 26px;display:grid}.optic-column{min-width:0}.section-heading{justify-content:space-between;align-items:flex-start;min-height:62px;display:flex}.section-heading>div>span,.rail-heading,.target-meta,.telemetry-strip span,.gesture-ribbon span,.frame-counter,.vocabulary-card label{text-transform:uppercase;letter-spacing:.09em;font-family:Cascadia Mono,SFMono-Regular,monospace}.section-heading>div>span{color:var(--cyan);font-size:10px}.section-heading h1{letter-spacing:-.02em;margin:3px 0 0;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:420;line-height:.95}.frame-counter{color:var(--steel);margin-top:9px;font-size:10px}.error-banner{color:#f5d79d;background:#f0c26e14;border:1px solid #f0c26e59;margin-bottom:10px;padding:10px 13px;font-size:13px}.hosted-banner{background:#4dd8e80f;border:1px solid #4dd8e847;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;padding:11px 13px;display:flex}.hosted-banner>div{flex-direction:column;gap:3px;display:flex}.hosted-banner b{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hosted-banner span{color:var(--steel);font-size:12px}.hosted-banner a{color:var(--paper);text-underline-offset:3px;flex:none;font-size:11px}.viewport{border:1px solid var(--line);cursor:crosshair;isolation:isolate;background:radial-gradient(circle,#4dd8e80a,#0000 47%),#080e17;width:100%;min-height:420px;position:relative;overflow:hidden}.viewport:after{z-index:3;content:"";pointer-events:none;opacity:.55;background:linear-gradient(#0000 0%,#4dd8e809 50%,#0000 100%) 0 0/100% 7px;position:absolute;inset:0}.viewport-video{object-fit:contain;background:#05080d;width:100%;height:100%;display:block}.viewport-video--mirrored{transform:scaleX(-1)}.viewport--preview{cursor:default}.viewport-preview{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-stamp{z-index:6;color:var(--cyan);letter-spacing:.09em;text-transform:uppercase;background:#060c14e0;border:1px solid #4dd8e873;padding:7px 9px;font-family:Cascadia Mono,monospace;font-size:9px;position:absolute;top:14px;left:14px}.viewport-empty,.viewport-searching{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewport-empty p{letter-spacing:.01em;margin:20px 0 6px;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:26px}.viewport-empty>span:last-child{color:var(--steel);font-size:13px}.empty-reticle{width:78px;height:78px;color:var(--cyan);border:1px solid #4dd8e840;border-radius:50%;place-items:center;display:grid;position:relative}.empty-reticle:before,.empty-reticle:after{content:"";background:#4dd8e873;position:absolute}.empty-reticle:before{width:106px;height:1px}.empty-reticle:after{width:1px;height:106px}.viewport-searching{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;gap:10px;font-family:Cascadia Mono,monospace;font-size:10px}.viewport-searching svg{animation:2.5s linear infinite rotate-search}.viewport-corner{z-index:4;pointer-events:none;border-color:#e9f0f266;width:22px;height:22px;position:absolute}.viewport-corner--tl{border-top:1px solid;border-left:1px solid;top:14px;left:14px}.viewport-corner--tr{border-top:1px solid;border-right:1px solid;top:14px;right:14px}.viewport-corner--bl{border-bottom:1px solid;border-left:1px solid;bottom:14px;left:14px}.viewport-corner--br{border-bottom:1px solid;border-right:1px solid;bottom:14px;right:14px}.detection-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.detection-box{border:1px solid #4dd8e8bf;min-width:20px;min-height:20px;transition:left 90ms linear,top 90ms linear,width 90ms linear,height 90ms linear;position:absolute;box-shadow:inset 0 0 0 1px #0b13208c}.detection-box:before,.detection-box:after{content:"";position:absolute}.detection-box:before{border-top:3px solid var(--cyan);border-left:3px solid var(--cyan);width:10px;height:10px;top:-3px;left:-3px}.detection-box:after{border-right:3px solid var(--cyan);border-bottom:3px solid var(--cyan);width:10px;height:10px;bottom:-3px;right:-3px}.detection-box--target{border-color:#ff7058b8;box-shadow:0 0 0 1px #ff705833,0 0 28px #ff705824}.detection-box--target:before,.detection-box--target:after{border-color:var(--coral);width:16px;height:16px;animation:.38s cubic-bezier(.2,.9,.25,1) acquire-corners}.detection-label{max-width:240px;color:var(--ink);background:var(--cyan);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;padding:4px 6px;font-family:Cascadia Mono,monospace;font-size:9px;line-height:1;display:flex;position:absolute;bottom:calc(100% + 5px);left:-1px;overflow:hidden}.detection-box--target .detection-label{background:var(--coral)}.detection-label b{text-overflow:ellipsis;font-weight:700;overflow:hidden}.detection-label span{font-variant-numeric:tabular-nums}.detection-label em{opacity:.65;font-style:normal}.gesture-pointer{border:1px solid var(--yellow);border-radius:50%;width:18px;height:18px;transition:left 80ms linear,top 80ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #f0c26e1f}.gesture-pointer:after{content:"";background:var(--yellow);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-detection{z-index:6;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e17bf;align-items:center;gap:7px;padding:7px 9px;font-family:Cascadia Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:18px;right:18px}.object-mode{z-index:6;color:var(--cyan);letter-spacing:.07em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e17c2;border:1px solid #4dd8e847;padding:6px 8px;font-family:Cascadia Mono,monospace;font-size:9px;position:absolute;top:18px;right:18px}.object-mode--target{color:var(--coral);border-color:#ff70584d}.control-deck{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 0;display:flex}.source-controls,.target-controls{align-items:center;gap:8px;display:flex}.primary-control,.secondary-control,.quiet-control,.icon-control,.save-button,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:38px;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.primary-control{color:var(--ink);background:var(--paper);padding:0 15px;font-weight:650}.primary-control:hover{background:var(--cyan)}.secondary-control{color:var(--paper);border:1px solid var(--line);background:var(--smoke);padding:0 14px;font-size:13px}.secondary-control:hover,.quiet-control:hover,.icon-control:hover{color:var(--cyan);border-color:#4dd8e866}.secondary-control input{opacity:0;width:1px;height:1px;position:absolute}.quiet-control,.icon-control{color:var(--steel);background:0 0;border:1px solid #0000;font-size:12px}.quiet-control{padding:0 10px}.showcase-link{text-decoration:none}.icon-control{width:38px}.telemetry-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.telemetry-strip>div{border-right:1px solid var(--line);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.telemetry-strip>div:first-child{padding-left:0}.telemetry-strip>div:last-child{border-right:0}.telemetry-strip span{color:var(--steel);font-size:8px}.telemetry-strip b{font-variant-numeric:tabular-nums;font-family:Cascadia Mono,monospace;font-size:13px;font-weight:500}.gesture-ribbon{min-height:66px;color:var(--steel);grid-template-columns:28px 170px 1fr;align-items:center;gap:12px;display:grid}.gesture-ribbon--active>svg{color:var(--yellow);filter:drop-shadow(0 0 9px #f0c26e73)}.gesture-ribbon>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.gesture-ribbon span{font-size:8px}.gesture-ribbon b{color:var(--paper);text-transform:capitalize;font-size:12px;font-weight:500}.gesture-sequence{justify-content:flex-end;align-items:center;gap:10px;display:flex}.gesture-sequence>span{color:var(--steel);border:1px solid #0000;flex-direction:column;gap:2px;padding:7px 9px;display:flex}.gesture-sequence>span em{color:#516879;font-size:7px;font-style:normal}.gesture-sequence>span.is-active{color:var(--yellow);background:#f0c26e12;border-color:#f0c26e52}.gesture-sequence>span.is-active em{color:#dcb36a}.gesture-sequence>i{color:#42566a;font-size:11px;font-style:normal}.instrument-rail{flex-direction:column;gap:16px;padding-top:62px;display:flex}.target-card,.vocabulary-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101c2bc7}.target-card{min-height:270px;padding:18px}.vocabulary-card{padding:18px}.rail-heading{color:var(--steel);justify-content:space-between;align-items:center;margin-bottom:17px;font-size:9px;display:flex}.rail-heading em{font-variant-numeric:tabular-nums;font-style:normal}.status-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4dd8e814}.status-dot--locked{background:var(--coral);box-shadow:0 0 0 4px #ff70581a}.target-name-row{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.target-name-row h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:27px;font-weight:450;line-height:1;overflow:hidden}.target-name-row>span{color:var(--coral);font-variant-numeric:tabular-nums;font-family:Cascadia Mono,monospace;font-size:17px}.stability-track{background:#223448;height:2px;margin:14px 0 8px;overflow:hidden}.stability-track span{background:var(--coral);height:100%;transition:width .16s ease-out;display:block}.target-meta{color:var(--steel);justify-content:space-between;font-size:8px;display:flex}.ranking-list{flex-direction:column;gap:9px;margin-top:24px;display:flex}.ranking-row{grid-template-columns:minmax(0,1fr) 60px 24px;align-items:center;gap:8px;font-size:11px;display:grid}.ranking-row>span:first-child{color:#c6d2d7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-row b{color:var(--steel);text-align:right;font-family:Cascadia Mono,monospace;font-size:9px;font-weight:400}.ranking-bar{background:#26394b;height:2px;display:block}.ranking-bar i{background:var(--cyan);height:100%;display:block}.target-empty{max-width:250px;color:var(--steel);padding:35px 0 20px;font-size:13px;line-height:1.6}.vocabulary-card label{color:#647b8c;margin-bottom:8px;font-size:8px;display:block}.vocabulary-card textarea{resize:vertical;color:#d9e3e7;background-color:#0c1724;background-image:linear-gradient(90deg,#4dd8e80d 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #2a3d4f;border-radius:0;outline:0;width:100%;min-height:202px;padding:12px;font-family:Cascadia Mono,monospace;font-size:11px;line-height:1.65}.vocabulary-card textarea:focus{border-color:#4dd8e899}.vocabulary-actions{justify-content:space-between;gap:8px;margin-top:11px;display:flex}.text-button{color:var(--steel);background:0 0;padding:0 5px;font-size:11px}.text-button:hover{color:var(--paper)}.save-button{color:var(--ink);background:var(--cyan);padding:0 12px;font-size:11px;font-weight:650}.save-button:hover{background:#7ce3ee}.save-button:disabled{cursor:not-allowed;opacity:.35}.text-button:disabled{cursor:default;opacity:.35}.primary-control:disabled,.control-disabled{cursor:not-allowed;opacity:.42}.vocabulary-card textarea:read-only{cursor:default;opacity:.72}.scope-note{color:#617787;margin:13px 0 0;font-size:10px;line-height:1.5}footer{color:#546a7b;border-top:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;padding:17px 0 24px;font-family:Cascadia Mono,monospace;font-size:9px;display:flex}footer a{color:inherit;text-underline-offset:3px}footer a:hover{color:var(--cyan)}@keyframes rotate-search{to{transform:rotate(360deg)}}@keyframes acquire-corners{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@media (width<=1050px){.workspace{grid-template-columns:1fr}.instrument-rail{grid-template-columns:1fr 1fr;padding-top:0;display:grid}.system-status span:nth-child(2){display:none}}@media (width<=720px){.app-shell{padding:0 14px}.topbar{height:64px}.system-status span:not(:first-child){display:none}.workspace{gap:20px;padding-top:22px}.viewport{min-height:280px}.control-deck,.target-controls{align-items:stretch}.control-deck{flex-direction:column;padding:12px 0}.source-controls,.target-controls{width:100%}.primary-control,.secondary-control,.quiet-control{flex:1}.telemetry-strip{grid-template-columns:repeat(3,1fr)}.telemetry-strip>div:nth-child(n+4){display:none}.gesture-ribbon{grid-template-columns:24px 1fr;padding:10px 0}.gesture-sequence{grid-column:1/-1;justify-content:space-between;gap:2px}.gesture-sequence>i{display:none}.instrument-rail{display:flex}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}