:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, system-ui, sans-serif;--radius: 20px;--radius-md: 14px;--radius-sm: 11px;--sidebar: 264px;--ease: cubic-bezier(.32, .72, 0, 1)}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--bg-elev: #0b0b0d;--card: #1c1c1e;--card-2: #2c2c2e;--hover: #3a3a3c;--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .16);--border: rgba(84, 84, 88, .42);--sep: rgba(84, 84, 88, .55);--text: #ffffff;--text-2: rgba(235, 235, 245, .72);--muted: rgba(235, 235, 245, .5);--blue: #0a84ff;--green: #30d158;--red: #ff453a;--amber: #ff9f0a;--violet: #bf5af2;--indigo: #5e5ce6;--seg-active: #636366;--glass: rgba(28, 28, 30, .62);--glass-border: rgba(255, 255, 255, .1);--glass-hi: rgba(255, 255, 255, .06);--shadow: 0 12px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--card-shadow: none;--stripe-a: #0e0e10;--stripe-b: #121215}:root[data-theme=light]{color-scheme:light;--bg: #f2f2f7;--bg-elev: #ffffff;--card: #ffffff;--card-2: #f2f2f7;--hover: #e5e5ea;--fill: rgba(118, 118, 128, .12);--fill-2: rgba(118, 118, 128, .08);--border: rgba(60, 60, 67, .1);--sep: rgba(60, 60, 67, .18);--text: #000000;--text-2: rgba(60, 60, 67, .85);--muted: rgba(60, 60, 67, .6);--blue: #007aff;--green: #34c759;--red: #ff3b30;--amber: #ff9500;--violet: #af52de;--indigo: #5856d6;--seg-active: #ffffff;--glass: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .75);--glass-hi: rgba(255, 255, 255, .5);--shadow: 0 12px 40px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 18px rgba(0, 0, 0, .04);--stripe-a: #e9e9ee;--stripe-b: #e2e2e8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;transition:background .3s}a{color:var(--blue);text-decoration:none}h1{font-size:30px;margin:0;letter-spacing:-.025em;font-weight:750;line-height:1.15}h2{font-size:19px;margin:0;font-weight:700;letter-spacing:-.015em;display:flex;align-items:center;gap:8px}h3{font-size:15px;margin:0;font-weight:650}code,kbd{background:var(--fill);padding:1px 6px;border-radius:6px;font-size:12px;font-family:ui-monospace,monospace}::selection{background:color-mix(in srgb,var(--blue) 30%,transparent)}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.spacer{flex:1}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:8px;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.spin{animation:spin .9s linear infinite}.glass{background:var(--glass);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--fill);color:var(--text);padding:10px 16px;border-radius:12px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s var(--ease),opacity .2s;white-space:nowrap;text-decoration:none}.btn:hover{background:color-mix(in srgb,var(--fill) 100%,var(--text) 6%)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--blue) 35%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--blue) 88%,#000)}.btn-tinted{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}.btn-tinted:hover{background:color-mix(in srgb,var(--blue) 22%,transparent)}.btn-danger{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.btn-danger:hover{background:color-mix(in srgb,var(--red) 22%,transparent)}.btn-ghost{background:transparent;color:var(--blue)}.btn-ghost:hover{background:var(--fill-2)}.btn-sm{padding:7px 12px;font-size:13.5px;border-radius:10px}.btn-lg{padding:15px 22px;font-size:17px;border-radius:16px}.btn-pill{border-radius:999px}.btn-block{width:100%;margin-top:12px}.link-btn{background:none;border:0;color:var(--blue);font:inherit;cursor:pointer;padding:0 0 0 8px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text-2);cursor:pointer;transition:background .2s,color .2s,transform .15s var(--ease);flex:none}.icon-btn:hover{background:var(--fill);color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.primary{background:var(--blue);color:#fff;width:46px;height:46px;box-shadow:0 6px 18px color-mix(in srgb,var(--blue) 40%,transparent)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}.icon-btn.glass{width:40px;height:40px;color:#fff;background:#1e1e2080;border:1px solid rgba(255,255,255,.14);box-shadow:none}.icon-btn.glass:hover{background:#3c3c40a6}input,select{font:inherit;color:var(--text);background:var(--fill-2);border:1px solid transparent;border-radius:12px;padding:10px 14px;outline:none;min-width:0;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus{border-color:var(--blue);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)}input[type=range]{padding:0;accent-color:var(--blue);width:100%;background:none;border:0;box-shadow:none;height:26px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:550}label input{color:var(--text);font-size:16px}.alert{padding:12px 16px;border-radius:var(--radius-md);margin:4px 0;font-size:14px}.alert-error{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.alert-ok{background:color-mix(in srgb,var(--green) 14%,transparent);color:color-mix(in srgb,var(--green) 75%,var(--text))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--card-shadow)}[data-theme=light] .card,[data-theme=light] .stat,[data-theme=light] .cam-tile,[data-theme=light] .event-card,[data-theme=light] .controls,[data-theme=light] .device-strip{border-color:transparent}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card>h2{margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot-on{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}.dot-off{background:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;background:var(--fill);color:var(--text-2);white-space:nowrap;line-height:1.5}.badge-green{background:color-mix(in srgb,var(--green) 18%,transparent);color:color-mix(in srgb,var(--green) 80%,var(--text))}.badge-red{background:var(--red);color:#fff}.badge-amber{background:color-mix(in srgb,var(--amber) 18%,transparent);color:color-mix(in srgb,var(--amber) 80%,var(--text))}.badge-violet{background:color-mix(in srgb,var(--violet) 18%,transparent);color:color-mix(in srgb,var(--violet) 80%,var(--text))}.badge-blue{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.over-video .badge:not(.badge-red){background:#0000008c;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.over-video .badge-green{color:#6ee7a0!important}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.6}}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;background:#1414168c;color:#fff;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.12)}.chip-ok{background:#30d158d9;border-color:transparent}.chip-warn{background:#ff9f0aeb;color:#111;border-color:transparent}.chip-rec{background:#ff3b30eb;border-color:transparent;animation:pulse 1.4s infinite}.chip-night{background:#5e5ce6d9;border-color:transparent}.spinner{width:26px;height:26px;border-radius:50%;margin:32px auto;border:3px solid var(--fill);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{height:100%;display:grid;place-items:center}.segmented{display:inline-flex;background:var(--fill);border-radius:11px;padding:2px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13.5px;font-weight:550;padding:7px 14px;border-radius:9px;cursor:pointer;white-space:nowrap;flex:1;transition:background .25s var(--ease),box-shadow .25s;opacity:.85}.segmented button.active{background:var(--seg-active);opacity:1;font-weight:650;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000001a}.segmented-sm button{padding:5px 10px;font-size:12.5px}.segmented.full{display:flex;width:100%}.toggle{position:relative;width:51px;height:31px;border-radius:999px;border:0;background:var(--fill);cursor:pointer;flex:none;transition:background .25s;padding:0}.toggle span{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .3s var(--ease);box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.toggle.on{background:var(--green)}.toggle.on span{transform:translate(20px)}.toggle:disabled{opacity:.5}.progress{height:6px;border-radius:999px;background:var(--fill);overflow:hidden;margin-top:8px}.progress-fill{height:100%;border-radius:999px;transition:width .5s var(--ease)}.tone-bg-blue{background:var(--blue)}.tone-bg-amber{background:var(--amber)}.tone-bg-red{background:var(--red)}.field{display:flex;flex-direction:column;gap:8px}.field-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.field-label{font-size:14px;color:var(--text);font-weight:600;display:inline-flex;align-items:center;gap:7px}.field-hint{font-size:13px;color:var(--muted)}.field-note{font-size:13px;color:var(--muted);margin:0}.range-labels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:-4px}.battery{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-2)}.battery.low{color:var(--red)}.empty-state{text-align:center;padding:52px 20px;border-radius:var(--radius);background:var(--card);box-shadow:var(--card-shadow)}.empty-state p{max-width:440px;margin:8px auto 20px}.empty-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.kv{display:grid;grid-template-columns:110px 1fr;gap:10px 16px}.kv span{color:var(--muted)}.list{display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius-md);overflow:hidden}.list-item{display:flex;align-items:center;gap:12px;padding:13px 16px;color:var(--text);border:0;background:none;font:inherit;text-align:left;cursor:pointer}.list-item+.list-item{box-shadow:inset 0 1px 0 var(--sep)}.list-item:hover{background:var(--fill-2)}.list-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}.shell{min-height:100%}.sidebar{position:fixed;top:12px;bottom:12px;left:12px;width:var(--sidebar);z-index:20;display:flex;flex-direction:column;gap:4px;padding:18px 14px;border-radius:26px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:750;font-size:19px;letter-spacing:-.02em;padding:2px 8px 16px}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text);font-weight:550;transition:background .2s}.side-nav a svg{color:var(--muted);transition:color .2s}.side-nav a:hover{background:var(--fill-2)}.side-nav a.active{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue);font-weight:650}.side-nav a.active svg{color:var(--blue)}.side-cta{margin:16px 4px 0}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}.side-usage{padding:12px 14px;border-radius:16px;background:var(--fill-2)}.side-user{display:flex;align-items:center;gap:8px;padding:2px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;flex:none}.side-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.side-user-info strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-info .dot{width:6px;height:6px;margin-right:3px;box-shadow:none}.main{margin-left:calc(var(--sidebar) + 12px);min-height:100%}.page{max-width:1400px;margin:0 auto;padding:32px 32px 60px}.page.narrow{max-width:720px}.mobile-top,.tabbar-wrap{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h1.row{gap:10px}.page-sub{color:var(--muted);font-size:15px;margin-top:4px;display:block}.section-head{display:flex;align-items:center;gap:12px;margin:34px 0 14px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:15px;font-weight:500;margin-bottom:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.two-col>.card{margin:0}.tabbar-wrap{position:fixed;left:0;right:0;z-index:30;bottom:calc(env(safe-area-inset-bottom) + 10px);justify-content:center;align-items:center;gap:10px;padding:0 14px;pointer-events:none;transition:transform .4s var(--ease)}.tabbar{pointer-events:auto;display:flex;padding:5px;border-radius:999px;gap:2px;transition:padding .35s var(--ease)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:70px;height:54px;padding:0 10px;border-radius:999px;color:var(--text);font-size:10.5px;font-weight:600;transition:background .3s var(--ease),color .2s,height .35s var(--ease),min-width .35s var(--ease)}.tab svg{transition:transform .3s var(--ease)}.tab:active svg{transform:scale(.85)}.tab.active{color:var(--blue);background:var(--fill)}.tab span{transition:opacity .2s,max-height .3s var(--ease);max-height:16px;overflow:hidden}.tab-fab{pointer-events:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--blue);transition:width .35s var(--ease),height .35s var(--ease),transform .15s}.tab-fab:active{transform:scale(.92)}.tabbar-wrap.compact .tab{height:44px;min-width:52px}.tabbar-wrap.compact .tab span{opacity:0;max-height:0}.tabbar-wrap.compact .tab-fab{width:54px;height:54px}@media(max-width:900px){.sidebar{display:none}.main{margin-left:0;padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.page{padding:8px 16px 32px}.mobile-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;padding-top:max(8px,env(safe-area-inset-top));border-radius:0;border-width:0 0 1px;box-shadow:none}.mobile-top .brand{padding:0;font-size:18px;flex:1}.tabbar-wrap{display:flex}.two-col{grid-template-columns:1fr}h1{font-size:32px}.page-head{margin:10px 0 20px;align-items:flex-start}.page-head>.btn,.page-head>a.btn{width:100%}}@media(max-width:380px){.tab{min-width:58px;padding:0 6px}.tab-fab{width:56px;height:56px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:14px}.stat{display:flex;gap:14px;padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow)}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none}.tone-blue{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.tone-green{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.tone-red{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.tone-amber{background:color-mix(in srgb,var(--amber) 15%,transparent);color:var(--amber)}.tone-violet{background:color-mix(in srgb,var(--violet) 15%,transparent);color:var(--violet)}.stat-body{display:flex;flex-direction:column;min-width:0;flex:1}.stat-label{font-size:13px;color:var(--muted);font-weight:550}.stat-value{font-size:24px;font-weight:750;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-hint{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{flex-direction:column;gap:10px;padding:14px}.stat-value{font-size:20px}}.bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:8px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:100%;max-width:28px;border-radius:7px 7px 3px 3px;background:var(--blue);min-height:3px;transition:height .5s var(--ease);opacity:.9}.bar-col:hover .bar{opacity:1}.bar-label{font-size:10.5px;color:var(--muted)}.cam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.cam-tile{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);transition:transform .25s var(--ease),box-shadow .25s;box-shadow:var(--card-shadow)}.cam-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cam-tile:active{transform:scale(.98)}.cam-tile.is-offline .cam-tile-media img{filter:grayscale(.85) brightness(.65)}.cam-tile-media{position:relative;aspect-ratio:16 / 9;background:#000}.cam-tile-media img,.event-thumb img,.activity-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px;background:repeating-linear-gradient(45deg,var(--stripe-a),var(--stripe-a) 10px,var(--stripe-b) 10px,var(--stripe-b) 20px)}.cam-tile-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap}.cam-tile-level{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1f}.cam-tile-level div,.live-motion-bar div{height:100%;background:var(--green);transition:width .3s}.cam-tile-level div.hot,.live-motion-bar div.hot{background:var(--red)}.cam-tile-body{padding:13px 16px 15px;display:flex;flex-direction:column;gap:3px}.cam-tile-body strong{font-size:16px}.cam-tile-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.cam-tile-meta span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-tile-add{align-items:center;justify-content:center;gap:10px;min-height:210px;border:2px dashed var(--sep)!important;color:var(--muted);background:transparent;box-shadow:none;font-weight:600}.cam-tile-add:hover{color:var(--blue);border-color:var(--blue)!important}.activity{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:center;gap:12px;padding:9px;border-radius:13px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.activity-item:hover{background:var(--fill-2)}.activity-thumb{width:68px;height:40px;border-radius:9px;overflow:hidden;background:#000;flex:none}.activity-text{display:flex;flex-direction:column;flex:1;min-width:0}.live{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;color:#fff}.live-full{border-radius:0}.live-video{width:100%;height:100%;object-fit:contain;display:block;background:#000;transform-origin:center}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.6;pointer-events:none}.live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#fff9;font-weight:500}.live-overlay .spinner{margin:0;border-color:#ffffff26;border-top-color:#fff}.live-top{position:absolute;top:0;left:0;right:0;display:flex;gap:6px;align-items:center;padding:12px;background:linear-gradient(rgba(0,0,0,.5),transparent);pointer-events:none}.live-name{font-weight:650;font-size:13.5px;text-shadow:0 1px 4px #000}.quality{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.signal{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.signal i{width:3px;border-radius:1px;background:#ffffff4d}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:12px}.signal i.on{background:#fff}.live-motion{position:absolute;left:14px;bottom:70px;display:flex;align-items:center;gap:6px;color:#ffffffd9;pointer-events:none;font-size:12px}.live-compact .live-motion{bottom:12px}.live-motion-bar{width:80px;height:4px;border-radius:4px;background:#ffffff38;overflow:hidden}.live-controls{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;align-items:center;padding:14px;background:linear-gradient(transparent,#0009);opacity:0;transition:opacity .25s}.live:hover .live-controls,.live-full .live-controls{opacity:1}@media(hover:none){.live-controls{opacity:1}}.live-wall{display:grid;gap:14px}.live-wall.cols-1{grid-template-columns:1fr}.live-wall.cols-2{grid-template-columns:repeat(2,1fr)}.live-wall.cols-3{grid-template-columns:repeat(3,1fr)}.live-wall.cols-4{grid-template-columns:repeat(4,1fr)}.live-wall-item{position:relative}.live-wall-label{display:inline-block;margin-top:7px;color:var(--text);font-weight:600;font-size:14px}@media(max-width:900px){.live-wall.cols-3,.live-wall.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.live-wall{grid-template-columns:1fr!important}}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.camera-side{position:sticky;top:24px}@media(max-width:1100px){.camera-layout{grid-template-columns:1fr}.camera-side{position:static}}.device-strip{display:flex;flex-wrap:wrap;gap:10px 20px;padding:13px 16px;margin-top:12px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);font-size:13.5px;color:var(--text-2);box-shadow:var(--card-shadow)}.device-strip span{display:inline-flex;align-items:center;gap:6px}.device-strip .on{color:var(--indigo);font-weight:600}.device-strip .warn{color:var(--amber);font-weight:600}.head-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){.head-actions{width:100%}.head-actions .btn{flex:1}}.controls{display:flex;flex-direction:column;gap:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--card-shadow)}.setup-page .controls,.cam-panel .controls{background:transparent;border:0;padding:0;box-shadow:none}.controls-head{display:flex;justify-content:space-between;align-items:center}.save-state{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.save-state.saved{color:var(--green)}.save-state.error{color:var(--red)}.control-row{display:flex;align-items:center;gap:12px}.control-row.big{padding:14px;border-radius:16px;background:var(--fill-2)}.control-row.big.on{background:color-mix(in srgb,var(--green) 12%,transparent)}.control-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--fill);color:var(--text-2);flex:none}.control-row.big.on .control-icon{background:var(--green);color:#fff}.control-text{display:flex;flex-direction:column;flex:1;min-width:0}.control-text strong{font-size:15px}.controls-sep{height:1px;background:var(--sep);margin:2px 0}.advanced summary{cursor:pointer;font-weight:600;color:var(--blue);list-style:none;display:flex;align-items:center;gap:6px}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary{margin-bottom:14px}.advanced>div{display:flex;flex-direction:column;gap:16px}.meter{position:relative;height:8px;border-radius:4px;background:var(--fill);overflow:hidden}.meter.mini{height:5px}.meter-fill{height:100%;background:var(--green);transition:width .2s}.meter-hot{background:var(--red)}.meter-threshold{position:absolute;top:0;bottom:0;width:2px;background:var(--text);opacity:.5}.cam-run .meter{background:#ffffff26}.cam-run .meter-threshold{background:#fff;opacity:.8}.zone-editor{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;margin:14px 20px;touch-action:none;-webkit-user-select:none;user-select:none}.zone-editor img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.zone-noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffff80}.zone-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(9,1fr)}.zone-cell{border:1px solid rgba(255,255,255,.08);cursor:crosshair;transition:background .1s}.zone-cell.on{background:#0a84ff4d;border-color:#64aaff59}.zone-cell.off{background:#000000a6}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}@media(max-width:600px){.filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 8px;padding:0 16px 4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters>*{flex:none}}.selection-bar{position:sticky;top:64px;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 14px;margin:10px 0;border-radius:16px}@media(min-width:901px){.selection-bar{top:14px}}.day-title{color:var(--text);text-transform:capitalize;font-weight:700;font-size:17px;margin:26px 0 12px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.event-card{position:relative;border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s;box-shadow:var(--card-shadow)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.event-card:active{transform:scale(.98)}.event-card.selected{box-shadow:0 0 0 3px var(--blue)}.event-open{display:block;width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.event-thumb{position:relative;aspect-ratio:16 / 9;background:#000}.event-duration{position:absolute;right:7px;bottom:9px;background:#000000b3;color:#fff;padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.event-live{position:absolute;left:7px;top:7px;background:var(--red);color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.event-loc{position:absolute;left:7px;bottom:9px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#000000a6;color:#fff}.event-loc.loc-device{color:#ffd60a}.event-loc.loc-both{color:#da8fff}.event-intensity{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff9f0a,#ff453a)}.event-meta{padding:9px 12px 11px;display:flex;flex-direction:column;gap:1px;font-size:14px}.event-check{position:absolute;top:7px;right:7px;border:0;background:#00000073;color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s}.event-card:hover .event-check,.event-card.selected .event-check{opacity:1}.event-card.selected .event-check{color:var(--blue);background:#fff}@media(hover:none){.event-check{opacity:.9}}@media(max-width:520px){.event-grid{grid-template-columns:repeat(2,1fr);gap:10px}.event-meta{font-size:13px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal-body{width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow:auto;background:var(--bg-elev);border-radius:26px;box-shadow:var(--shadow);animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(.96);opacity:0}}.modal-wide{max-width:1120px}.modal-head{padding:20px 22px 0}.modal-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 18px}@media(max-width:700px){.modal{padding:0;place-items:end stretch}.modal-body{max-width:none;max-height:94vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet .4s var(--ease)}@keyframes sheet{0%{transform:translateY(40px);opacity:0}}}.player{display:flex;flex-direction:column}.player-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 20px}.player-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.player-title strong{font-size:17px}.player-frame{position:relative;background:#000;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff}.player-frame:fullscreen{aspect-ratio:auto}.player-video{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center}.player-clock{position:absolute;top:12px;right:12px;padding:4px 11px;border-radius:999px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:650;font-variant-numeric:tabular-nums;font-size:14px;pointer-events:none}.player-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.player-play>span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.player-loading,.player-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0009;color:#ffffffd9;text-align:center;padding:24px;font-weight:500}.player-loading .spinner{margin:0;border-color:#ffffff26;border-top-color:#fff}.player-help{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:#141416d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px;cursor:default}.player-help kbd{margin-right:3px;background:#ffffff26}.player-notice{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:#141416d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13.5px;white-space:nowrap}.timeline{position:relative;padding:16px 20px 6px;cursor:pointer}.timeline-track{position:relative;height:6px;border-radius:999px;background:var(--fill);transition:height .2s}.timeline:hover .timeline-track{height:9px}.timeline-seg{position:absolute;top:0;bottom:0;box-shadow:inset -1px 0 0 var(--bg-elev)}.timeline-seg.device{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--amber) 30%,transparent),color-mix(in srgb,var(--amber) 30%,transparent) 4px,transparent 4px,transparent 8px)}.timeline-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--blue);pointer-events:none}.timeline-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059;pointer-events:none}.timeline-tip{position:absolute;top:-18px;transform:translate(-50%);margin-left:20px;padding:3px 9px;border-radius:8px;background:var(--card-2);box-shadow:var(--shadow-sm);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.player-bar{display:flex;align-items:center;gap:4px;padding:4px 14px 10px}.player-time{margin-left:8px;color:var(--text-2)}.rate{min-width:50px}.player-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 16px;box-shadow:inset 0 1px 0 var(--sep)}@media(max-width:700px){.player-bar .hide-sm{display:none}.player-foot .btn{flex:1}.player-foot>.muted{width:100%}}.table-wrap{overflow-x:auto;margin:0 -20px -20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:12.5px;padding:10px 20px;box-shadow:inset 0 -1px 0 var(--sep);white-space:nowrap}.table td{padding:13px 20px;box-shadow:inset 0 -1px 0 var(--sep);vertical-align:middle}.table tr:last-child td{box-shadow:none}.table tr:hover td{background:var(--fill-2)}.table tr.dim td{opacity:.5}.cell-usage{min-width:160px}.cell-usage .progress{margin-top:4px}.actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:760px){.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{padding:12px 20px;box-shadow:inset 0 -1px 0 var(--sep)}.table td{padding:4px 0;box-shadow:none!important;display:flex;justify-content:space-between;gap:12px;align-items:center}.table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:13px}.table td.cell-main{display:block;padding-bottom:6px}.actions{justify-content:flex-start;padding-top:8px!important}}.rank{display:flex;flex-direction:column;gap:14px}.rank-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.rank-row .progress{grid-column:1 / -1;margin-top:2px}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;min-width:0}.toasts{position:fixed;right:20px;top:20px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;gap:12px;align-items:center;text-align:left;color:var(--text);border-radius:20px;padding:12px 16px;font:inherit;font-size:14px;cursor:pointer;animation:drop .45s var(--ease)}.toast-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--red);color:#fff;flex:none}@keyframes drop{0%{transform:translateY(-16px) scale(.97);opacity:0}}@media(max-width:900px){.toasts{right:10px;left:10px;top:max(10px,env(safe-area-inset-top));max-width:none}}.auth-page{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--blue) 18%,var(--bg)),var(--bg) 60%)}.auth-card{width:100%;max-width:390px;background:var(--card);border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-card p{margin:0}.center{text-align:center}.setup-page{max-width:680px;margin:0 auto;padding:18px 16px 40px;padding-top:max(18px,env(safe-area-inset-top))}.setup-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:20px}.setup-header p{margin:0}.camera-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pick{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:0;background:var(--fill);color:var(--text);font:inherit;font-weight:550;cursor:pointer;transition:background .2s}.pick small{color:var(--muted)}.pick-active{background:var(--blue);color:#fff}.pick-active small{color:#ffffffbf}.tips ul{margin:8px 0 0;padding-left:18px;color:var(--text-2);display:flex;flex-direction:column;gap:5px}.start-btn{position:sticky;bottom:max(12px,env(safe-area-inset-bottom))}.cam-run{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;color:#fff}.cam-video{width:100%;height:100%;object-fit:cover}.cam-video.hidden{opacity:0}.cam-hidden-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#4b5563}.cam-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cam-title{font-weight:750;font-size:17px;text-shadow:0 1px 6px #000;margin-right:4px}.cam-bottom{position:absolute;left:0;right:0;bottom:0;padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000d9 32%);display:flex;flex-direction:column;gap:14px}.cam-quick{display:flex;gap:18px;align-items:center}.cam-quick-item{display:flex;align-items:center;gap:10px;color:#ffffffe6;font-size:14px;font-weight:550;flex-direction:row}.cam-quick-item.grow,.cam-quick-item.grow input{flex:1}.cam-run .toggle{background:#ffffff38}.cam-run .toggle.on{background:var(--green)}.cam-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cam-actions .btn{flex-direction:column;gap:4px;background:#ffffff24;color:#fff;padding:11px 4px;font-size:12.5px;border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cam-actions .btn:hover{background:#ffffff38}.cam-actions .btn-danger{background:#ff3b30d9}.cam-info{font-size:12px;color:#ffffff8c;text-align:center}.cam-error{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:16px;padding:24px;text-align:center;background:#000000e0}.cam-panel{position:absolute;z-index:10;top:0;right:0;bottom:0;width:min(430px,100%);overflow-y:auto;background:var(--bg-elev);color:var(--text);padding:18px;padding-top:max(18px,env(safe-area-inset-top));animation:panel .35s var(--ease);box-shadow:var(--shadow)}@keyframes panel{0%{transform:translate(40px);opacity:0}}.cam-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cam-panel-head strong{font-size:19px}.discreet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;cursor:pointer}.discreet-dot{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:6px;height:6px;border-radius:50%;background:#1f2937}.discreet-dot.rec{background:#7f1d1d}.discreet-hint{position:absolute;bottom:24px;width:100%;text-align:center;color:#1f2937;font-size:12px}.page-anim{animation:page-in .45s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.cam-grid>*,.event-grid>*,.stats-grid>*{animation:rise .5s var(--ease) both}.cam-grid>*:nth-child(2),.event-grid>*:nth-child(2),.stats-grid>*:nth-child(2){animation-delay:40ms}.cam-grid>*:nth-child(3),.event-grid>*:nth-child(3),.stats-grid>*:nth-child(3){animation-delay:80ms}.cam-grid>*:nth-child(4),.event-grid>*:nth-child(4),.stats-grid>*:nth-child(4){animation-delay:.12s}.cam-grid>*:nth-child(n+5),.event-grid>*:nth-child(n+5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.985)}}.conn-banner{position:fixed;top:max(12px,env(safe-area-inset-top));left:0;right:0;z-index:70;display:flex;justify-content:center;pointer-events:none}@media(max-width:900px){.conn-banner{top:calc(max(8px,env(safe-area-inset-top)) + 52px)}}.conn-dark{top:calc(max(12px,env(safe-area-inset-top)) + 44px)!important}.conn-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font-weight:650;font-size:14px;color:var(--text);animation:drop .5s var(--ease)}.conn-pill.back{color:var(--green);animation:drop .5s var(--ease),fade-out .4s 1.8s forwards}.conn-dark .conn-pill{background:#141416b8;color:#fff;border-color:#ffffff1f}@keyframes fade-out{to{opacity:0;transform:translateY(-8px)}}.conn-icon{position:relative;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#111}.conn-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--amber);animation:ring 1.4s ease-out infinite}@keyframes ring{to{transform:scale(1.9);opacity:0}}.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;animation:dot 1.2s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{30%{opacity:1;transform:translateY(-2px)}}.snacks{position:fixed;left:0;right:0;bottom:24px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}@media(max-width:900px){.snacks{bottom:calc(env(safe-area-inset-bottom) + 92px)}}.snack{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--text);animation:snack-in .45s var(--ease)}.snack.leaving{animation:snack-out .3s ease forwards}.snack-ok svg{color:var(--green)}.snack-error svg{color:var(--red)}.snack-info svg{color:var(--blue)}@keyframes snack-in{0%{opacity:0;transform:translateY(14px) scale(.95)}}@keyframes snack-out{to{opacity:0;transform:translateY(10px) scale(.97)}}.skeleton{position:relative;overflow:hidden;background:var(--fill);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 8%,transparent),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sk-tile{pointer-events:none}.sk-media{aspect-ratio:16 / 9;border-radius:0}.sk-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.sk-line{height:12px}.live-connecting{display:flex;gap:6px}.live-connecting span{width:10px;height:10px;border-radius:50%;background:#fff;animation:bounce 1s infinite var(--ease)}.live-connecting span:nth-child(2){animation-delay:.12s}.live-connecting span:nth-child(3){animation-delay:.24s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.35}40%{transform:scale(1);opacity:1}}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.35}}.live.is-motion:after,.cam-run.is-motion:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 3px #ff3b30e6,inset 0 0 40px #ff3b3059;animation:glow 1.2s ease-in-out infinite}.cam-run.is-motion:after{z-index:3}@keyframes glow{50%{box-shadow:inset 0 0 0 2px #ff3b3080,inset 0 0 20px #ff3b3026}}.cam-tile.is-rec{box-shadow:0 0 0 2px var(--red),var(--card-shadow)}.toggle.on span{animation:knob .35s var(--ease)}@keyframes knob{40%{width:33px}}.save-state.saved{animation:rise .3s var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.player-frame.idle{cursor:none}.pc{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;pointer-events:none}.pc.show{opacity:1}.pc.show .pc-ctrl{pointer-events:auto}.pc-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.45),transparent 22%,transparent 55%,rgba(0,0,0,.75))}.pc .player-clock{top:14px;right:14px}.pc-zoom{position:absolute;top:14px;left:14px;pointer-events:auto;border:0;padding:6px 12px;border-radius:999px;background:#0000008c;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pc-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:clamp(28px,9vw,72px);pointer-events:none!important}.pc-btn{pointer-events:auto;position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:0;background:#00000059;color:#fff;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s var(--ease),background .2s}.pc-btn small{position:absolute;font-size:10px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%)}.pc-btn:hover{background:#00000080}.pc-btn:active{transform:scale(.88)}.pc-main{width:84px;height:84px;background:#ffffff38}.pc-main:hover{background:#ffffff4d}.pc-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 10px 8px}.pc-bottom .timeline{padding:18px 10px 10px;touch-action:none}.pc-bottom .timeline-track{background:#ffffff40;height:5px}.pc-bottom .timeline:hover .timeline-track,.pc-bottom .timeline.scrubbing .timeline-track{height:8px}.pc-bottom .timeline-seg{box-shadow:inset -1px 0 #00000080}.pc-bottom .timeline-seg.device{background:repeating-linear-gradient(45deg,rgba(255,214,10,.45),rgba(255,214,10,.45) 4px,transparent 4px,transparent 8px)}.pc-bottom .timeline-fill{background:var(--blue)}.pc-bottom .timeline-knob{width:18px;height:18px;transition:transform .15s}.pc-bottom .timeline.scrubbing .timeline-knob{transform:translate(-50%,-50%) scale(1.3)}.pc-bottom .timeline-tip{background:#141416e6;color:#fff;top:-14px;margin-left:10px}.pc-row{display:flex;align-items:center;gap:2px;color:#fff}.pc-time{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;padding:0 10px}.pc-time span{opacity:.7;font-weight:500}.pc-icon{display:grid;place-items:center;min-width:46px;height:46px;padding:0 6px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font:inherit;font-weight:700;font-size:15px;transition:background .2s,transform .15s}.pc-icon:hover{background:#ffffff26}.pc-icon:active{transform:scale(.88)}.pc-rate{border-radius:999px}.seek-ripple{position:absolute;top:0;bottom:0;width:40%;display:grid;place-items:center;pointer-events:none;z-index:2;animation:ripple-fade .75s ease forwards}.seek-ripple.left{left:0;border-radius:0 50% 50% 0/0 100% 100% 0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.22),transparent 70%)}.seek-ripple.right{right:0;border-radius:50% 0 0 50%/100% 0 0 100%;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.22),transparent 70%)}.seek-ripple span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.6);animation:ripple-pop .35s var(--ease)}@keyframes ripple-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes ripple-pop{0%{transform:scale(.7);opacity:0}}@media(max-width:700px){.pc .hide-sm,.player-head .hide-sm{display:none}.pc-btn{width:54px;height:54px}.pc-main{width:74px;height:74px}.pc-icon{min-width:42px;height:42px}}.day-tl{padding:16px 18px 14px;margin-top:16px}.day-tl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.day-tl-day{min-width:90px;text-align:center;text-transform:capitalize;font-size:15px}.day-tl-body{position:relative;display:flex;align-items:center;gap:6px}.day-tl-bar{position:relative;flex:1;height:46px;border-radius:12px;background:var(--fill-2);overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(100% / 24 - 1px),var(--sep) calc(100% / 24 - 1px),var(--sep) calc(100% / 24))}.day-tl-block{position:absolute;top:6px;bottom:6px;border-radius:4px;background:var(--blue);transition:opacity .2s}.day-tl-block.device{background:repeating-linear-gradient(45deg,var(--amber),var(--amber) 3px,color-mix(in srgb,var(--amber) 55%,transparent) 3px,color-mix(in srgb,var(--amber) 55%,transparent) 6px)}.day-tl-block.fav{box-shadow:inset 0 0 0 2px #ffd60a}.day-tl-now{position:absolute;top:0;bottom:0;width:2px;background:var(--red)}.day-tl-now:before{content:"";position:absolute;top:-1px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--red)}.day-tl-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--text);transform:translate(-1px);pointer-events:none}.day-tl-cursor span{position:absolute;top:50%;left:8px;transform:translateY(-50%);white-space:nowrap;padding:3px 8px;border-radius:8px;background:var(--card);box-shadow:var(--shadow-sm);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.day-tl-cursor span.empty{color:var(--muted)}.day-tl-bar.dragging .day-tl-cursor{background:var(--blue)}.day-tl-pan{width:32px;height:46px;border-radius:10px;border:0;background:var(--fill);color:var(--text);display:grid;place-items:center;cursor:pointer;flex:none}.day-tl-hours{position:relative;height:18px;margin:6px 0 0}.day-tl-body:has(.day-tl-pan)+.day-tl-hours{margin-left:38px;margin-right:38px}.day-tl-hours span{position:absolute;transform:translate(-50%);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.day-tl-hours span:first-child{transform:none}.day-tl-hours span:last-child{transform:translate(-100%)}.day-tl-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}.day-tl-legend{display:inline-flex;align-items:center;gap:5px}.day-tl-legend i{display:inline-block;width:12px;height:8px;border-radius:2px;margin-left:6px}.lg-cloud{background:var(--blue)}.lg-device{background:var(--amber)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.plan-card{margin:0;display:flex;flex-direction:column;gap:14px}.plan-limits{display:grid;gap:6px;font-size:14px;color:var(--text-2)}.plan-features{display:flex;flex-wrap:wrap;gap:6px}.plan-features span{font-size:12.5px;padding:3px 9px;border-radius:999px;background:var(--fill-2)}.plan-features .on{color:color-mix(in srgb,var(--green) 80%,var(--text));background:color-mix(in srgb,var(--green) 12%,transparent)}.plan-features .off{color:var(--muted);text-decoration:line-through}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.grid-2{grid-template-columns:1fr}}.plan-lock{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--amber);font-weight:600;margin-top:2px}.segmented button:disabled{opacity:.35;cursor:not-allowed}.section-head.first{margin-top:4px}.live-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.live-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.live-start{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;color:#fff;font:inherit;font-size:16px;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.6)}.live-start-btn{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s var(--ease),background .2s}.live-start:hover .live-start-btn{transform:scale(1.06);background:#ffffff4d}.live-start:active .live-start-btn{transform:scale(.92)}.live-preview-age{position:absolute;left:12px;bottom:12px;font-size:12px;padding:3px 9px;border-radius:999px;background:#0000008c;color:#fff}.cam-tile-age{position:absolute;right:10px;bottom:10px;font-size:11px;padding:2px 8px;border-radius:999px;background:#0000008c;color:#fff}.cam-tile-media img{transition:transform .6s var(--ease)}.cam-tile:hover .cam-tile-media img{transform:scale(1.04)}.cam-tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.45),transparent 30%,transparent 55%,rgba(0,0,0,.75));pointer-events:none}.cam-tile-top{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.live-pill,.rec-pill,.off-pill,.glass-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:750;letter-spacing:.04em;color:#fff;line-height:1.4}.live-pill{background:#ff3b30;box-shadow:0 2px 10px #ff3b3073}.rec-pill{background:#0000008c;border:1px solid rgba(255,59,48,.8);color:#ffb3ad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:0;font-weight:650}.off-pill,.glass-pill{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:0;font-weight:600}.cam-tile-play{position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;color:#fff;padding-left:3px;background:#fff3;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 24px #00000059;transition:transform .25s var(--ease),background .25s}.cam-tile:hover .cam-tile-play{transform:scale(1.1);background:#ffffff4d}.cam-tile:active .cam-tile-play{transform:scale(.92)}.cam-tile-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:10px;padding:12px 14px;color:#fff}.cam-tile-name{display:flex;flex-direction:column;min-width:0;flex:1}.cam-tile-name strong{font-size:17px;text-shadow:0 1px 6px rgba(0,0,0,.5)}.cam-tile-name span{font-size:12px;opacity:.85}.cam-tile-icons{display:flex;align-items:center;gap:8px}.cam-tile-icons .battery{color:#fff}.cam-tile-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 14px 12px;font-size:13px}.cam-tile-age,.cam-tile-badges,.cam-tile-body{display:none}.cam-tile.is-offline .cam-tile-media img{filter:grayscale(.85) brightness(.55)}.ai-boxes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ai-box{position:absolute;border:2px solid #30d158;border-radius:10px;box-shadow:0 0 0 1px #0006,0 0 18px #30d15859;transition:all .35s var(--ease)}.ai-box span{position:absolute;top:-24px;left:-2px;padding:2px 8px;border-radius:6px;background:#30d158;color:#000;font-size:11.5px;font-weight:700;white-space:nowrap}.ai-box.ai-vehicle{border-color:#0a84ff}.ai-box.ai-vehicle span{background:#0a84ff;color:#fff}.ai-box.ai-animal{border-color:#ff9f0a}.ai-box.ai-animal span{background:#ff9f0a}.chip-ai{background:#30d158d9;border-color:transparent;color:#000}.event-kind{position:absolute;left:7px;top:7px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#0009;color:#fff}.event-kind.kind-person{background:#30d158e6;color:#000}.event-kind.kind-vehicle{background:#0a84ffe6}.event-kind.kind-animal{background:#ff9f0aeb;color:#000}.event-live{top:auto;bottom:36px}.event-fav{position:absolute;right:7px;top:7px;color:#ffd60a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.event-card:hover .event-fav,.event-card.selected .event-fav{opacity:0}.activity-filter{margin-bottom:10px}.activity-thumb{position:relative}.activity-kind{position:absolute;left:3px;bottom:3px;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:#000000a6;color:#fff}.activity-kind.kind-person{background:#30d158;color:#000}.activity-kind.kind-vehicle{background:#0a84ff}.live-top .live-name{font-size:15px;font-weight:700;margin-left:4px}.auth-brand{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:4px}.auth-brand img{filter:drop-shadow(0 8px 20px rgba(10,60,200,.35))}.auth-card>p.muted:first-of-type{text-align:center}.brand img{border-radius:8px}.legal-page{min-height:100%;max-width:820px;margin:0 auto;padding:16px 16px 48px;padding-top:max(16px,env(safe-area-inset-top))}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.legal-head .brand{padding:0}.legal-body{padding:28px 32px}@media(max-width:600px){.legal-body{padding:20px 18px}}.legal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:18px 0;font-size:14px}.legal-links{margin:0;text-align:center;font-size:13px;color:var(--muted)}.md{font-size:15.5px;line-height:1.65;color:var(--text)}.md h1{font-size:28px;margin:0 0 12px}.md h2{font-size:19px;margin:28px 0 8px}.md h3{font-size:16px;margin:20px 0 6px}.md p{margin:0 0 12px;color:var(--text-2)}.md ul,.md ol{margin:0 0 14px;padding-left:22px;color:var(--text-2);display:flex;flex-direction:column;gap:6px}.md strong{color:var(--text)}.md a{word-break:break-word}.md-table{overflow-x:auto;margin:0 0 16px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--sep)}.md table{width:100%;border-collapse:collapse;font-size:14px}.md th,.md td{text-align:left;vertical-align:top;padding:10px 12px;box-shadow:inset 0 -1px 0 var(--sep)}.md th{color:var(--muted);font-weight:600;font-size:13px;background:var(--fill-2)}@media(max-width:600px){.md table,.md tbody,.md tr,.md td{display:block;width:100%}.md thead{display:none}.md tr{padding:10px 12px;box-shadow:inset 0 -1px 0 var(--sep)}.md td{padding:3px 0;box-shadow:none}.md td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);font-weight:600}}.delete-form{display:flex;flex-direction:column;gap:14px;margin:8px 0 18px;padding:18px;border-radius:16px;background:color-mix(in srgb,var(--red) 6%,var(--fill-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 30%,transparent)}.delete-warn{display:flex;gap:10px;align-items:flex-start;color:var(--red);font-weight:600;font-size:14px}.delete-warn svg{flex:none;margin-top:2px}label.check{flex-direction:row;align-items:center;gap:10px;font-size:14.5px;color:var(--text);cursor:pointer}label.check input{width:20px;height:20px;accent-color:var(--red)}.btn-danger-solid{background:var(--red);color:#fff}.btn-danger-solid:hover{background:color-mix(in srgb,var(--red) 88%,#000)}.delete-done{margin:8px 0 18px}.danger-item{color:var(--red)!important}.phone-storage{margin:12px 0 0;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.phone-storage strong{display:inline-flex;align-items:center;gap:6px;font-size:14.5px}.phone-storage .progress{margin-top:2px}.talk-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#1e1e2080;color:#fff;font:inherit;font-size:13.5px;font-weight:650;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .2s,transform .15s var(--ease)}.talk-btn:hover{background:#3c3c40a6}.talk-btn.on{background:#30d158;color:#000;border-color:transparent;transform:scale(1.05);box-shadow:0 0 0 6px #30d15840;animation:pulse 1.2s infinite}.icon-btn.glass.siren-on{background:#ff3b30;border-color:transparent;animation:pulse .8s infinite}.talk-indicator{position:absolute;top:56px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#30d158eb;color:#000;font-size:13px;font-weight:650;white-space:nowrap;z-index:2;animation:drop .35s var(--ease)}.talk-indicator.siren{background:#ff3b30eb;color:#fff;top:92px}@media(max-width:600px){.talk-btn span,.talk-btn{font-size:12.5px}}.event-more{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;background:#00000080;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.event-card:hover .event-more,.event-card.menu-open .event-more{opacity:1}.event-more:hover{background:#000000bf}@media(hover:none){.event-more{opacity:.9}}.event-card:hover .event-fav,.event-card.menu-open .event-fav{opacity:0}.event-card.menu-open{z-index:6;overflow:visible;transform:none}.event-menu{position:absolute;top:42px;right:6px;z-index:7;min-width:200px;padding:6px;border-radius:16px;display:flex;flex-direction:column;animation:pop .2s var(--ease)}.event-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}.event-menu button:hover{background:var(--fill)}.event-menu button.danger{color:var(--red)}.is-selecting .event-check{opacity:1!important}.is-selecting .event-card{user-select:none;-webkit-user-select:none}.is-selecting .event-card:not(.selected) .event-thumb img{opacity:.75}.event-open{-webkit-touch-callout:none}.selection-bar{animation:drop .3s var(--ease);flex-wrap:wrap}.lens-wrap{position:relative}.icon-btn.glass.active{background:#ffffff47}.lens-menu{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:5;min-width:220px;padding:6px;border-radius:16px;display:flex;flex-direction:column;animation:pop .2s var(--ease);background:#1c1c1ed1!important;border-color:#ffffff1f!important}.lens-title{padding:6px 12px 4px;font-size:12px;color:#fff9;font-weight:600}.lens-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;color:#fff;font:inherit;font-size:14.5px;cursor:pointer;text-align:left}.lens-menu button:hover{background:#ffffff1f}.lens-menu button.current{color:#64d2ff;font-weight:650}.indicator-stop{margin-left:6px;border:0;border-radius:999px;padding:3px 12px;background:#fff;color:#ff3b30;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}.talk-indicator.siren{pointer-events:auto}.controls-title{margin:0 0 -8px;font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:6px}.controls>.segmented{display:flex;width:100%}.schedule{display:flex;flex-direction:column;gap:12px;margin-top:-6px}.schedule-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-times label{display:flex;align-items:center;gap:8px;background:var(--fill-2);border-radius:12px;padding:6px 10px}.schedule-times span{font-size:13px;color:var(--muted);font-weight:600}.schedule-times input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;font-weight:600;color:var(--text);padding:4px 0;font-variant-numeric:tabular-nums}.day-chips{display:flex;gap:6px;justify-content:space-between}.day-chips button{flex:1;max-width:44px;aspect-ratio:1;border-radius:50%;border:0;background:var(--fill);color:var(--text-2);font:inherit;font-weight:650;font-size:14px;cursor:pointer;transition:background .2s,color .2s,transform .15s}.day-chips button.active{background:var(--blue);color:#fff}.day-chips button:active{transform:scale(.92)}.icon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-6px;animation:fade .2s var(--ease)}.icon-picker button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:1.5px solid transparent;background:var(--fill-2);color:var(--text-2);font:inherit;font-size:11.5px;cursor:pointer;transition:background .2s,border-color .2s}.icon-picker button.active{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.cam-icon{flex:none}.icon-btn.glass.torch-on{background:#ffd60a;color:#1c1c1e;border-color:transparent;box-shadow:0 0 18px #ffd60a8c}.icon-btn.glass:disabled{opacity:.4;cursor:not-allowed}.storage-card{display:flex;flex-direction:column;gap:14px}.storage-title{margin:0;font-size:15px}.storage-row{display:flex;flex-direction:column;gap:2px}.storage-row .progress{margin-top:6px}.storage-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.storage-head>span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;min-width:0}.title-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--fill);color:var(--text-2)}.rec-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.rec-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.rec-main{display:flex;flex-direction:column;gap:12px;min-width:0}@media(max-width:1100px){.rec-layout{grid-template-columns:1fr}.rec-side{position:static;display:none;order:-1}.rec-side.open{display:flex;animation:drop .25s var(--ease)}}.month-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.month-cal-title{display:flex;flex-direction:column;align-items:center}.month-cal-title strong{font-size:16px}.month-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.month-cal-wd{text-align:center;font-size:11.5px;font-weight:650;color:var(--muted);padding:4px 0}.month-cal-day{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:var(--text);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;display:grid;place-items:center;transition:background .15s}.month-cal-day:hover:not(:disabled){background:var(--fill-2)}.month-cal-day:disabled{color:var(--muted);opacity:.45;cursor:default}.month-cal-day.has span{font-weight:650}.month-cal-day i{position:absolute;bottom:12%;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--blue)}.month-cal-day i.person{background:var(--orange, #ff9500)}.month-cal-day.today span{color:var(--blue);font-weight:750}.month-cal-day.selected{background:var(--blue)}.month-cal-day.selected span{color:#fff}.month-cal-day.selected i{background:#fff;opacity:1!important}.month-cal-foot{display:flex;gap:8px;margin-top:10px}.day-nav{display:flex;align-items:center;gap:6px}.day-nav-title{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--fill-2);color:var(--text);border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer;min-width:0}.day-nav-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1101px){.day-nav-title{cursor:default;background:transparent;justify-content:flex-start}.day-nav-title svg{display:none}}.filter-group{display:inline-flex;align-items:center;gap:6px}.filter-label{font-size:12.5px;font-weight:650;color:var(--muted)}.empty-day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;text-align:center;color:var(--text-2)}.cam-tile-shade{background:linear-gradient(rgba(0,0,0,.28),transparent 22%,transparent 68%,rgba(0,0,0,.42))}.cam-tile-title{display:flex;align-items:center;gap:6px;min-width:0}.cam-tile-title svg{flex:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.cam-tile-name span,.cam-tile-icons{text-shadow:0 1px 4px rgba(0,0,0,.65)}.cam-tile-name strong{text-shadow:0 1px 4px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.35)}.cam-tile-foot{display:none}@media(max-width:600px){.rec-main .filters select{flex:1 1 100%}.filter-group{width:100%}.filter-group .filter-label{width:42px;flex:none}.filter-group .segmented{flex:1;min-width:0}.filter-group .segmented button{padding-left:6px;padding-right:6px}}.cam-grid>.cam-tile{aspect-ratio:16 / 9;align-self:start}.cam-tile-media{flex:1 1 auto;aspect-ratio:auto;min-height:0;border-radius:inherit;overflow:hidden}.cam-tile-media img,.cam-tile-media .thumb-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam-tile-add{min-height:0}.window-list{display:flex;flex-direction:column;gap:8px;margin-top:-6px}.window-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:var(--fill-2);color:var(--text);border-radius:14px;padding:10px 12px;font:inherit;cursor:pointer;transition:background .15s,transform .15s}.window-row:hover{background:var(--fill)}.window-row:active{transform:scale(.99)}.window-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue);flex:none}.window-text{display:flex;flex-direction:column;flex:1;min-width:0}.window-text strong{font-size:15px;font-variant-numeric:tabular-nums}.window-add{display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--sep);background:transparent;color:var(--blue);border-radius:14px;padding:10px;font:inherit;font-weight:600;cursor:pointer}.window-add:hover{border-color:var(--blue)}.window-editor{display:flex;flex-direction:column;gap:14px;padding:16px 22px 20px}.window-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chip-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px solid transparent;background:var(--fill-2);color:var(--text);border-radius:12px;padding:8px 12px;font:inherit;cursor:pointer;text-align:left}.chip-btn strong{font-size:14px}.chip-btn span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.chip-btn.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.day-quick{display:flex;gap:6px;flex-wrap:wrap}.day-quick button{border:0;background:var(--fill-2);color:var(--text-2);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.day-quick button.active{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.field-note.warn,.btn-danger-text{color:var(--red)}@media(min-width:901px){.shell{--side-w: 76px}.shell.side-open{--side-w: 248px}.sidebar{width:var(--side-w);padding:18px 14px;overflow:hidden;transition:width .3s var(--ease),box-shadow .3s}.shell.side-open .sidebar{box-shadow:var(--shadow)}.main{margin-left:calc(var(--side-w) + 12px);transition:margin-left .3s var(--ease)}.brand{padding:2px 7px 16px;white-space:nowrap}.brand img{flex:none}.side-nav a{padding:10px 14px;white-space:nowrap}.side-nav a svg{flex:none}.side-label{white-space:nowrap;transition:opacity .2s var(--ease)}.shell:not(.side-open) .side-label{opacity:0}.side-cta{margin:16px 0 0;justify-content:flex-start;padding-left:15px;white-space:nowrap;overflow:hidden}.side-cta svg{flex:none}.side-usage{white-space:nowrap;overflow:hidden;transition:opacity .2s,max-height .3s var(--ease),padding .3s var(--ease);max-height:90px}.shell:not(.side-open) .side-usage{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.side-user{overflow:hidden;padding:2px 6px}.side-user-info,.side-user .icon-btn{transition:opacity .2s}.shell:not(.side-open) .side-user-info,.shell:not(.side-open) .side-user .icon-btn{opacity:0;pointer-events:none}}@media(min-width:901px)and (prefers-reduced-motion:reduce){.sidebar,.main,.side-label{transition:none}}@media(min-width:901px){.shell{--side-w: 64px}.shell.side-open{--side-w: 240px}.sidebar{padding:16px 10px}.brand{padding:2px 5px 16px}.side-nav a{padding:10px 12.5px}.side-cta{padding-left:13.5px}.side-user{padding:2px 4px}.main{margin-left:calc(var(--side-w) + 12px)}.main .page{margin-left:0;padding-left:16px}}.window-outside{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 2px 0}.window-outside>span{font-size:14px;font-weight:600}.window-rule{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--sep)}.window-rule-label{font-size:13px;font-weight:650;color:var(--text-2);padding-top:10px}.rule-chips{display:flex;flex-wrap:wrap;gap:6px}.rule-chips button{border:1.5px solid transparent;background:var(--fill-2);color:var(--text);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.rule-chips button.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}.rule-chips button:disabled{opacity:.4;cursor:not-allowed}.player-inline{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow);animation:fade .2s var(--ease)}.player-inline .player-frame{border-radius:var(--radius) var(--radius) 0 0;outline:none}.player-inline .player-foot{padding:10px 14px 12px}.inline-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:3}.inline-top>*{pointer-events:auto}.rec-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:650;font-size:13.5px;font-variant-numeric:tabular-nums}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ffd60a}.back-live{display:inline-flex;align-items:center;gap:6px;border:0;padding:6px 13px;border-radius:999px;background:#ff3b30;color:#fff;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 4px 14px #ff3b3059}.back-live:active{transform:scale(.95)}.day-tl-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#ffd60a;border-radius:2px;pointer-events:none;box-shadow:0 0 6px #ffd60a99}.controls-fields{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:18px}.controls-fields:disabled{opacity:.6}.shared-note{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--violet) 12%,transparent);font-size:13.5px}.share{display:flex;flex-direction:column;gap:12px}.share-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.share-form input{flex:1 1 200px;min-width:0}.share-edit{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.share-list{display:flex;flex-direction:column;gap:8px}.share-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--fill-2)}.share-who{display:flex;flex-direction:column;flex:1;min-width:0}.share-who strong,.share-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar.small{width:30px;height:30px;font-size:13px}.health-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);margin-bottom:14px;flex-wrap:wrap}.health-banner>div:first-of-type{display:flex;flex-direction:column}.health-banner strong{font-size:18px}.health-banner.ok{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--text)}.health-banner.ok>svg{color:var(--green)}.health-banner.warn{background:color-mix(in srgb,var(--amber) 16%,transparent)}.health-banner.warn>svg{color:var(--amber)}.health-banner.error{background:color-mix(in srgb,var(--red) 16%,transparent)}.health-banner.error>svg{color:var(--red)}.health-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.health-check{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow)}.health-check>div{display:flex;flex-direction:column;min-width:0}.health-check.ok>svg{color:var(--green)}.health-check.warn>svg{color:var(--amber)}.health-check.error>svg{color:var(--red)}.health-check.error{border-color:color-mix(in srgb,var(--red) 50%,transparent)}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--fill-2)}.alert-item>div{display:flex;flex-direction:column;min-width:0}.alert-item.warn>svg{color:var(--amber)}.alert-item.error>svg{color:var(--red)}.alert-item.info>svg{color:var(--blue)}.text-red{color:var(--red)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.chart-grid>.card{margin:0}.line-chart svg{width:100%;height:140px;display:block}.lc-line{fill:none;stroke:var(--blue);stroke-width:2}.lc-area{fill:color-mix(in srgb,var(--blue) 14%,transparent)}.lc-axis{display:flex;justify-content:space-between;margin-top:6px}@media(max-width:700px){.chart-grid{grid-template-columns:1fr}}.live-shell{display:flex;flex-direction:column;min-width:0}.live-shell:not(.live-shell-compact)>.live{border-radius:var(--radius) var(--radius) 0 0}.live-motion{bottom:14px}.over-fs{position:absolute;right:10px;bottom:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:#00000080;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.over-fs:hover{background:#000000b3}.player-toolbar{display:flex;align-items:stretch;gap:6px;padding:6px;background:var(--card);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:var(--card-shadow)}.player-toolbar::-webkit-scrollbar{display:none}.tb-group{display:flex;gap:2px;padding-right:6px;border-right:1px solid var(--sep);flex:none}.tb-group:last-child{border-right:0;padding-right:0}.tb-group:empty{display:none}.tb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;min-height:52px;padding:6px 8px;border:0;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;flex:none;transition:background .15s,color .15s,transform .1s;user-select:none;-webkit-user-select:none}.tb-btn:hover:not(:disabled){background:var(--fill-2)}.tb-btn:active:not(:disabled){transform:scale(.95)}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn.on{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.tb-btn.tb-danger{background:#ff3b30;color:#fff;animation:pulse .8s infinite}.tb-btn.tb-torch{background:#ffd60a;color:#1c1c1e}.tb-btn.tb-talk{touch-action:none}.tb-btn.tb-talk.on{background:#30d158;color:#000}.tb-btn.tb-danger-text{color:var(--red)}.tb-rate{font-size:15px;line-height:20px}.lens-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 0;animation:drop .2s var(--ease)}.lens-row .chip-btn{flex-direction:row;align-items:center;gap:6px}.player-seek{padding:4px 14px 0;background:var(--card)}.player-seek .timeline{padding:14px 0 6px}.player-seek .timeline-tip{margin-left:0}.seek-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.seek-info .pc-time{padding:0}.player .player-toolbar{border:0;border-top:1px solid var(--sep);border-radius:0;box-shadow:none}.player-inline .player-toolbar{border-radius:0 0 var(--radius) var(--radius)}.player-frame .player-play{pointer-events:none}.shell-full{background:#000;display:flex;flex-direction:column;height:100%;width:100%}.shell-full>.live,.shell-full>.player-frame{flex:1;aspect-ratio:auto;border-radius:0!important;min-height:0}.shell-full .player-toolbar,.shell-full .player-seek{background:#111;color:#fff;border-color:#222}.shell-full .tb-btn{color:#fff}.shell-full .tb-group{border-color:#333}@media(min-width:901px){.camera-main .live,.camera-main .player-inline .player-frame{max-height:70vh}}@media(max-width:600px){.camera-main .live-shell,.camera-main .player-inline{margin-left:-16px;margin-right:-16px}.camera-main .live-shell>.live,.camera-main .player-inline,.camera-main .player-inline .player-frame{border-radius:0}.camera-main .player-toolbar{border-radius:0;border-left:0;border-right:0}.tb-btn{min-width:58px}}.camera-layout>*,.camera-main{min-width:0}.player-toolbar{max-width:100%;min-width:0}.modal-body .player{min-width:0}.live-shell:fullscreen,.player:fullscreen,.shell-full{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0!important;display:flex;flex-direction:column;background:#000;border-radius:0!important}.shell-full>.live,.shell-full>.player-frame{flex:1 1 auto;min-height:0;max-height:none!important;aspect-ratio:auto!important;height:auto;width:100%}.shell-full>.player-head,.shell-full>.player-seek,.shell-full>.player-toolbar,.shell-full>.lens-row{flex:none}.shell-full>.player-head{background:#111;color:#fff}.shell-full>.lens-row{background:#111;padding:8px}.shell-full .player-toolbar{border-radius:0!important;padding-bottom:max(6px,env(safe-area-inset-bottom))}.fake-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;animation:fade .15s}body.fake-fullscreen-open{overflow:hidden}.player-frame .player-video{position:absolute;top:0;right:0;bottom:0;left:0}.player-frame .player-video.standby{opacity:0;pointer-events:none}