:root{--bg-base: #0c0e12;--bg-surface: #14171d;--bg-elevated: #1b1f27;--bg-hover: #222732;--border-subtle: #20242c;--border-default: #2a2f3a;--border-strong: #3a4150;--text-primary: #eef1f6;--text-secondary: #aab2c0;--text-tertiary: #79828f;--accent: #38e0d0;--accent-hover: #5fe9dc;--accent-2: #22b8ff;--danger: #ff5c6c;--warn: #ffb020;--good: #35c07a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 40px rgba(0, 0, 0, .55);--transition: .16s ease}[hidden]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono)}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-base) 82%,transparent);backdrop-filter:saturate(1.4) blur(8px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.brand-mark{width:28px;height:28px}.brand-name{font-weight:660;letter-spacing:-.01em;font-size:17px}.brand-accent{color:var(--accent);font-weight:560}.topbar-nav{display:flex;align-items:center;gap:4px}.nav-link{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;padding:7px 11px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.icon-only{padding:7px}.ic{flex:none}.main-content{flex:1 0 auto;width:100%;max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,38px) clamp(16px,4vw,40px) 56px}.trust-banner{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:13.5px;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);text-align:left}.trust-banner:hover{border-color:var(--border-strong);color:var(--text-primary)}.trust-dot{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 24%,transparent)}.lede{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:680;letter-spacing:-.02em;margin:22px 0 6px}.sub{color:var(--text-secondary);max-width:66ch;margin:0 0 26px;font-size:15px}.glossary-link{border-bottom:1.5px dotted var(--border-strong);cursor:help}.mode-tabs{display:inline-flex;padding:4px;gap:4px;background:var(--bg-elevated);border-radius:var(--radius-md);width:fit-content;margin-bottom:18px}.mode-tab{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:540;padding:8px 16px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:var(--transition)}.mode-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.panel{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.live-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;padding:18px;grid-template-areas:"video controls" "results results"}.video-wrap{grid-area:video}.controls{grid-area:controls;display:flex;flex-direction:column;gap:16px}.results{grid-area:results}@media(max-width:820px){.live-panel{grid-template-columns:1fr;grid-template-areas:"video" "controls" "results"}}.video-stage{position:relative;aspect-ratio:4 / 3;background:#05070a;border-radius:var(--radius-md);overflow:hidden}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.overlay.drawing{pointer-events:auto;cursor:crosshair}.badges{position:absolute;top:10px;left:10px;display:flex;gap:8px;align-items:center}.status-chip{display:inline-flex;align-items:center;gap:7px;background:#05070aa8;backdrop-filter:blur(4px);border:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.status-chip[data-state=armed]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.status-chip[data-state=armed] .chip-dot{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 22%,transparent)}.status-chip[data-state=recording]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.status-chip[data-state=recording] .chip-dot{background:var(--danger);animation:pulse 1s infinite}.rec-badge{display:inline-flex;align-items:center;gap:4px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:999px}.rec-badge .ic{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cam-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:radial-gradient(circle at center,#05070a66,#05070ad1)}.cam-hint{color:#e2e8f0b3;font-size:12.5px;margin:0;max-width:42ch}.big-btn{border:0;background:var(--accent);color:#05201d;font:inherit;font-weight:680;font-size:15px;padding:12px 24px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 40%,transparent);transition:var(--transition)}.big-btn:hover{transform:translateY(-1px);background:var(--accent-hover)}.meter-row{display:flex;align-items:center;gap:12px;margin-top:12px}.meter-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;width:48px}.meter{position:relative;flex:1;height:10px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.meter-fill{height:100%;width:0;background:var(--accent-2);border-radius:999px;transition:width 90ms linear}.meter-fill.over{background:var(--warn)}.meter-thresh{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-secondary);transform:translate(-1px)}.meter-val{font-size:12px;color:var(--text-secondary);width:4ch;text-align:right}.controls-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cam-status{color:var(--text-tertiary);font-size:12.5px}.sens-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-secondary)}.sens-field strong{color:var(--text-primary)}.sens-field input[type=range]{width:100%;accent-color:var(--accent)}.toggle-row{display:flex;flex-wrap:wrap;gap:8px}.toggle{border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font:inherit;font-size:12.5px;font-weight:520;padding:7px 11px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.toggle.on,.toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.toggle:disabled{opacity:.4;cursor:not-allowed}.btn{border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:14px;font-weight:540;padding:9px 15px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:var(--transition)}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#05201d;font-weight:660}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary.armed{background:var(--danger);border-color:var(--danger);color:#fff}.btn.primary.armed:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#fff)}.btn.ghost{background:transparent}.btn.big{padding:11px 20px;font-size:15px}.btn.tiny{padding:6px 10px;font-size:12.5px}.results{margin-top:4px}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.results-head h2{font-size:15px;font-weight:620;margin:0;display:flex;align-items:center;gap:8px}.pill{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);background:var(--bg-elevated);padding:2px 8px;border-radius:999px}.results-actions{display:flex;gap:8px;flex-wrap:wrap}.results-empty{color:var(--text-tertiary);font-size:13.5px;padding:22px;text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-md)}.results-empty p{max-width:52ch;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.event-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden}.event-thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 3;border:0;padding:0;cursor:pointer;background:#05070a}.event-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#05070a47;opacity:0;transition:var(--transition)}.event-thumb:hover .thumb-play{opacity:1}.thumb-dur{position:absolute;right:6px;bottom:6px;background:#05070ab8;color:#fff;font-size:11px;padding:2px 6px;border-radius:5px}.event-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 9px}.event-time{font-size:12px;color:var(--text-secondary)}.event-btns,.seg-btns{display:flex;gap:2px}.icon-btn{border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:5px;border-radius:var(--radius-sm);display:inline-flex;transition:var(--transition)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.file-panel{padding:18px;display:flex;flex-direction:column;gap:16px}.dropzone{position:relative;display:block;min-height:220px;cursor:pointer}.dropzone.has-video{cursor:default;min-height:0}.dropzone-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;text-align:center;color:var(--text-tertiary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);transition:var(--transition)}.dropzone:hover .dropzone-empty,.dropzone.drag .dropzone-empty{border-color:var(--accent);color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 6%,transparent)}.dz-title{font-weight:560;color:var(--text-primary);margin:4px 0 0}.dz-sub{font-size:13px;margin:0;max-width:48ch}.sample-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 13px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-elevated);color:var(--accent);font:inherit;font-size:13px;font-weight:560;cursor:pointer;transition:var(--transition)}.sample-link:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sample-link .ic{color:var(--accent)}.file-stage{line-height:0}.file-stage video{width:100%;max-height:460px;border-radius:var(--radius-md);background:#05070a;display:block}.scan-wrap{display:flex;flex-direction:column;gap:10px}.scan-status{font-size:13px;color:var(--text-secondary)}.progress{width:100%;height:6px;background:var(--bg-elevated);border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--accent);transition:width .12s linear}.seg-list{display:flex;flex-direction:column;gap:8px}.seg-row{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:var(--radius-md)}.seg-thumb{position:relative;flex:none;width:128px;aspect-ratio:16 / 10;border:0;padding:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:#05070a}.seg-thumb img{width:100%;height:100%;object-fit:cover}.seg-thumb .thumb-play{background:#05070a4d;opacity:0}.seg-thumb:hover .thumb-play{opacity:1}.seg-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.seg-time{font-size:14px;font-weight:600;color:var(--text-primary)}.seg-sub{font-size:12px;color:var(--text-tertiary)}#modal-host{position:fixed;inset:0;z-index:60}.modal-backdrop{position:absolute;inset:0;background:#0305089e;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;animation:pop .18s ease}@keyframes pop{0%{transform:translateY(8px) scale(.99);opacity:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-surface)}.modal-title{font-size:17px;font-weight:620;margin:0}.modal-close{border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:inline-flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px}.player-modal video{width:100%;border-radius:var(--radius-md);background:#05070a}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.steps li{display:flex;gap:14px}.step-num{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:700;padding-top:2px}.steps h3{font-size:14.5px;margin:0 0 3px}.steps p{margin:0;color:var(--text-secondary);font-size:13.5px}.security-grid{display:grid;gap:14px}.security-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px}.security-card h3{font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.security-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.security-card li{font-size:13.5px;color:var(--text-secondary)}.security-card.good{border-color:color-mix(in srgb,var(--good) 40%,var(--border-subtle))}.security-card.bad{border-color:color-mix(in srgb,var(--danger) 30%,var(--border-subtle))}.about p{color:var(--text-secondary);font-size:14px}.about a{color:var(--accent)}.about-src{font-size:13px}#toast-area{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:520;box-shadow:var(--shadow-md);opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.err{background:var(--danger);color:#fff;border-color:var(--danger)}.toast .ic{color:var(--accent)}.toast.err .ic{color:#fff}#event-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-md);z-index:50;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.drawer-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.drawer-controls{display:flex;align-items:center;gap:10px}.drawer-controls .count{font-size:12px;color:var(--text-tertiary)}.drawer-close{border:0;background:transparent;font-size:22px;line-height:1;color:var(--text-tertiary);cursor:pointer;width:30px;height:30px;border-radius:var(--radius-sm)}.drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.filter-pill{border:1px solid var(--border-default);background:transparent;color:var(--text-tertiary);font:inherit;font-size:11.5px;padding:3px 9px;border-radius:999px;cursor:pointer;transition:var(--transition)}.filter-pill.on{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.filter-pill.clear{margin-left:auto}.drawer-list{flex:1;overflow-y:auto;padding:8px 12px;font-family:var(--font-mono);font-size:12px}.event{display:grid;grid-template-columns:auto auto 1fr;gap:8px;padding:4px 2px;border-bottom:1px solid var(--border-subtle);align-items:baseline}.event .ts{color:var(--text-tertiary)}.event .cat{color:var(--accent);text-transform:uppercase;font-size:10px}.event .msg{color:var(--text-secondary);word-break:break-word}.event[data-level=ok] .msg{color:var(--good)}.event[data-level=err] .msg{color:var(--danger)}.event[data-level=warn] .msg{color:var(--warn)}.glossary-tip{position:absolute;z-index:90;max-width:300px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);font-size:12.5px;line-height:1.45;padding:10px 12px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle)}.footer-inner{max-width:1080px;margin:0 auto;padding:20px clamp(16px,4vw,40px);color:var(--text-tertiary);font-size:13px;text-align:center}.footer-inner a{color:var(--text-secondary);text-decoration:none}.footer-inner a:hover{color:var(--text-primary);text-decoration:underline}@media(max-width:560px){.topbar{padding:12px 14px;gap:8px}.topbar-nav{gap:0}.nav-link{font-size:13px;padding:6px 8px}.gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.seg-thumb{width:96px}}@media(max-width:380px){.brand-name{display:none}}