:root{--bg: #070b12;--bg-2: #0a0f18;--panel: #0d1420;--panel-2: #111a28;--panel-3: #16223300;--line: rgba(150, 180, 210, .11);--line-2: rgba(150, 180, 210, .22);--text: #e8eff8;--text-2: #a4b6ca;--text-3: #64798f;--accent: #5ee1ff;--accent-2: #24b6dd;--accent-soft: rgba(94, 225, 255, .12);--accent-line: rgba(94, 225, 255, .35);--ok: #3ddc97;--warn: #ffb454;--bad: #ff5f6d;--ok-soft: rgba(61, 220, 151, .14);--warn-soft: rgba(255, 180, 84, .14);--bad-soft: rgba(255, 95, 109, .14);--display: "Sora", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r: 14px;--r-sm: 9px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--dock-w: 384px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1200px 500px at 50% -10%,rgba(94,225,255,.09),transparent 70%),radial-gradient(rgba(150,180,210,.13) 1px,transparent 1px) 0 0 / 26px 26px;z-index:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.01em}p{margin:0}::selection{background:#5ee1ff4d}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.tiny{font-size:11px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grow{flex:1}.row{display:flex;align-items:center;gap:10px}.stack{display:flex;flex-direction:column;gap:14px}.wrap{flex-wrap:wrap}.label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.shell{position:relative;z-index:1;display:grid;grid-template-rows:58px minmax(0,1fr);height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#070b12b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.02em;color:#04121a;background:linear-gradient(140deg,#8cefff,var(--accent) 45%,var(--accent-2));box-shadow:0 0 0 1px #5ee1ff59,0 8px 24px #5ee1ff2e}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text b{font-family:var(--display);font-weight:600;font-size:14px}.brand-text span{font-size:11px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;gap:4px;padding:3px;border-radius:12px;background:#96b4d20f}.nav button{border:0;background:transparent;color:var(--text-2);padding:7px 14px;border-radius:9px;font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}.nav button:hover{color:var(--text);background:#96b4d212}.nav button[aria-current=page]{color:#06131b;background:var(--accent);font-weight:600}.nav button[aria-current=page] .badge{background:#06131b33;color:#06131b}.badge{font-family:var(--mono);font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--warn-soft);color:var(--warn)}.status-strip{margin-left:auto;display:flex;align-items:center;gap:6px}.stat{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:#0d142099;font-size:12px;color:var(--text-2);white-space:nowrap}.stat b{font-family:var(--mono);font-weight:500;color:var(--text);font-size:12px}.stat.ok{border-color:#3ddc9747}.stat.warn{border-color:#ffb45459}.stat.bad{border-color:#ff5f6d59}.body{display:grid;grid-template-columns:minmax(0,1fr) var(--dock-w);min-height:0}.main{min-width:0;overflow:auto;padding:20px 22px 32px}.dock{min-width:0;border-left:1px solid var(--line);background:#0a0f18bf;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}@media (max-width: 1180px){:root{--dock-w: 320px}}@media (max-width: 960px){.body{grid-template-columns:minmax(0,1fr)}.dock{border-left:0;border-top:1px solid var(--line)}.main{padding:14px 16px 24px}.brand{min-width:0}.brand-text span,.stat span{display:none}}.panel{position:relative;background:linear-gradient(180deg,#111a28bf,#0d1420d9);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:11px 14px 0}.panel-head .title{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.panel-head .right{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-3)}.panel-body{padding:12px 14px 14px}.panel.tight .panel-body{padding:10px 12px 12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);display:inline-block;flex:none}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.dot.bad{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.dot.live{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--ok-soft)}50%{box-shadow:0 0 0 6px #3ddc970d}}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--line-2);color:var(--text-2);font-size:11.5px;font-family:var(--mono);white-space:nowrap}.chip.ok{color:var(--ok);border-color:#3ddc9759;background:var(--ok-soft)}.chip.warn{color:var(--warn);border-color:#ffb45466;background:var(--warn-soft)}.chip.bad{color:var(--bad);border-color:#ff5f6d66;background:var(--bad-soft)}.chip.accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}a.chip:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:#96b4d20f;color:var(--text);font-weight:500;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover:not(:disabled){background:#96b4d21f;border-color:#96b4d259}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06131b;font-weight:600}.btn.primary:hover:not(:disabled){background:#7ae8ff}.btn.danger{border-color:#ff5f6d73;color:var(--bad);background:var(--bad-soft)}.btn.danger:hover:not(:disabled){background:#ff5f6d3d}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){color:var(--text);background:#96b4d214}.btn.sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:8px}.btn.lg{height:44px;padding:0 20px;font-size:14px}.btn.wide{width:100%}.btn kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:4px;background:#00000040;color:inherit;opacity:.7}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:#96b4d212;border:1px solid var(--line)}.seg button{height:28px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font-family:var(--mono);font-size:12px;text-transform:uppercase}.seg button[aria-pressed=true]{background:var(--accent);color:#06131b;font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-2)}.input,.textarea{width:100%;border-radius:10px;border:1px solid var(--line-2);background:#070b12b3;color:var(--text);padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:84px;resize:vertical;line-height:1.5}.alert{margin:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,95,109,.4);background:var(--bad-soft);color:#ffb3b9;font-size:12.5px;font-family:var(--mono);word-break:break-word}.note{padding:12px 14px;border-radius:var(--r);border:1px solid rgba(255,180,84,.3);background:var(--warn-soft);color:#ffd9a3;font-size:13px;line-height:1.55}.empty{padding:28px 16px;text-align:center;color:var(--text-3);font-size:13px}.login{position:relative;z-index:1;min-height:100%;display:grid;place-items:center;padding:24px 16px}.login-box{width:min(400px,100%);display:flex;flex-direction:column;gap:18px}.login-head{display:flex;align-items:center;gap:14px}.login-head .brand-mark{width:46px;height:46px;font-size:18px;border-radius:13px}.login-head h1{font-size:22px}.login-head p{color:var(--text-3);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.login .panel-body{display:flex;flex-direction:column;gap:14px;padding:18px}.login-foot{color:var(--text-3);font-size:11.5px;text-align:center;font-family:var(--mono);letter-spacing:.04em}.page{display:flex;flex-direction:column;gap:16px;max-width:1180px}.page-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.page-head h1{font-size:20px}.page-head p{color:var(--text-2);font-size:13px}.hero{position:relative;border-radius:var(--r);overflow:hidden;background:#02050a;border:1px solid var(--line);aspect-ratio:16 / 9;box-shadow:var(--shadow)}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.hero .hero-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:7% 8%;gap:18px;background:radial-gradient(900px 400px at 30% 20%,rgba(94,225,255,.1),transparent 60%)}.hero .hero-text h2{font-size:clamp(20px,2.6vw,34px);line-height:1.15;max-width:22ch}.hero .hero-text p{color:var(--text-2);font-size:clamp(13px,1.25vw,17px);line-height:1.55;max-width:70ch}.hero-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,rgba(2,5,10,.85),transparent);font-family:var(--mono);font-size:11.5px;color:var(--text-2)}.hero-top .lesson{color:var(--text);font-family:var(--sans);font-weight:500;font-size:12.5px}.hero-bottom{position:absolute;left:0;right:0;bottom:0;padding:10px 14px 12px;background:linear-gradient(0deg,rgba(2,5,10,.85),transparent)}.progress{display:flex;gap:3px}.progress i{flex:1;height:3px;border-radius:2px;background:#96b4d22e;transition:background .2s}.progress i.done{background:#5ee1ff73}.progress i.now{background:var(--accent);box-shadow:0 0 10px var(--accent)}.hero-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:var(--text-3);padding:24px}.hero-empty h2{color:var(--text-2);font-size:18px;margin-bottom:8px}.state-chip{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border-radius:7px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--text-2);background:#070b1299}.state-chip.lecturing{color:var(--ok);border-color:#3ddc9766}.state-chip.answering{color:var(--accent);border-color:var(--accent-line)}.state-chip.paused{color:var(--warn);border-color:#ffb45466}.stage-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 1280px){.stage-grid{grid-template-columns:minmax(0,1fr)}}.teleprompter{position:relative}.teleprompter .text{font-size:15px;line-height:1.65;color:var(--text);max-height:260px;overflow:auto;padding-right:6px}.teleprompter .text.speaking{color:var(--text)}.teleprompter .text.quiet{color:var(--text-2)}.speaking-bar{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.speaking-bar i{width:3px;height:100%;border-radius:2px;background:var(--accent);animation:eq .9s ease-in-out infinite;transform-origin:bottom}.speaking-bar i:nth-child(2){animation-delay:.15s}.speaking-bar i:nth-child(3){animation-delay:.3s}.speaking-bar i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.source-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-3)}.source-line b{color:var(--text-2);font-weight:500}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transport .btn{min-width:44px}.voice{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}.mic{position:relative;width:96px;height:96px;border-radius:50%;border:1px solid var(--accent-line);background:radial-gradient(circle at 50% 40%,#5ee1ff38,#0d1420e6 70%);color:var(--accent);display:grid;place-items:center;transition:transform .1s,box-shadow .2s}.mic:hover:not(:disabled){box-shadow:0 0 0 6px var(--accent-soft)}.mic:active:not(:disabled){transform:scale(.97)}.mic.listening{border-color:var(--bad);color:var(--bad);background:radial-gradient(circle at 50% 40%,#ff5f6d4d,#0d1420e6 70%);box-shadow:0 0 0 calc(4px + var(--level, 0) * 26px) #ff5f6d2e}.mic.busy{border-color:var(--warn);color:var(--warn)}.mic svg{width:34px;height:34px}.mic .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.voice-status{display:flex;flex-direction:column;gap:6px;min-width:0}.voice-status .transcript{min-height:44px;padding:9px 11px;border-radius:10px;background:#070b12b3;border:1px dashed var(--line-2);color:var(--text-2);font-size:13.5px;line-height:1.5}.voice-status .transcript.final{border-style:solid;color:var(--text)}.q-list{display:flex;flex-direction:column;gap:10px}.q{padding:11px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#070b1273;display:flex;flex-direction:column;gap:8px}.q.answering{border-color:var(--accent-line);background:var(--accent-soft)}.q.waiting{border-color:#ffb4544d}.q .q-text{font-size:14px;line-height:1.45}.q .q-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--text-3)}.q .q-answer{padding:9px 11px;border-left:2px solid var(--accent);background:#5ee1ff0f;border-radius:0 8px 8px 0;color:var(--text);font-size:13.5px;line-height:1.55}.q.failed .q-answer{border-left-color:var(--bad);background:var(--bad-soft);color:#ffb3b9;font-family:var(--mono);font-size:12px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.lesson{text-align:left;border:1px solid var(--line);background:linear-gradient(180deg,#111a28bf,#0d1420d9);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .1s,box-shadow .2s}.lesson:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:var(--shadow)}.lesson.running{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.lesson .thumb{aspect-ratio:16 / 9;background:#02050a;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.lesson .thumb img{width:100%;height:100%;object-fit:cover;display:block}.lesson .thumb .fmt{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:6px;background:#02050abf;color:var(--text);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2)}.lesson .thumb .placeholder{color:var(--text-3);font-family:var(--mono);font-size:12px}.lesson .body{display:flex;flex-direction:column;gap:9px;padding:12px 13px 13px}.lesson h3{font-size:14.5px;line-height:1.35}.lesson .course{font-size:12px;color:var(--text-3);line-height:1.4}.lesson .file{font-family:var(--mono);font-size:11px;color:var(--text-2);word-break:break-all}.lesson .actions{display:flex;gap:8px;align-items:center;margin-top:2px}.gesture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.gesture{text-align:left;padding:13px 14px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,#111a28bf,#0d1420d9);display:flex;flex-direction:column;gap:7px;transition:border-color .15s,transform .1s}.gesture:hover:not(:disabled){border-color:var(--accent-line);transform:translateY(-1px)}.gesture b{font-family:var(--display);font-weight:600;font-size:14px}.gesture span{color:var(--text-2);font-size:12.5px;line-height:1.45}.gesture.running{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.robot-view{position:relative;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(500px 260px at 50% 20%,rgba(94,225,255,.1),transparent 70%),linear-gradient(180deg,#0b1220,#06090f);overflow:hidden;aspect-ratio:3 / 4;min-height:320px}.robot-view canvas{display:block;width:100%;height:100%;touch-action:none}.robot-view.wide{aspect-ratio:16 / 10;min-height:360px}.robot-view .overlay{position:absolute;left:10px;right:10px;top:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.robot-view .overlay .right{margin-left:auto;display:flex;gap:6px}.robot-view .overlay .chip{pointer-events:auto;background:#070b12b3}.robot-view .loading{position:absolute;left:12px;right:12px;bottom:12px;font-family:var(--mono);font-size:11px;color:var(--text-3);display:flex;flex-direction:column;gap:6px}.robot-view .loading .bar{height:2px;background:#96b4d226;border-radius:2px;overflow:hidden}.robot-view .loading .bar i{display:block;height:100%;background:var(--accent);transition:width .2s}.robot-view .tip{position:absolute;pointer-events:none;transform:translate(12px,12px);padding:6px 9px;border-radius:8px;background:#070b12e6;border:1px solid var(--accent-line);font-family:var(--mono);font-size:11px;color:var(--text);white-space:nowrap;z-index:2}.robot-view .tip span{color:var(--text-3)}.robot-view.offline canvas{filter:grayscale(.7) brightness(.65)}.robot-view .offline-note{position:absolute;inset:auto 0 34% 0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);pointer-events:none}.camera{position:relative;border-radius:var(--r);border:1px solid var(--line);background:#02050a;overflow:hidden;aspect-ratio:16 / 9}.camera img{width:100%;height:100%;object-fit:cover;display:block}.camera .cam-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-3);font-size:12px;text-align:center;padding:14px;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(150,180,210,.03) 3px 4px)}.camera .cam-empty b{color:var(--text-2);font-weight:500;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.camera .cam-tag{position:absolute;left:8px;top:8px;display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--text);padding:2px 7px;border-radius:6px;background:#02050ab3}.vitals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vital{padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:#070b1280;min-width:0}.vital .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.vital .v{font-family:var(--mono);font-size:17px;font-weight:500;margin-top:3px;line-height:1.2}.vital .v small{font-size:11px;color:var(--text-3);margin-left:3px;font-weight:400}.vital .v.warn{color:var(--warn)}.vital .v.bad{color:var(--bad)}.vital .v.ok{color:var(--ok)}.vital .sub{font-family:var(--mono);font-size:10.5px;color:var(--text-3);margin-top:2px}.bars{display:flex;flex-direction:column;gap:5px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;gap:8px;align-items:center;font-size:11.5px;font-family:var(--mono)}.bar{height:5px;border-radius:3px;background:#96b4d21f;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .4s}.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;font-size:12.5px}.kv dt{color:var(--text-3);font-family:var(--mono);font-size:11.5px}.kv dd{margin:0;color:var(--text);font-family:var(--mono);font-size:12px;word-break:break-word}.joints{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11.5px}.joints th{text-align:left;font-weight:500;color:var(--text-3);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--line)}.joints td{padding:5px 8px;border-bottom:1px solid rgba(150,180,210,.06);color:var(--text-2);white-space:nowrap}.joints td.n{color:var(--text);text-align:right}.joints tr.group td{padding-top:12px;color:var(--accent);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border-bottom:0}.joints .range{width:90px;height:4px;background:#96b4d21f;border-radius:2px;position:relative}.joints .range i{position:absolute;top:-3px;width:2px;height:10px;background:var(--accent);border-radius:1px}.joints .range i.hot{background:var(--warn)}pre.raw{margin:0;font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--text-2);overflow:auto;max-height:420px}@media (prefers-reduced-motion: reduce){.dot.live,.speaking-bar i,.mic .ring{animation:none!important}}