:root{--bg: #0e0e10;--surf: #16161a;--surf2: #1c1c22;--surf3: #26262e;--hair: rgba(255, 255, 255, .06);--hair2: rgba(255, 255, 255, .12);--fg: #f4f4f5;--fg2: #d4d4d8;--mut: #8a8a93;--dim: #54545c;--lime: #a3e635;--lime-dim: rgba(163, 230, 53, .1);--danger: #ef4444;--font-sans: "Manrope", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--fg);background:var(--surf2);border:1px solid var(--hair2);border-radius:6px;padding:10px 14px;font-size:14px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--lime)}textarea{resize:vertical;min-height:80px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut)}.muted{color:var(--mut)}.dim{color:var(--dim)}.fg2{color:var(--fg2)}.lime{color:var(--lime)}.error{color:var(--danger)}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.surf{background:var(--surf);border:1px solid var(--hair2);border-radius:8px;padding:16px}.surf-bare{background:var(--surf);border:1px solid var(--hair2);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surf2);color:var(--fg);border:1px solid var(--hair2);border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--lime)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--lime);color:var(--bg);border:none;font-weight:700}.btn-primary:hover{background:#b4f048}.btn-ghost{background:transparent;color:var(--lime);border:none;font-weight:600;padding:6px 10px}.btn-lime-outline{background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime);font-weight:600}.btn-icon{width:36px;height:36px;padding:0;border-radius:6px;background:var(--surf2);border:1px solid var(--hair2);color:var(--fg2)}.chrome{display:flex;flex-direction:column;min-height:100vh}.chrome-header{display:flex;align-items:center;gap:24px;height:56px;padding:0 32px;border-bottom:1px solid var(--hair2);background:var(--surf);flex-shrink:0}.chrome-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.5px}.chrome-brand-sub{color:var(--mut);font-weight:400}.chrome-nav{display:flex;gap:4px}.chrome-nav a{padding:6px 12px;border-radius:5px;font-size:13px;font-weight:500;color:var(--mut);text-decoration:none}.chrome-nav a:hover{color:var(--fg2)}.chrome-nav a.active{color:var(--fg);background:var(--surf3)}.chrome-status{font-family:var(--font-mono);font-size:11px;color:var(--mut);display:flex;align-items:center;gap:8px}.chrome-status .dot{width:6px;height:6px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 3px var(--lime-dim)}.chrome-avatar{width:30px;height:30px;border-radius:8px;background:var(--surf3);border:1px solid var(--hair2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--lime);font-weight:600}.chrome-content{flex:1;min-height:0;display:flex;flex-direction:column}.card{background:var(--surf);border:1px solid var(--hair2);border-radius:8px}.hm-track{position:relative;background:var(--bg);border-radius:3px}.hm-track svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hm-marker-host{position:absolute;top:-4px;bottom:-4px;width:14px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.hm-marker-host:hover{z-index:50}.hm-marker{width:3px;height:calc(100% - 8px);border-radius:1px;transition:transform .1s}.hm-marker-host:hover .hm-marker{transform:scaleX(2);box-shadow:0 0 0 2px #ffffff1a}.hm-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:140px;max-width:280px;padding:8px 10px;background:var(--surf);color:var(--fg);border:1px solid var(--hair2);border-radius:6px;box-shadow:0 6px 20px #00000080;font-size:11px;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .12s;z-index:100;white-space:normal;text-align:left}.hm-marker-host:hover .hm-tooltip{opacity:1}.hm-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--surf)}.hm-tooltip-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hm-tooltip-time{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--mut)}.hm-tooltip-body{font-size:12px;color:var(--fg2);margin-top:4px;word-wrap:break-word}.hm-tooltip-vote{display:flex;align-items:center;gap:3px;margin-top:4px}.hm-tooltip-user{margin-top:6px;padding-top:4px;border-top:1px solid var(--hair);font-family:var(--font-mono);font-size:10px;color:var(--mut)}.hm-playhead{position:absolute;top:-8px;bottom:-6px;width:1px;background:#ff2d2d;z-index:7;box-shadow:0 0 0 .5px #ffffff80,0 0 4px #ff2d2dd9;transform:translate(-.5px)}.hm-playhead:before{content:"";position:absolute;top:-7px;left:-4.5px;width:10px;height:10px;background:#ff2d2d;transform:rotate(45deg);box-shadow:0 0 0 .5px #ffffffb3,0 0 6px #ff2d2db3;transition:transform .1s,box-shadow .1s}.hm-playhead-grab{cursor:grab;touch-action:none}.hm-playhead-grab:before{cursor:grab}.hm-playhead-grab:active{cursor:grabbing}.hm-playhead-grab:hover:before{transform:rotate(45deg) scale(1.25);box-shadow:0 0 0 1px #ffffffe6,0 0 10px #ff2d2df2}.hm-playhead-grab:after{content:"";position:absolute;top:-10px;left:-9px;width:20px;height:22px;cursor:grab}.ihc-actions-tablet{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.ihc-act-typebtn{padding:12px 18px;font-size:15px;font-weight:700;gap:9px;justify-content:center}.ihc-act-emobtn{width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ihc-act-emopill{width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--hair2);display:flex;align-items:center;justify-content:center}@media (max-width: 720px){.ihc-actions-tablet{gap:6px}.ihc-act-typebtn{flex:1 1 30%;min-width:0;padding:12px 8px}.ihc-act-emobtn{flex:1 1 18%;width:auto;height:52px;min-width:0}}@keyframes ihc-rec-pulse{0%,to{box-shadow:0 0 #ff2d2db3}50%{box-shadow:0 0 0 6px #ff2d2d00}}.ihc-rec-on{animation:ihc-rec-pulse 1s ease-in-out infinite}@keyframes ihc-blink{0%,to{opacity:1}50%{opacity:.15}}.ihc-blink{animation:ihc-blink .7s ease-in-out infinite}.ihc-burst{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);animation:ihc-burst-fly 1s ease-out forwards}@keyframes ihc-burst-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}15%{opacity:1;transform:translate(calc(-50% + var(--dx) * .3),calc(-50% + var(--dy) * .3)) scale(1.3) rotate(var(--rot))}70%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.9) rotate(calc(var(--rot) * -1))}to{opacity:0;transform:translate(calc(-50% + var(--dx) * 1.1),calc(-50% + var(--dy) * 1.2)) scale(1.8) rotate(var(--rot))}}.kpi{background:var(--surf);border:1px solid var(--hair2);border-radius:6px;padding:12px 14px}.kpi-value{font-family:var(--font-sans);font-size:28px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.frame-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;border-radius:6px}.frame-thumb .dur{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:3px}.live-tag{background:var(--danger);color:#fff;font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:3px;letter-spacing:1px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.live-tag .pulse{width:6px;height:6px;border-radius:999px;background:#fff}.auth-wrap{max-width:380px;margin:80px auto;padding:0 24px;display:flex;flex-direction:column;gap:20px}.auth-wrap h1{font-size:36px;font-weight:800;letter-spacing:-1.2px;margin:0}.auth-wrap h1 em{font-style:normal;color:var(--lime)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--surf3);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--hair2)}
