:root{--blue:#2563ff;--cyan:#06b6d4;--green:#10b981;--dark:#0f172a;--slate:#64748b;--light:#f8fafc;--border:#e2e8f0;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--brand-gradient:linear-gradient(135deg, var(--blue), var(--cyan));--bg:var(--light);--surface:#fff;--surface-2:#f1f5f9;--text:var(--dark);--muted:var(--slate);--line:var(--border);--accent:var(--blue);--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow:0 4px 16px #0f172a14;--shadow-lg:0 12px 40px #0f172a29;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-head:"Inter Tight", "Inter", -apple-system, "Segoe UI", sans-serif}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-var.woff2)format("woff2");font-weight:600 700;font-display:swap}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 1px 2px #2563ff59}.btn.primary:hover:not(:disabled){background:#1d4ed8}.btn.ghost{color:var(--slate);background:0 0;border-color:#0000}.btn.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.btn.small{padding:7px 13px;font-size:13px}.btn.block{width:100%;margin-top:10px;display:flex}.btn:disabled{opacity:.5;cursor:default}.pill{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.live{color:#1d4ed8;background:#eff6ff}.pill.pending{color:#b45309;background:#fffbeb}.pill.inactive{color:#b91c1c;background:#fef2f2}.pill.neutral{background:var(--surface-2);color:var(--slate)}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text)}:root{--tabs-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.4}button,input,select{font-family:inherit;font-size:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;margin:5px 0;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563ff26}h2{margin:0 0 10px;font-size:20px}h3{margin:0 0 10px;font-size:17px}h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px;font-size:12px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.ok{color:var(--success)}.bad{color:var(--error)}.link{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:4px;font-weight:500}.error-box{border-radius:var(--radius-sm);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;margin:10px 0;padding:10px 12px;font-size:14px}.warn{border-radius:var(--radius-sm);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:10px 12px;font-size:14px}.empty-state{text-align:center;color:var(--muted);padding:36px 16px}.empty-state small{margin-top:8px;display:block}.splash{background:radial-gradient(1200px 600px at 50% -10%, #e8f0ff, var(--bg) 60%);place-items:center;min-height:100%;padding:24px;display:grid}.splash-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;border-radius:20px;justify-items:center;gap:6px;padding:26px 24px;display:grid}.splash-card h3{margin:10px 0 0}.login-page{background:var(--bg);grid-template-columns:1fr;min-height:100%;display:grid}.login-hero{display:none}.login-main{padding:26px 18px calc(26px + env(safe-area-inset-bottom));padding-top:calc(26px + env(safe-area-inset-top));background:radial-gradient(900px 500px at 50% -10%, #e8f0ff, var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:26px 24px 22px}.login-card img,.login-card>span{margin:0 auto}.card-sub{color:var(--muted);margin:6px 0 18px;font-size:12px}.card-title{margin:0;font-size:23px}.card-hint{color:var(--muted);margin:4px 0 16px;font-size:14px}.field{text-align:left;margin-bottom:12px;display:block}.field>span{color:var(--text);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.input-wrap,.fake-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding-left:12px;display:flex;position:relative}.fake-input{background:var(--surface-2);color:var(--text);padding:12px;font-weight:500}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563ff26}.input-wrap input{background:0 0;border:none;margin:0;padding-left:0}.input-wrap input:focus{box-shadow:none;outline:none}.fi{opacity:.55;font-size:14px;font-style:normal}.reveal{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 12px;font-size:15px}.login-row{flex-wrap:nowrap;margin:4px 0 14px;font-size:13px}.login-row .check,.login-row .link{white-space:nowrap;padding:0}.btn.signin{background:linear-gradient(90deg,#1d4ed8,#2563ff 55%,#06b6d4 180%);border:none;padding:14px;font-size:15px;font-weight:600;box-shadow:0 6px 18px #2563ff4d}.assurances{border-top:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:16px;display:grid}.assurances b{margin:4px 0 2px;font-size:12px;display:block}.assurances span:last-child{color:var(--muted);font-size:11px;line-height:1.3}.a-icon{font-size:15px}.login-foot{opacity:.75;align-items:center;gap:10px;display:flex}@media (width>=900px){.login-page{grid-template-columns:1.05fr 1fr}.login-hero{color:#e8eefc;background:radial-gradient(900px 600px at 80% 10%,#06b6d447,#0000 60%),radial-gradient(700px 500px at 20% 90%,#2563ff59,#0000 60%),linear-gradient(160deg,#0b1220,#0f172a 60%,#071022);flex-direction:column;justify-content:space-between;gap:40px;padding:48px 56px;display:flex}.hero-sub{color:#9fb4d8;margin:12px 0 0 2px;font-size:14px}.hero-title{color:#fff;margin:0 0 14px;font-size:46px;line-height:1.05}.hero-title .grad{background:linear-gradient(90deg,#22d3ee,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-text{color:#a8bcdb;max-width:430px;font-size:15px}.hero-features{grid-template-columns:repeat(2,minmax(0,190px));gap:12px;margin-top:30px;display:grid}.hero-feature{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff17;padding:14px}.hero-feature b{color:#fff;margin:8px 0 2px;font-size:14px;display:block}.hero-feature span:last-child{color:#9fb4d8;font-size:12px}.hero-icon{color:#38bdf8;font-size:18px}.hero-foot{letter-spacing:.22em;color:#64748b;font-size:11px}.login-main{background:var(--surface);padding:40px}}.brand-logo{max-width:200px;max-height:72px;margin:0 auto 8px;display:block}.company-badge{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;margin:6px auto 4px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.tagline{color:var(--muted);margin:6px 0 16px;font-size:14px}.shell{flex-direction:column;height:100%;display:flex}.banner{padding:7px 12px;padding-top:calc(7px + env(safe-area-inset-top));color:#92400e;text-align:center;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:13px}.appbar{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;display:flex}.banner+.content .appbar,.banner~.content{padding-top:0}.appbar .who{color:var(--muted);font-size:13px}.content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.tabs{height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex}.tabs button{color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tabs button.on{color:var(--blue)}.tab-icon{font-size:19px;line-height:1}.toast{left:50%;bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom) + 14px);background:var(--dark);color:#fff;max-width:90vw;box-shadow:var(--shadow-lg);z-index:50;border-radius:999px;padding:11px 18px;font-size:14px;position:fixed;transform:translate(-50%)}.vtile{aspect-ratio:16/9;touch-action:manipulation;background:#050b16;position:relative;overflow:hidden}.vtile video{object-fit:contain;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.vtile-msg{color:#94a3b8;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.vtile-msg.bad{color:#fca5a5}.vtile-label{color:#fff;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;font-weight:500;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.live{flex-direction:column;min-height:100%;display:flex}.chips{scrollbar-width:none;gap:8px;padding:12px 14px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:8px 15px;font-size:14px;font-weight:500}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 1px 3px #2563ff66}.live-grid{background:var(--dark);gap:3px;padding:3px;display:grid}.live-bar{justify-content:space-between;align-items:center;padding:14px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);display:inline-flex;overflow:hidden}.seg.wide{margin:6px 0;display:flex}.seg.wide button{flex:1}.seg button{cursor:pointer;background:0 0;border:none;padding:9px 16px;font-weight:500}.seg button.on{background:var(--blue);color:#fff}.pager{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.pager button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:38px;font-size:20px;line-height:1}.pager button:disabled{opacity:.4}.cv-header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.cv-title{text-align:center;flex:1;font-weight:600}.cv-title small{color:var(--muted);font-weight:400;display:block}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;width:40px;height:40px;font-size:20px;line-height:1}.icon-btn.star.on{color:var(--warning);background:#fffbeb;border-color:#fde68a}.cv-video{background:var(--dark);position:relative}.cv-nav{color:#fff;cursor:pointer;background:#0f172a8c;border:none;width:36px;height:56px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.cv-nav.left{border-radius:0 10px 10px 0;left:0}.cv-nav.right{border-radius:10px 0 0 10px;right:0}.cv-actions{justify-content:center;gap:12px;padding:16px;display:flex}.action{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-width:88px;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:13px 10px;display:flex}.action b{font-size:18px;font-weight:600}.action span{color:var(--muted);font-size:12px}.action.on{border-color:var(--blue);color:var(--blue);background:#eff6ff}.hint{text-align:center;color:var(--muted);padding:0 16px;font-size:12px}.ev-big{background:var(--dark);width:100%;display:block}.playback{padding-bottom:16px}.pb-controls{grid-template-columns:1fr 155px;gap:8px;padding:12px 14px;display:grid}.pb-video{background:var(--dark);position:relative}.pb-clock{color:#fff;font-variant-numeric:tabular-nums;background:#0f172abf;border-radius:999px;padding:3px 10px;font-size:13px;position:absolute;top:8px;right:10px}.pb-buttons{justify-content:space-around;padding:12px 10px;display:flex}.pb-buttons button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-width:58px;padding:10px 6px;font-weight:500}.pb-buttons button:disabled{opacity:.4}.timeline{padding:0 14px}.tl-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);touch-action:none;height:56px;position:relative;overflow:hidden}.tl-block{background:var(--blue);opacity:.75;border-radius:3px;min-width:1px;height:22px;position:absolute;top:9px}.tl-block.motion{background:var(--warning)}.tl-block.alarm{background:var(--error)}.tl-tick{border-left:1px solid var(--border);position:absolute;top:0;bottom:0}.tl-tick span{color:var(--muted);font-size:10px;position:absolute;bottom:4px;left:4px}.tl-cursor{background:var(--dark);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-zoom{align-items:center;gap:6px;padding:10px 0;display:flex}.tl-zoom button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:13px}.tl-zoom button.on{background:var(--blue);border-color:var(--blue);color:#fff}.tl-hover{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.pb-list{padding:0 14px}.pb-item{border:none;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 4px;display:flex}.tag{color:#1d4ed8;background:#eff6ff;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:500}.tag.motion{color:#b45309;background:#fffbeb}.tag.line,.tag.intrusion,.tag.alarm{color:#b91c1c;background:#fef2f2}.events{padding:14px}.events-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.event-list{margin:0;padding:0;list-style:none}.event-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;gap:12px;margin-bottom:10px;padding:10px;display:flex}.event-list img,.event-list .noimg{aspect-ratio:16/9;object-fit:cover;background:var(--dark);border-radius:8px;flex:none;width:116px}.event-list .tag{margin-left:0}.ev-cam{margin:5px 0 2px;font-size:14px;font-weight:500}.settings{padding:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:16px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.row.gap{gap:10px}.row.end{justify-content:flex-end;margin-top:16px}.row label{color:var(--muted);flex:1;font-size:13px}.checks{grid-template-columns:1fr 1fr;display:grid}.check{align-items:center;gap:9px;padding:7px 0;font-size:14px;display:flex}.check input{width:19px;height:19px;accent-color:var(--blue);margin:0}.scope-dvr{border-left:2px solid var(--line);margin:4px 0;padding-left:10px}.scope-cams{grid-template-columns:1fr 1fr;padding-left:12px;display:grid}.days{gap:5px;margin:8px 0;display:flex}.days button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;flex:1;padding:9px 0;font-size:12px;font-weight:500}.days button.on{background:var(--blue);border-color:var(--blue);color:#fff}.switch{width:50px;height:30px;position:relative;flex:none!important}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch span:after{content:"";width:24px;height:24px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--success)}.switch input:checked+span:after{transform:translate(20px)}.user-list,.company-list{margin:10px 0 0;padding:0;list-style:none}.user-list li{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;padding:12px 0;display:flex}.company-list li{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:14px 2px;display:flex}.grow{flex:1;min-width:0}.dot{background:var(--error);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #ef444426}.dot.on{background:var(--success);box-shadow:0 0 0 3px #22c55e2e}.add-company{border-bottom:1px solid var(--line);padding:12px 0}.status-list{gap:5px;font-size:14px;display:grid}.keybox{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);word-break:break-all;-webkit-user-select:all;user-select:all;margin:10px 0;padding:13px;font-family:ui-monospace,Consolas,monospace;font-size:13px}code{background:var(--surface-2);border-radius:5px;padding:2px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.92em}.sheet{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-body{width:100%;max-height:88vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;overflow-y:auto}@media (width>=720px){.content>*{max-width:920px;margin:0 auto}}.camera-view{width:100%;max-width:960px;margin:0 auto;padding-bottom:18px}.cv-video{aspect-ratio:16/9;overflow:hidden}.cv-video .vtile{aspect-ratio:auto;height:100%;position:absolute;inset:0}.cv-video video{object-fit:contain;width:100%;height:100%}.cv-badge{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0f172a9e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.cv-badge i{background:#22c55e;border-radius:50%;width:8px;height:8px}.cv-badge.playback i{background:#f97316}.cv-exitfull{color:#fff;background:#0f172a9e;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:10px;right:10px}.cv-toolbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-around;padding:6px 8px;display:flex}.cv-toolbar button{min-width:56px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;font-size:19px;font-weight:600}.cv-toolbar button:disabled{opacity:.35}.cv-toolbar button.q{letter-spacing:.04em;font-size:13px}.cv-toolbar button.q.on{color:var(--blue)}.cv-modes{justify-content:center;padding:14px 16px 6px;display:flex}.mode-btn{border:1px solid var(--line);background:var(--surface);width:100%;max-width:420px;height:52px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;font-size:16px;font-weight:600}.mode-btn.primary{color:#dc2626}.cv-playback{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px;padding-bottom:6px}.datebar{padding:12px 14px 4px}.datebar-row{justify-content:space-between;align-items:center;display:flex}.datebar-pill{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.datebar-pill button{cursor:pointer;background:0 0;border:none;min-width:40px;height:40px;font-size:20px}.datebar-pill button:disabled{opacity:.3}.datebar-pill .datebar-label{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:118px;padding:0 12px;font-size:16px;font-weight:600}.datebar-cal{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;width:42px;height:40px;font-size:18px}.datebar-cal.on{color:var(--blue);border-color:var(--blue)}.calendar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:10px;padding:10px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cal-head button{background:0 0;border:none;width:38px;height:38px;font-size:20px}.cal-head button:disabled{opacity:.3}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-dow{color:var(--muted);padding:4px 0;font-size:11px}.cal-day{cursor:pointer;background:0 0;border:none;border-radius:10px;height:40px;font-size:15px;position:relative}.cal-day:disabled{color:#cbd5e1}.cal-day.today{color:var(--blue);font-weight:700}.cal-day.has:after{content:"";background:#f97316;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:5px;left:50%}.cal-day.sel{background:var(--blue);color:#fff}.cal-day.sel:after{background:#fff}.cal-foot{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.ruler-wrap{padding:10px 0 4px}.ruler{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:var(--surface);height:92px;position:relative;overflow:hidden}.ruler:active{cursor:grabbing}.ruler-ticks{border-bottom:1px solid var(--line);height:34px;position:absolute;inset:0 0 auto}.ruler-tick{background:#94a3b8;width:1px;height:10px;position:absolute;bottom:0}.ruler-tick span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:12px;left:0;transform:translate(-50%)}.ruler-track{height:46px;position:absolute;top:40px;left:0;right:0}.ruler-day{background:#fff1ec;position:absolute;top:0;bottom:0}.ruler-rec{background:#f97316;position:absolute;top:0;bottom:0}.ruler-rec.continuous,.ruler-rec.timing,.ruler-rec.record{background:#3b82f6}.ruler-rec.alarm{background:#ef4444}.ruler-cursor{pointer-events:none;background:#dc2626;width:2px;margin-left:-1px;position:absolute;top:26px;bottom:0;left:50%}.ruler-cursor:before{content:"";border:6px solid #0000;border-top-color:#dc2626;position:absolute;top:-2px;left:-5px}.ruler-zoom{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;padding-top:6px;font-size:12px;display:flex}.ruler-zoom button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:30px;font-size:17px}.jog{justify-content:center;align-items:center;gap:12px;padding:10px 0 6px;display:flex}.jog button{cursor:pointer;background:#eef2ff;border:none;border-radius:999px;min-width:66px;height:40px;font-weight:600}.jog button:disabled{opacity:.4}.jog-time{text-align:center;font-variant-numeric:tabular-nums;background:#eef2ff;border-radius:999px;min-width:118px;padding:8px 14px;font-size:18px;font-weight:700}.pb-pick{padding:12px 14px 20px}.pb-search{margin:0 0 8px}.pb-pick h4{margin:16px 2px 8px}.pb-cams{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pb-cam{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.pb-cam img{aspect-ratio:16/9;object-fit:cover;background:var(--dark);width:100%}.pb-cam span{padding:7px 9px;font-size:13px;font-weight:500}.install-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:12px;margin:10px 12px 0;padding:12px 14px;display:flex}.install-card img{border-radius:10px;width:42px;height:42px}.install-card div{flex:1;font-size:13.5px}.install-card b{font-size:15px;display:block}.install-card button{cursor:pointer;background:0 0;border:none}.install-card .go{background:var(--blue);color:#fff;border-radius:999px;padding:9px 14px;font-weight:600}.install-card .x{color:var(--muted);font-size:18px}.ios-steps{margin:6px 0 0;padding-left:18px;font-size:13px}.cv-video:fullscreen{aspect-ratio:auto;background:#000;width:100vw;height:100vh}.camera-view.is-full .cv-video{z-index:50;aspect-ratio:auto;background:#000;position:fixed;inset:0}@media (orientation:landscape) and (height<=500px){.camera-view .cv-video{aspect-ratio:auto;height:calc(100vh - 40px)}.camera-view .cv-header{padding:4px 10px}.tabs{display:none}}.vtile-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vtile video{opacity:0;transition:opacity .25s}.vtile.is-playing video{opacity:1}.vtile-status{color:#cbd5e1;pointer-events:none;align-items:center;gap:7px;font-size:12px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vtile-status.over{color:#fff;background:#0f172a8c;border-radius:999px;padding:3px 7px;inset:auto 7px 7px auto;transform:none}.vtile-status i{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite vspin}.vtile-status.bad i{border-top-color:#f97316}@keyframes vspin{to{transform:rotate(360deg)}}.live-viewport{background:var(--dark);touch-action:pan-y;width:100%;position:relative;overflow:hidden}.live-track{transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.live-track.dragging{transition:none}.live-cell{padding:1px;position:absolute}.live-cell .vtile{aspect-ratio:auto;width:100%;height:100%}.home{padding-bottom:20px}.home-top{padding:12px 14px 4px}.home-search{border-radius:999px;margin:0 0 10px}.recent-btn{background:var(--surface);width:100%;height:54px;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:999px;font-size:17px;font-weight:500}.play-ico{vertical-align:middle;border:2px solid;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:8px;font-size:11px;display:inline-grid}.dev-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin:14px 12px 0;padding:12px 0 6px}.dev-card header{justify-content:space-between;align-items:center;padding:0 14px;display:flex}.dev-card header b{font-size:18px}.dev-card .round{border:2px solid var(--text);cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;font-size:12px}.dev-state{border-radius:999px;margin:8px 14px 10px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.dev-state.on{color:#047857;background:#ecfdf5}.dev-state.part{color:#b45309;background:#fffbeb}.dev-state.off{color:#dc2626;background:#fef2f2}.dev-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:0 14px 4px;display:flex;overflow-x:auto}.dev-strip::-webkit-scrollbar{display:none}.dev-strip .dev-thumb{scroll-snap-align:start;flex:0 0 46%}.dev-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 14px 4px;display:grid}.dev-thumb{aspect-ratio:16/9;cursor:pointer;background:#1e293b;border:none;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.dev-thumb img,.dev-thumb-empty{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dev-thumb-empty{background:linear-gradient(110deg,#1e293b 30%,#334155 50%,#1e293b 70%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.dev-thumb span{color:#fff;text-align:left;background:linear-gradient(#0000,#000000a6);padding:18px 10px 7px;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.dev-thumb em{color:#fff;text-align:center;font-style:normal;position:absolute;top:40%;left:0;right:0}.dev-thumb:disabled{opacity:.55}.dev-expand{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:10px;font-size:14px;display:block}.camera-view.is-turned .cv-video{top:50%;left:50%;z-index:50;width:100vh;height:100vw;position:fixed;inset:auto;transform:translate(-50%,-50%)rotate(90deg)}@media (width>=720px){.dev-strip .dev-thumb{flex-basis:220px}}