@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ambientBreathe{0%{opacity:.45}to{opacity:.6}}@keyframes liveHalo{0%{box-shadow:0 0 #ff2e4380}70%{box-shadow:0 0 0 8px #ff2e4300}to{box-shadow:0 0 #ff2e4300}}@keyframes armSeal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes armPulse{0%{box-shadow:0 0 #34e1eb59,var(--glow-accent-ring)}to{box-shadow:0 0 0 12px transparent,var(--glow-accent-ring)}}@keyframes thumbIn{0%{filter:grayscale(1)}to{filter:grayscale(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin .7s linear infinite}.spinnerLg{width:30px;height:30px;border-width:3px}.spinnerSm{width:14px;height:14px}.spin{animation:spin .6s linear infinite}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:1100px;margin:0 auto;padding:0 calc(var(--gutter) + var(--sar)) 0 calc(var(--gutter) + var(--sal))}.splash{display:flex;align-items:center;justify-content:center;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:calc(12px + var(--sat));padding-bottom:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brandMarkTop{color:var(--accent);flex:0 0 auto}.brand h1{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:10px;height:10px;border-radius:50%;background:var(--idle);flex:0 0 auto}.dot.live{background:var(--live);animation:liveHalo 2s ease-in-out infinite}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px #f5b14c29}.dot.off{background:var(--idle);box-shadow:0 0 0 3px #7c8a9624}.topRight{display:flex;align-items:center;gap:12px}.alertsChip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:border-color var(--dur-micro),color var(--dur-micro)}.alertsChip:hover{border-color:var(--border-strong);color:var(--text)}.logoutBtn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;min-height:44px;padding:0 4px;white-space:nowrap;transition:color var(--dur-micro)}.logoutBtn:hover{color:var(--text)}.armSwitch{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:6px 2px;min-height:44px}.armTrack{position:relative;width:52px;height:30px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);overflow:hidden;flex:0 0 auto;transition:border-color var(--dur-std) var(--ease-out)}.armTrack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-track);clip-path:inset(0 100% 0 0)}.armSwitch.armed .armTrack{border-color:transparent;box-shadow:var(--glow-accent-ring);animation:armPulse var(--dur-expressive) var(--ease-out)}.armSwitch.armed .armTrack:before{clip-path:inset(0 0 0 0);animation:armSeal var(--dur-expressive) var(--ease-out)}.armKnob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--idle);color:var(--surface-2);display:flex;align-items:center;justify-content:center;transform:translate(0);transition:transform var(--dur-expressive) var(--ease-spring),background var(--dur-std);z-index:2}.armSwitch.armed .armKnob{transform:translate(22px);background:#fff;color:var(--accent-press)}.armRec{position:absolute;top:50%;left:9px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--live);opacity:0;transform:scale(0);transition:opacity var(--dur-std),transform var(--dur-std) var(--ease-spring);z-index:2}.armSwitch.armed .armRec{opacity:1;transform:scale(1)}.armLabel{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums;transition:color var(--dur-std)}.armSwitch.armed .armLabel{color:var(--text)}.pushBanner{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e3);padding:12px 14px;margin:0 0 8px;font-size:13px;color:var(--text-2);animation:slideDown var(--dur-std) var(--ease-out)}.pushBanner>span{flex:1;line-height:1.4}.pushBannerIcon{color:var(--accent);flex:0 0 auto}.stage{flex:1;display:flex;min-height:0}.videoWrap{position:relative;flex:1;min-height:240px;background:#000;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;display:flex;box-shadow:var(--e1)}.bloom{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.18);filter:blur(64px) saturate(1.4) brightness(.55);opacity:.5;z-index:0;animation:ambientBreathe 4s ease-in-out alternate infinite;pointer-events:none}.feed{position:relative;z-index:1;flex:1;width:100%;height:100%;object-fit:contain;background:transparent}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:var(--stage-vignette)}.videoWrap:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:3;pointer-events:none;background:linear-gradient(var(--frame),var(--frame)) top left,linear-gradient(var(--frame),var(--frame)) top left,linear-gradient(var(--frame),var(--frame)) top right,linear-gradient(var(--frame),var(--frame)) top right,linear-gradient(var(--frame),var(--frame)) bottom left,linear-gradient(var(--frame),var(--frame)) bottom left,linear-gradient(var(--frame),var(--frame)) bottom right,linear-gradient(var(--frame),var(--frame)) bottom right;background-repeat:no-repeat;background-size:20px 2px,2px 20px,20px 2px,2px 20px,20px 2px,2px 20px,20px 2px,2px 20px;transition:background-color .22s var(--ease-out)}.videoWrap.is-armed{--frame: var(--accent)}.videoWrap.is-live{--frame: var(--live)}.liveLockup{position:absolute;top:max(var(--sat),12px);left:12px;z-index:4;display:flex;align-items:center;gap:6px;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);padding:5px 10px;box-shadow:var(--e2);animation:fadeUp var(--dur-std) var(--ease-out)}.liveDot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:liveHalo 2s ease-in-out infinite}.liveText{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--text)}.liveTimer{font-family:var(--font-mono);font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.controls{position:absolute;right:12px;bottom:max(var(--sab),12px);z-index:4;display:flex;gap:8px;align-items:center;animation:fadeUp var(--dur-std) var(--ease-out)}.pttBtn,.audioToggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--r-pill);background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--e2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background var(--dur-micro),border-color var(--dur-micro),color var(--dur-micro)}.pttBtn{touch-action:none;user-select:none;-webkit-user-select:none}.pttBtn.talking{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:scale(1.02);box-shadow:var(--accent-glow)}.audioToggle.on{border-color:var(--accent);color:var(--accent)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;color:var(--text-2);background:var(--overlay-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--dur-std) var(--ease-out)}.overlay p{margin:0;font-size:15px;max-width:32ch;line-height:1.45}.overlay .err{color:var(--danger);justify-content:center}.overlayIcon{color:var(--text-2)}.overlayIcon.dim{color:var(--text-muted);opacity:.85}.overlayIcon.danger{color:var(--danger)}.btnAccent{background:var(--accent);color:var(--ink);border:none;border-radius:var(--r-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;transition:background var(--dur-micro),transform var(--dur-micro)}.btnAccent:hover{background:var(--accent-hover)}.btnAccent:active{transform:scale(.98)}.btnOutline{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;transition:background var(--dur-micro)}.btnOutline:hover{background:var(--accent-soft)}.events{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e1);margin-top:var(--s6);padding:12px 14px;max-height:34vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.eventsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.eventsHeader h2{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0}.ghostChip{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-pill);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;min-height:44px;transition:border-color var(--dur-micro),color var(--dur-micro)}.ghostChip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.ghostChip:disabled{opacity:.6;cursor:default}.eventList{list-style:none;margin:0;padding:0;position:relative}.eventList:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--divider);border-radius:2px}.eventRow{position:relative;display:flex;align-items:center;gap:12px;padding:8px 4px 8px 22px;border-radius:var(--r-sm);font-variant-numeric:tabular-nums;animation:rowIn var(--dur-std) var(--ease-out) backwards}.eventRow:nth-child(2){animation-delay:40ms}.eventRow:nth-child(3){animation-delay:80ms}.eventRow:nth-child(4){animation-delay:.12s}.eventRow:nth-child(5){animation-delay:.16s}.eventRow:nth-child(6){animation-delay:.2s}.railDot{position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-strong);box-sizing:border-box}.railDot.hasClip{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.eventRow.playable{cursor:pointer;transition:background var(--dur-micro)}.eventRow.playable:hover{background:#ffffff08}.eventThumb{position:relative;flex:0 0 auto;width:96px;height:54px;border-radius:var(--r-sm);overflow:hidden;background:#000;border:1px solid var(--divider);display:flex}.eventThumb img{width:100%;height:100%;object-fit:cover;animation:thumbIn .22s var(--ease-out);transition:transform var(--dur-std) var(--ease-out)}.eventRow.playable:hover .eventThumb img{transform:scale(1.03)}.eventThumbPlaceholder{width:100%;height:100%;background:linear-gradient(180deg,#0c1116,#080b0e)}.eventPlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--text);opacity:.6;transition:opacity var(--dur-micro)}.eventRow.playable:hover .eventPlay{opacity:1}.eventInfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.eventTime{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.eventMeta{font-size:12px;color:var(--text-muted)}.iconBtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);flex:0 0 auto;transition:color var(--dur-micro),background var(--dur-micro)}.iconBtn:hover{color:var(--text)}.eventDelete:hover{color:var(--danger);background:var(--danger-soft)}.eventConfirm{display:flex;align-items:center;gap:8px;flex:0 0 auto}.confirmDelete{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--r-sm);padding:0 12px;min-height:44px;font-size:12px;font-weight:600;cursor:pointer}.eventsEmpty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0;color:var(--text-muted)}.eventsEmpty p{margin:0;font-size:13px}.eventRow.skeleton{pointer-events:none}.skLine{height:10px;border-radius:4px;background:var(--divider)}.skLineWide{width:60%}.skLine+.skLine{width:38%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.4s infinite}.err{display:flex;align-items:center;gap:8px;color:var(--danger);font-size:13px;margin:6px 0;line-height:1.4}.err svg{flex:0 0 auto}.clipModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--modal-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--sat)) calc(20px + var(--sar)) calc(20px + var(--sab)) calc(20px + var(--sal));animation:fadeIn var(--dur-std) var(--ease-out)}.clipPlayer{position:relative;display:flex;flex-direction:column;gap:10px;max-width:100%;max-height:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--e4);padding:12px;animation:modalIn var(--dur-std) var(--ease-spring)}.clipPlayer video{max-width:90vw;max-height:78vh;border-radius:var(--r-lg);background:#000;display:block}.clipClose{position:absolute;top:-10px;right:-10px;z-index:2;width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--e2)}.clipCloseWide{display:none}.status{display:flex;flex-wrap:wrap;align-items:center;gap:18px;border-top:1px solid var(--divider);margin-top:12px;padding:12px 4px calc(12px + var(--sab))}.stat{display:flex;flex-direction:column;gap:2px}.statLabel{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.statValue{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.led{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.led.good{background:var(--good);box-shadow:0 0 0 3px #2fe6a02e}.led.idle{background:var(--idle);box-shadow:0 0 0 3px #7c8a9626}.led.bad{background:var(--danger);box-shadow:0 0 0 3px #ff5a632e}.url{margin-left:auto;display:inline-flex;align-items:center;gap:6px;max-width:46%;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.url svg{flex:0 0 auto}.urlText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:calc(24px + var(--sat)) calc(24px + var(--sar)) calc(24px + var(--sab)) calc(24px + var(--sal));position:relative;overflow:hidden}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stage-aurora);pointer-events:none}.loginCard{position:relative;width:100%;max-width:360px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--e3);padding:28px 24px}.loginBrand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.brandMark{color:var(--accent);display:flex;filter:drop-shadow(0 0 12px rgba(52,225,235,.35))}.wordmark{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.loginSub{font-size:12px;color:var(--text-muted)}.loginCard form{display:flex;flex-direction:column;gap:14px}.loginCard label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.loginCard input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);height:46px;padding:0 12px;color:var(--text);font-size:15px;font-family:var(--font-ui)}.loginCard input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.codeLabel{position:relative}.srLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.codeInput{height:64px;text-align:center;font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:.5em;text-indent:.5em;font-variant-numeric:tabular-nums}.btnPrimary{display:flex;align-items:center;justify-content:center;height:46px;border:none;border-radius:var(--r-md);background:var(--accent);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--dur-micro),transform var(--dur-micro)}.btnPrimary:hover:not(:disabled){background:var(--accent-hover)}.btnPrimary:active:not(:disabled){transform:scale(.98)}.btnPrimary:disabled{opacity:.7;cursor:default}.btnPrimary .spinner{border-color:#04161a40;border-top-color:var(--ink)}.btnGhost{height:46px;border:1px solid var(--border);border-radius:var(--r-md);background:transparent;color:var(--text-2);font-size:14px;cursor:pointer;transition:border-color var(--dur-micro),color var(--dur-micro)}.btnGhost:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.btnGhost:disabled{opacity:.6;cursor:default}.hint{font-size:13px;color:var(--text-muted);margin:0;line-height:1.45}.loginCard .err{animation:shake .16s var(--ease-out)}@media (max-width: 640px){.clipCloseWide{display:block;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);padding:12px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.clipClose{top:6px;right:6px}}@media (max-width: 430px){.topRight{gap:8px}.brandMarkTop,.alertsChip span{display:none}.alertsChip{padding:0 10px}.eventThumb{width:84px;height:47px}}@media (max-width: 360px){.armLabel{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bloom{opacity:.5!important}.armSwitch.armed .armTrack:before{clip-path:inset(0 0 0 0)!important}}:root{color-scheme:dark;--bg: #05070a;--surface: #0c1116;--surface-2: #151c23;--surface-glass: rgba(21, 28, 35, .72);--overlay-scrim: rgba(5, 7, 10, .62);--modal-scrim: rgba(0, 0, 0, .82);--border: #202a32;--border-strong: #2c3944;--divider: #161d24;--text: #eaf1f6;--text-2: #aab6c0;--text-muted: #7c8a96;--ink: #04161a;--accent: #34e1eb;--accent-hover: #5bebf3;--accent-press: #1fb6c9;--accent-soft: rgba(52, 225, 235, .12);--accent-track: linear-gradient(90deg, #1fb6c9 0%, #34e1eb 100%);--live: #ff2e43;--live-soft: rgba(255, 46, 67, .16);--good: #2fe6a0;--warn: #f5b14c;--danger: #ff5a63;--danger-soft: rgba(255, 90, 99, .12);--idle: #7c8a96;--stage-aurora: radial-gradient(90% 70% at 50% -6%, rgba(52, 225, 235, .1), transparent 62%);--stage-vignette: radial-gradient(120% 120% at 50% 42%, transparent 55%, rgba(0, 0, 0, .55) 100%);--accent-glow: 0 0 34px -6px rgba(52, 225, 235, .5);--glow-accent-ring: 0 0 0 3px rgba(52, 225, 235, .16), 0 0 34px -6px rgba(52, 225, 235, .5);--glow-live-ring: 0 0 0 3px rgba(255, 46, 67, .22);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--e1: 0 1px 2px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .04);--e2: 0 4px 14px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .06);--e3: 0 10px 30px -8px rgba(0, 0, 0, .65);--e4: 0 32px 80px -16px rgba(0, 0, 0, .75);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--gutter: 16px;--dur-micro: .12s;--dur-std: .2s;--dur-expressive: .36s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--frame: rgba(234, 241, 246, .16);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right);--font-ui: -apple-system, "SF Pro Text", "SF Pro Display", BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (forced-colors: active){:focus-visible{outline:2px solid Highlight;outline-offset:2px}}