:root{--bg:#0a0c10;--surface-1:#12151c;--surface-2:#191d25;--surface-3:#232834;--border:#262b35;--border-strong:#3a4150;--text:#b8bec9;--text-h:#eef1f5;--text-dim:#727a8c;--accent:#3ba7e0;--accent-strong:#1c6f9c;--accent-bg:#3ba7e01f;--accent-border:#3ba7e066;--on-accent:#fff;--color-live:#ff4757;--color-live-bg:#ff475726;--color-danger:#e5484d;--color-danger-bg:#e5484d24;--color-danger-text:#ffc2c4;--color-warning:#f0a336;--color-warning-bg:#f0a33624;--color-success:#34c98f;--color-success-bg:#34c98f24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0006, 0 0 0 1px var(--border);--shadow-md:0 8px 24px #00000080, 0 0 0 1px var(--border);--shadow-lg:0 24px 64px #0009, 0 0 0 1px var(--border);--font-display:"Bahnschrift", "DIN Alternate", "Arial Narrow", sans-serif;--font-body:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", ui-monospace, monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:17px;--text-xl:22px;--text-2xl:30px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f3f4f6;--surface-1:#fff;--surface-2:#edeff2;--surface-3:#e2e5ea;--border:#dcdfe4;--border-strong:#c3c8d1;--text:#4b5262;--text-h:#12151c;--text-dim:#868da0;--accent:#1c72a3;--accent-strong:#175f88;--accent-bg:#1c72a314;--accent-border:#1c72a359;--on-accent:#fff;--color-live:#d92d3a;--color-live-bg:#d92d3a1a;--color-danger:#c93338;--color-danger-bg:#c9333814;--color-danger-text:#9c2529;--color-warning:#a86a17;--color-warning-bg:#a86a171a;--color-success:#1c8d63;--color-success-bg:#1c8d631a;--shadow-sm:0 1px 2px #1419230f, 0 0 0 1px var(--border);--shadow-md:0 8px 24px #14192314, 0 0 0 1px var(--border);--shadow-lg:0 24px 64px #1419231f, 0 0 0 1px var(--border);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--text);font:400 var(--text-base)/1.55 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);color:var(--text-h);text-wrap:balance;margin:0;font-weight:600}p{margin:0}button,input{color:inherit;font-family:inherit}::selection{background:var(--accent-bg);color:var(--text-h)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}code{font-family:var(--font-mono);color:var(--text-h);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:13px;line-height:135%;display:inline-flex}.loading{height:100svh;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.app-layout{flex-direction:column;min-height:100svh;display:flex}.app-topbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0;display:flex}.brand-mini{font:600 var(--text-sm)/1 var(--font-display);color:var(--text-h);letter-spacing:.02em;align-items:center;gap:8px;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--accent-bg);border:1px solid var(--accent-border);width:30px;height:30px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-topbar .user-tag{color:var(--text-dim);font-size:var(--text-sm);margin-left:auto}.nav-tabs{gap:var(--space-2);display:flex}.nav-tabs button{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-dim);font:600 var(--text-xs)/1 var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:8px 14px}.nav-tabs button.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.app-topbar .icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-topbar .icon-btn:hover{color:var(--text-h);border-color:var(--border-strong)}.app-main{width:100%;padding:var(--space-5);flex:1}.page{width:100%;max-width:1440px;margin:0 auto}.bottom-tabs{border-top:1px solid var(--border);background:var(--surface-1);z-index:40;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-tabs button{color:var(--text-dim);cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0 10px;display:flex}.bottom-tabs button .icon{width:20px;height:20px}.bottom-tabs button span{font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em}.bottom-tabs button.active{color:var(--accent)}@media (width<=767px){.nav-tabs{display:none}.bottom-tabs{display:flex}.app-main{padding-bottom:calc(64px + var(--space-4))}}.icon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.icon.filled{fill:currentColor;stroke:none}.label{font:600 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field .label{color:var(--text-dim)}.field input{background:var(--surface-2);border:1px solid var(--border);color:var(--text-h);border-radius:var(--radius-sm);font-size:var(--text-md);padding:10px 12px;transition:border-color .12s,box-shadow .12s}.field input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.field input::placeholder{color:var(--text-dim)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-h);cursor:pointer;font:600 var(--text-xs)/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;padding:10px 18px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.block{width:100%;padding:12px 18px}.btn.sm{padding:6px 12px;font-size:10px}.alert{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;align-items:flex-start;display:flex}.alert.danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.alert .icon{color:var(--color-danger);margin-top:1px}.status{color:var(--color-success);font-size:var(--text-sm)}.error{color:var(--color-danger-text);font-size:var(--text-sm)}.pill{border-radius:var(--radius-full);font:600 var(--text-xs)/1.4 var(--font-body);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.pill.success{background:var(--color-success-bg);color:var(--color-success)}.pill.dim{background:var(--surface-3);color:var(--text-dim)}.pill.danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.switch{appearance:none;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.switch:before{content:"";background:var(--text-dim);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.switch:checked{background:var(--accent-bg);border-color:var(--accent-border)}.switch:checked:before{background:var(--accent);transform:translate(16px)}.switch:disabled{opacity:.5;cursor:not-allowed}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-full);font:600 var(--text-xs)/1 var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;padding:6px 14px}.segmented button.active{background:var(--surface-1);color:var(--text-h);box-shadow:var(--shadow-sm)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.link-button{color:var(--text-h);font:600 var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.link-button:hover{color:var(--accent)}.you-tag{color:var(--text-dim);font-size:var(--text-xs);margin-left:4px}.login-screen{min-height:100svh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{width:380px;max-width:100%;padding:var(--space-6);gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.brand{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.brand .brand-mark{width:44px;height:44px}.brand h1{font-size:var(--text-2xl);letter-spacing:.01em}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-foot{color:var(--text-dim);font-size:var(--text-xs)}.totp-setup{gap:var(--space-3);flex-direction:column;display:flex}.totp-setup .totp-intro{color:var(--text-dim);font-size:var(--text-sm)}.totp-qr-wrap{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.totp-qr{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;padding:10px;line-height:0}.totp-qr img{width:168px;height:168px;display:block}.secret-chip{align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font:500 var(--text-sm)/1 var(--font-mono);letter-spacing:.03em;color:var(--text);padding:6px 6px 6px 14px;display:inline-flex}.secret-chip button{background:var(--surface-3);color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.secret-chip button:hover{color:var(--accent)}.secret-chip button.copied{color:var(--color-success)}.otp-row{justify-content:center;gap:8px;display:flex}.otp-row input{text-align:center;width:40px;height:48px;font:600 20px/1 var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h)}.otp-row input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.cam-page-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.cam-page-head h2{font-size:var(--text-xl)}.cam-page-head .meta{color:var(--text-dim);font-size:var(--text-sm)}.camera-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1199px){.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.camera-grid{grid-template-columns:1fr}}.camera-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.camera-tile-header{padding:var(--space-3) var(--space-3) var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.camera-tile-header h2{font:600 var(--text-md)/1.2 var(--font-body);color:var(--text-h);margin:0}.camera-mode-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.camera-mode-tabs button{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-full);font:600 var(--text-xs)/1 var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;padding:6px 14px}.camera-mode-tabs button.active{background:var(--surface-1);color:var(--text-h);box-shadow:var(--shadow-sm)}.player{aspect-ratio:16/9;background:#05070a;position:relative;overflow:hidden}.camera-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.scrim-top,.scrim-bottom{padding:var(--space-3);z-index:2;opacity:0;pointer-events:none;align-items:center;transition:opacity .15s;display:flex;position:absolute;left:0;right:0}.player.show-chrome .scrim-top,.player.show-chrome .scrim-bottom,.player:hover .scrim-top,.player:hover .scrim-bottom,.player:focus-within .scrim-top,.player:focus-within .scrim-bottom{opacity:1;pointer-events:auto}.scrim-top{background:linear-gradient(#000000a6,#0000);justify-content:space-between;top:0}.scrim-bottom{background:linear-gradient(#0000,#000000b3);flex-direction:column;align-items:stretch;gap:0;padding:0;bottom:0}.ctrl-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.scrubber{height:3px;margin:0 var(--space-3) 4px;cursor:pointer;touch-action:none;background:#ffffff40;border-radius:2px;transition:height .1s,margin-bottom .1s;position:relative}.scrubber:hover,.scrubber:active{height:5px;margin-bottom:2px}.scrubber-fill{background:var(--accent);pointer-events:none;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.scrubber-thumb{pointer-events:none;background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.scrubber:hover .scrubber-thumb,.scrubber:active .scrubber-thumb{transform:translate(-50%,-50%)scale(1)}.cam-title{color:#fff;font:600 var(--text-sm)/1 var(--font-body);text-shadow:0 1px 3px #00000080}.live-badge{background:var(--color-live-bg);color:#fff;border-radius:var(--radius-full);font:700 10px/1 var(--font-display);letter-spacing:.08em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #ff475766;align-items:center;gap:6px;padding:3px 9px 3px 7px;display:inline-flex}.live-dot{background:var(--color-live);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ff475799}50%{opacity:.75;box-shadow:0 0 0 4px #ff475700}}.ctrl-group{align-items:center;gap:4px;display:flex}.ctrl-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ctrl-btn:hover{background:#ffffff38}.ctrl-btn .icon{width:16px;height:16px}.center-overlay{z-index:3;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.center-overlay .stack{align-items:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.center-overlay .msg{color:#e7e9ee;font-size:var(--text-sm);max-width:22ch}.center-overlay .msg.warn-text{color:#ffd2a8}.center-overlay .play-big{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.center-overlay .play-big .icon{width:22px;height:22px}.spinner{width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.live-dot,.spinner{animation:none!important}}.camera-placeholder,.history-empty{justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface-2);color:var(--text-dim);text-align:center;padding:var(--space-4);flex-direction:column;display:flex;position:absolute;inset:0}.history-empty .icon{opacity:.6;width:26px;height:26px}.history-empty b{color:var(--text);font-weight:600;font-size:var(--text-sm)}.history-empty span{font-size:var(--text-xs);max-width:26ch}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);width:100%;overflow:hidden}.table-scroll{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.users-table thead th{text-align:left;padding:10px var(--space-3);background:var(--surface-2);color:var(--text-dim);font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}.users-table tbody td{padding:10px var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:var(--surface-2)}.users-table tbody tr.selected td{background:var(--accent-bg)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12.5px}.ua-cell{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:260px;font-size:.8rem;overflow:hidden}@media (width<=767px){.table-wrap .users-table thead{display:none}.table-wrap .users-table,.table-wrap .users-table tbody,.table-wrap .users-table tr,.table-wrap .users-table td{width:100%;display:block}.table-wrap .users-table tr{border-bottom:1px solid var(--border);padding:var(--space-3)}.table-wrap .users-table tr:last-child{border-bottom:none}.table-wrap .users-table td{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:right;border-bottom:none;padding:6px 0;display:flex}.table-wrap .users-table td[data-label]:before{content:attr(data-label);font:600 11px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);text-align:left;flex-shrink:0}.table-wrap .ua-cell{max-width:60%}}.create-user-form{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.create-user-form input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);padding:.5rem}.create-user-form label{font-size:var(--text-sm);color:var(--text-dim);align-items:center;gap:.4rem;display:flex}.admin-page{gap:var(--space-5);flex-direction:column;display:flex}.admin-page>section{padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.admin-page>section:last-child{border-bottom:none;padding-bottom:0}.admin-page h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.admin-subtabs{gap:var(--space-2);border-bottom:1px solid var(--border);display:flex}.admin-subtabs button{margin-right:var(--space-4);color:var(--text-dim);cursor:pointer;font:600 var(--text-sm)/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px}.admin-subtabs button.active{color:var(--text-h);border-color:var(--accent)}.admin-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-toolbar .count{color:var(--text-dim);font-size:var(--text-sm)}.admin-panes{gap:var(--space-4);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}@media (width<=1199px){.admin-panes{grid-template-columns:1fr}}@media (width<=767px){.admin-panes.has-selection .users-list-pane,.admin-panes:not(.has-selection) .detail-pane{display:none}}.detail-pane .back{color:var(--text-dim);cursor:pointer;font:600 var(--text-xs) var(--font-display);text-transform:uppercase;letter-spacing:.05em;padding:0 0 var(--space-3);background:0 0;border:none;align-items:center;gap:6px;display:none}.detail-pane .back:hover{color:var(--accent)}@media (width<=767px){.detail-pane .back{display:flex}}.detail-empty{height:100%;min-height:160px;color:var(--text-dim);font-size:var(--text-sm);background:var(--surface-1);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;justify-content:center;align-items:center;display:flex}.detail-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.detail-panel .dp-head{align-items:center;gap:var(--space-3);display:flex}.detail-panel .dp-head h2{font-size:var(--text-lg);margin:0}.detail-panel .dp-head .role{color:var(--text-dim);font-size:12px}.detail-panel section{gap:var(--space-3);flex-direction:column;display:flex}.detail-panel section h3{font:600 var(--text-xs)/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.avatar-chip{background:var(--accent-bg);border:1px solid var(--accent-border);width:34px;height:34px;color:var(--accent);font:600 var(--text-sm)/1 var(--font-display);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.perm-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.perm-row:last-child{border-bottom:none}.perm-row .cam-name{font-size:var(--text-sm);color:var(--text-h)}.perm-row .perm-switches{gap:var(--space-4);display:flex}.perm-switches label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-family:var(--font-display);align-items:center;gap:6px;font-weight:600;display:flex}.archive-overlay{z-index:100;background:var(--surface-1);flex-direction:column;display:flex;position:fixed;inset:0}.archive-overlay-header{padding:var(--space-2) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.archive-overlay-title{align-items:center;gap:var(--space-2);font:600 var(--text-sm)/1 var(--font-display);color:var(--text-h);display:flex}.archive-overlay-body{flex-direction:column;flex:1;min-height:0;display:flex}.archive-overlay-body .archive-player,.archive-overlay-body .player{flex:1;min-height:0}.archive-player{flex-direction:column;display:flex}.archive-controls{padding:var(--space-2) var(--space-3) var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.archive-top-row{align-items:flex-end;gap:var(--space-3);display:flex}.archive-date-field{flex-direction:column;gap:4px;display:flex}.archive-label{font:600 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.archive-date-field input[type=date]{background:var(--surface-1);border:1px solid var(--border);color:var(--text-h);border-radius:var(--radius-sm);font-size:var(--text-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:7px 10px}.archive-date-field input[type=date]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.archive-error{padding:6px var(--space-3);font-size:var(--text-xs);color:var(--color-danger-text);background:var(--color-danger-bg);align-items:center;gap:6px;display:flex}.archive-time-badge{font:600 var(--text-sm)/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-sm);letter-spacing:.04em;background:#00000073;border:1px solid #ffffff26;padding:2px 7px}.archive-segments{white-space:nowrap;-webkit-overflow-scrolling:touch;padding:var(--space-2) var(--space-3);background:var(--surface-2);border-top:1px solid var(--border);display:block;overflow:auto hidden}.archive-seg-btn{font:600 var(--text-xs)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);margin-right:var(--space-1);cursor:pointer;white-space:nowrap;padding:4px 8px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.archive-seg-btn:hover{background:var(--surface-3);color:var(--text-h)}.archive-seg-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.tl-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:flex}.tl-track{cursor:pointer;height:28px;position:relative}.tl-bg{background:var(--surface-3);border-radius:var(--radius-full);height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tl-fill{background:var(--accent);border-radius:var(--radius-full);pointer-events:none;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.tl-rec{z-index:1;pointer-events:none;background:#ffc80080;border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.tl-playhead{z-index:3;pointer-events:none;background:#fff;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 5px #000c}.tl-tick{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.tl-tick-line{background:var(--border-strong);width:1px;height:8px;margin-top:2px}.tl-tick-label{font:600 9px/1 var(--font-display);color:var(--text-dim);white-space:nowrap;margin-top:2px}.tl-handle{z-index:2;background:var(--accent);border:2px solid var(--surface-1);cursor:grab;touch-action:none;border-radius:50%;width:16px;height:16px;padding:0;transition:transform .1s,box-shadow .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.tl-handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 2px 8px #00000080}.tl-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tl-labels{justify-content:space-between;align-items:center;display:flex}.tl-time{font:600 var(--text-xs)/1 var(--font-display);color:var(--text-h);font-variant-numeric:tabular-nums;letter-spacing:.02em}.tl-duration{font-size:var(--text-xs);color:var(--text-dim)}@media (width<=640px){.tl-track{height:52px}.tl-bg,.tl-fill{height:6px}.tl-rec{height:6px;top:50%;transform:translateY(-50%)}.tl-handle{width:28px;height:28px}.tl-handle:before{content:"";border-radius:50%;position:absolute;inset:-8px}.tl-tick:not(.tl-tick-major) .tl-tick-label{display:none}.tl-tick-label{font-size:8px}.archive-seg-btn{padding:6px 10px;font-size:11px}}.zoom-active{cursor:grab}.zoom-dragging{cursor:grabbing}.player.css-fullscreen{z-index:200;aspect-ratio:unset;border-radius:0;inset:0;width:100%!important;height:100%!important;position:fixed!important}.zoom-badge{font:600 var(--text-xs)/1 var(--font-display);color:#fff;border-radius:var(--radius-sm);background:#0000008c;border:1px solid #fff3;padding:2px 6px}.scrim-top-badges{align-items:center;gap:var(--space-2);display:flex}