:root{color-scheme:dark;--bg:#0b1219;--panel:#111c26;--panel-2:#162330;--border:#22313e;--text:#edf4f6;--muted:#8fa3b4;--green:#90e4bf;--red:#f7a3a5;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}input,select{border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#0e1822;color:var(--text);min-width:0}input::placeholder{color:#647b8d}select{cursor:pointer}label{font-size:12px;font-weight:600;color:#b9cbd7}h1,h2,p{margin:0}[hidden]{display:none!important}.icon-library{width:0;height:0;position:absolute;pointer-events:none}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--panel-2);transition:background .18s,border-color .18s}.button:hover:not(:disabled){background:#213545;border-color:#466071}.button.primary{background:var(--green);border-color:var(--green);color:#10271e}.button.primary:hover:not(:disabled){background:#b1f1d4;border-color:#b1f1d4}.button.quiet{background:transparent;color:#bdccd7}.button.small{padding:8px 11px;font-size:11px}.button .icon{width:17px;height:17px}.icon-button{border:0;background:transparent;color:#93a9ba;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex:none}.icon-button:hover:not(:disabled){background:#223342;color:var(--text)}.bordered{border:1px solid var(--border)}.rotate{transform:rotate(180deg)}.full{width:100%}.boot{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid #355044;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:23px;line-height:1.1;letter-spacing:.015em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--green);border-radius:12px;color:#10291e}.brand-mark .icon{width:24px;height:24px}.brand-sub{display:block;font-size:10px;letter-spacing:.025em;font-weight:450;color:var(--muted);margin-top:7px}.login-screen{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 80%,#203c38 0%,transparent 65%),#10211f;padding:48px 9%;display:flex;flex-direction:column;min-height:100svh}.story-copy{position:relative;z-index:2;margin-top:auto;margin-bottom:24%}.story-copy .eyebrow{color:#91bba9}.story-copy h1{font-size:clamp(30px,3.2vw,49px);line-height:1.18;letter-spacing:-.05em;margin:24px 0}.story-copy em{font-style:normal;color:#8cdec0}.story-copy p{max-width:330px;color:#afc1ba;font-size:15px}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.story-tags span{font-size:10px;color:#bdd6cb;padding:7px 10px;background:#fff00000;border:1px solid #47745e;border-radius:30px}.story-footer{font-size:10px;color:#749185;z-index:2}.story-art{position:absolute;bottom:2%;right:-30px;width:320px;height:270px;transform:rotate(-10deg);opacity:.23}.art-frame{position:absolute;inset:0;border:1px solid #85d4b4;border-radius:22px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#639b8120 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#639b8120 30px)}.art-frame>span{position:absolute;width:28px;height:28px;border-color:var(--green);border-style:solid}.art-frame>span:nth-child(1){top:30px;left:30px;border-width:2px 0 0 2px}.art-frame>span:nth-child(2){top:30px;right:30px;border-width:2px 2px 0 0}.art-frame>span:nth-child(3){bottom:30px;left:30px;border-width:0 0 2px 2px}.art-frame>span:nth-child(4){bottom:30px;right:30px;border-width:0 2px 2px 0}.art-cross{position:absolute;inset:95px 115px;border:1px solid var(--green);border-radius:50%}.art-line{position:absolute;top:50%;left:30px;right:30px;border-top:1px solid var(--green)}.login-panel{display:grid;place-items:center;padding:40px 24px}.login-card{width:min(100%,365px)}.login-icon{display:grid;place-items:center;width:46px;height:46px;background:#19312b;color:var(--green);border:1px solid #305045;border-radius:14px;margin-bottom:30px}.login-card h2{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:12px 0}.login-card>.muted{font-size:13px;margin-bottom:30px}.login-card label{display:block;margin:18px 0 7px}.login-card input{width:100%;height:46px}.login-card .primary{width:100%;margin-top:26px;height:46px;justify-content:space-between;padding:12px 17px}.login-note{margin-top:24px;color:#647e90;font-size:11px;line-height:1.7}.form-error{font-size:12px;color:var(--red);margin-top:12px;white-space:pre-wrap}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100svh}.sidebar{padding:30px 18px 18px;background:#0e1821;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin:0 12px 45px}.workspace-label{font-size:9px;letter-spacing:.14em;color:#607789;font-weight:700;margin:0 14px 13px}.navigation{display:flex;flex-direction:column;gap:5px}.nav-button{display:flex;align-items:center;gap:11px;text-align:left;padding:13px;border:none;border-radius:11px;background:transparent;font-weight:550;font-size:12px;color:#98adbd}.nav-button .icon{width:19px;height:19px}.nav-button:hover{background:#182631;color:#ecf3f4}.nav-button.active{background:#1c332e;color:var(--green)}.nav-dot{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.nav-count{margin-left:auto;font-size:9px;padding:1px 5px;background:#294336;border-radius:5px;color:#b1e8cb}.sidebar-bottom{margin-top:auto}.fleet-card{margin:28px 5px;padding:16px;border:1px solid #243440;border-radius:12px;background:linear-gradient(145deg,#172630,#101c25)}.fleet-card .eyebrow{font-size:8px;letter-spacing:.07em}.fleet-value{display:flex;align-items:baseline;gap:8px;margin:8px 0}.fleet-value strong{font-size:29px;font-weight:650;letter-spacing:-.04em}.fleet-value>span{color:#7f96a6;font-size:11px}.fleet-card p{display:flex;align-items:center;gap:6px;font-size:10px;color:#9fb4be}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block;flex:none}.account{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:19px 3px 0}.avatar{width:33px;height:33px;border-radius:10px;background:#2b333b;color:#d2dccf;display:grid;place-items:center;font-size:12px;font-weight:650}.account-name{min-width:0;flex:1}.account-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.account-name>span{font-size:9px;color:#617b8f}.account .icon-button{width:27px}.main-content{grid-column:2;padding:32px 34px 28px;min-width:0;max-width:1900px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--border);gap:15px}.topbar .eyebrow{font-size:9px}.topbar h1{font-size:28px;line-height:1.25;font-weight:620;letter-spacing:-.04em;margin-top:7px}.topbar-tools{display:flex;gap:15px;align-items:center}.today{color:#849bac;font-size:11px}.page{padding-top:24px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.page-intro>p{color:#9bafbd;font-size:12px}.live-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:170px;max-width:340px}.search-field .icon{position:absolute;left:12px;top:13px;width:16px;height:16px;color:#6a8495}.search-field input{padding-left:37px;width:100%;font-size:12px}.live-toolbar select{max-width:190px;font-size:12px}.favorite-filter .icon{width:15px;height:15px}.favorite-filter[aria-pressed=true]{border-color:#617344;background:#2e3824;color:#dceba6}.favorite-filter[aria-pressed=true] .icon{fill:#a5c25b44}.layout-switch{display:flex;gap:3px;border:1px solid var(--border);padding:4px;border-radius:10px;margin-left:auto;background:#0e1922}.layout-switch button{border:0;background:transparent;border-radius:6px;color:#7890a1;font-size:11px;font-weight:650;padding:6px 9px;min-width:29px}.layout-switch button.selected{background:#284236;color:#b5e4c9}.camera-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-grid.grid-1{grid-template-columns:minmax(0,1fr);max-width:1250px}.camera-grid.grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-grid.grid-16{grid-template-columns:repeat(4,minmax(0,1fr))}.camera-tile{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 4px 12px #00000013}.tile-header{display:flex;gap:7px;align-items:center;padding:12px 13px}.tile-heading{min-width:0;flex:1}.tile-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-status{font-size:9px;display:flex;align-items:center;gap:5px;margin-top:2px;color:#85a291}.tile-status.offline{color:#c39898}.tile-status.offline .status-dot{background:#d39292}.favorite-button{width:30px;height:30px}.favorite-button[aria-pressed=true]{color:#d6df91}.favorite-button[aria-pressed=true] .icon{fill:#d6df9122}.tile-video{position:relative;background:#060b10;aspect-ratio:16/9;overflow:hidden}.tile-video iframe{border:0;display:block;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse,#10202a,#091118);color:#5c778a;text-align:center;padding:18px}.video-placeholder>.icon{width:26px;height:26px;opacity:.65}.video-placeholder>span{font-size:11px}.video-placeholder>small{font-size:9px;color:#536f83}.video-placeholder.loading{z-index:1;pointer-events:none;gap:10px}.tile-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;gap:4px}.tile-location{display:flex;align-items:center;gap:5px;color:#6f8b9d;font-size:10px;min-width:0}.tile-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-location .icon{width:12px;height:12px}.tile-actions{display:flex;gap:3px}.tile-actions button{font-size:10px;padding:5px 7px}.tile-actions .icon{width:13px;height:13px}.grid-16 .tile-header{padding:9px}.grid-16 .tile-name{font-size:10px}.grid-16 .tile-status{font-size:8px}.grid-16 .tile-footer{padding:6px 8px}.grid-16 .tile-actions .button span{display:none}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.pagination>div{display:flex;gap:7px}.empty-state{grid-column:1/-1;border:1px dashed #304250;border-radius:14px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:35px;text-align:center}.empty-state>.icon{width:35px;height:35px;color:#5e7c91;margin-bottom:6px}.empty-state h2{font-size:16px;font-weight:600}.empty-state p{color:#7d97a9;font-size:12px;max-width:420px}.notice{margin:0 0 18px;border:1px solid #35504b;background:#122722;color:#a4c6b9;padding:12px 15px;border-radius:10px;font-size:12px;white-space:pre-wrap}.notice.error{border-color:#653c45;background:#2c1c24;color:#e5aaae}#global-error{margin:20px 0 0}.archive-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:21px}.archive-toolbar label{display:flex;flex-direction:column;gap:6px}.archive-toolbar label:first-child{min-width:220px;flex:1;max-width:420px}.archive-toolbar select{width:100%}.archive-toolbar .button{min-height:43px}.archive-toolbar input{min-height:43px}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:22px}.archive-main{min-width:0}.archive-player{position:relative;aspect-ratio:16/9;background:#050a0e;border:1px solid var(--border);border-radius:13px;overflow:hidden}.archive-player video{width:100%;height:100%;display:block;background:#050a0e}.player-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 50% 40%,#152633,#080f16);color:#829bab;text-align:center;padding:25px;pointer-events:none}.player-placeholder>.icon{width:36px;height:36px;color:#58758b;margin-bottom:6px}.player-placeholder strong{font-size:14px;font-weight:550}.player-placeholder p{font-size:11px;color:#647f93}.archive-watermark{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:.12em;background:#0a141ecf;border:1px solid #3b4b57;padding:4px 7px;border-radius:4px;color:#afc0cc;pointer-events:none}.timeline-card{margin-top:16px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.timeline-heading .eyebrow{display:block;font-size:8px;margin-bottom:5px}.timeline-heading strong{font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.timeline-track{height:39px;position:relative;background:repeating-linear-gradient(90deg,#1c2a37 0,#1c2a37 calc(12.5% - 1px),#2e3f4d calc(12.5% - 1px),#2e3f4d 12.5%);border-radius:5px}.recorded-interval{position:absolute;top:9px;height:20px;min-width:1px;background:#548575;border-radius:2px}.timeline-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:crosshair;padding:0}.timeline-track:focus-within{outline:2px solid var(--green);outline-offset:3px}.timeline-cursor{position:absolute;top:-4px;bottom:-4px;border-left:2px solid #e2f7ef;pointer-events:none;z-index:2}.timeline-cursor:before{content:"";position:absolute;width:6px;height:6px;background:#e2f7ef;top:-2px;left:-4px;transform:rotate(45deg)}.timeline-clip{position:absolute;top:5px;bottom:5px;border:1px solid #cbd995;background:#dce3a43a;pointer-events:none;z-index:1;min-width:2px}.timeline-labels{display:flex;justify-content:space-between;font-size:8px;color:#7c91a1;margin:9px 0 15px;font-variant-numeric:tabular-nums}.timeline-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:9px;color:#8ca3b2;margin-bottom:12px}.timeline-legend>span{display:flex;align-items:center;gap:5px}.timeline-legend i{width:7px;height:7px;display:block;border-radius:2px}.legend-recorded{background:#548575}.legend-gap{background:#2c3e4d}.legend-selected{background:#cbd995}.clip-panel{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:13px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:25px}.panel-icon{display:grid;place-items:center;width:36px;height:36px;background:#253a33;border:1px solid #3b5145;color:var(--green);border-radius:10px}.panel-heading h2{font-size:14px;font-weight:600}.panel-heading p{font-size:10px;color:#718c9e;margin-top:3px}.clip-panel label{display:block;margin:17px 0 7px;font-size:10px}.clip-panel input,.clip-panel select{width:100%;font-size:11px;padding:10px 9px;max-width:100%}.clip-panel select{margin-top:5px}.marker-button{margin-top:5px!important;padding:4px 0!important;border:0;font-size:10px;color:#8ec7b0!important}.clip-duration{border-top:1px solid var(--border);padding:15px 0;margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:#8da2b2;font-size:11px}.clip-duration strong{color:#d5e8df;font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}.clip-note{font-size:10px;line-height:1.7;color:#607b8e;margin-top:15px}.clip-panel .form-error{margin:0 0 12px;font-size:10px}.export-list{display:flex;flex-direction:column;gap:12px}.export-item{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:19px 20px;display:flex;align-items:center;gap:18px}.export-art{background:linear-gradient(140deg,#243f36,#13261f);color:#7fbb9f;flex:none;border:1px solid #324d40;border-radius:10px;width:65px;height:58px;display:grid;place-items:center}.export-art .icon{width:23px;height:23px}.export-detail{min-width:0;flex:1}.export-detail h2{font-size:13px;font-weight:600}.export-detail p{font-size:11px;color:#88a0b1;margin-top:5px;overflow-wrap:anywhere}.export-detail .export-error{color:#e5a6a6}.export-right{display:flex;align-items:center;gap:15px}.job-status{font-size:10px;color:#9db7a8;white-space:nowrap}.job-status.error{color:#d99e9e}.job-status.pending{color:#c8c69b}.export-progress{display:block;width:min(320px,100%);height:4px;margin-top:11px;border:0;border-radius:4px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#2c3941}progress::-webkit-progress-value{background:var(--green)}.toast{position:fixed;left:calc(50% + 119px);bottom:25px;transform:translateX(-50%);max-width:min(600px,90vw);background:#c4efd9;color:#163d2a;font-size:12px;font-weight:550;padding:13px 20px;border:1px solid #80bc9e;border-radius:11px;z-index:50;box-shadow:0 5px 35px #0008}.tile-video:fullscreen{aspect-ratio:auto;width:100%;height:100%;background:#000}.tile-video:fullscreen iframe{width:100%;height:100%}
@media(min-width:1650px){.main-content{padding:36px 45px}.camera-grid{gap:22px}.tile-name{font-size:13px}.grid-9 .tile-name,.grid-16 .tile-name{font-size:11px}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:25px 12px 15px}.sidebar .brand{margin-left:8px;font-size:21px}.main-content{padding:28px 24px}.nav-button{font-size:11px;padding:12px 10px}.archive-layout{grid-template-columns:minmax(0,1fr)}.clip-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.clip-panel .panel-heading,.clip-panel .clip-duration,.clip-panel .clip-note,.clip-panel .form-error,.clip-panel .full{grid-column:1/-1}.clip-panel .panel-heading{margin-bottom:5px}.clip-panel label[for=clip-start]{grid-column:1;grid-row:2}.clip-panel #clip-start{grid-column:1;grid-row:3}.clip-panel #clip-start-offset{grid-column:1;grid-row:4}.clip-panel #clip-start-here{grid-column:1;grid-row:5;justify-self:start}.clip-panel label[for=clip-end]{grid-column:2;grid-row:2}.clip-panel #clip-end{grid-column:2;grid-row:3}.clip-panel #clip-end-offset{grid-column:2;grid-row:4}.clip-panel #clip-end-here{grid-column:2;grid-row:5;justify-self:start}.grid-16 .tile-location{display:none}.grid-16 .tile-footer{justify-content:flex-end}.toast{left:calc(50% + 105px)}}
@media(max-width:900px){.camera-grid.grid-9,.camera-grid.grid-16{grid-template-columns:repeat(2,minmax(0,1fr))}.today{display:none}.favorite-filter span{display:none}.live-toolbar .layout-switch{margin-left:0}.live-toolbar .search-field{max-width:none}.grid-16 .tile-location{display:flex}.grid-16 .tile-footer{justify-content:space-between}.export-item{gap:12px;padding:15px}.export-art{width:47px;height:47px}.export-right{align-items:flex-end;flex-direction:column;gap:8px}.login-story{padding:34px}.story-copy{margin-bottom:42%}.story-copy h1{font-size:34px}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;border-right:0;border-bottom:1px solid var(--border);padding:13px 16px 8px;display:block;background:#0e1821f5;backdrop-filter:blur(15px)}.sidebar .brand{font-size:19px;margin:0 0 12px;gap:8px}.brand-mark{width:30px;height:30px;border-radius:9px}.brand-mark .icon{width:19px;height:19px}.sidebar .brand-sub{font-size:8px;margin-top:4px}.workspace-label,.fleet-card{display:none}.navigation{flex-direction:row;gap:4px}.nav-button{justify-content:center;padding:10px 8px;font-size:10px;gap:6px;flex:1;border-radius:8px;white-space:nowrap}.nav-button .icon{width:16px;height:16px}.nav-dot{display:none}.sidebar-bottom{position:absolute;right:15px;top:13px}.account{padding:0;border:0;gap:5px}.account-name{display:none}.avatar{width:29px;height:29px;font-size:10px}.main-content{padding:23px 16px}.topbar{padding-bottom:21px}.topbar h1{font-size:25px}.topbar .eyebrow{font-size:8px}.topbar-tools{gap:5px}.page{padding-top:20px}.page-intro{margin-bottom:18px;align-items:flex-start;gap:5px}.page-intro>p{font-size:11px}#live-summary{font-size:9px;max-width:110px;text-align:right}.live-toolbar{gap:7px;margin-bottom:18px}.search-field{flex-basis:100%;min-width:100%;max-width:none}.live-toolbar select{flex:1;max-width:none;font-size:11px}.live-toolbar .button{padding:11px 12px}.layout-switch button{padding:6px 8px}.camera-grid,.camera-grid.grid-9,.camera-grid.grid-16{gap:12px;grid-template-columns:1fr}.tile-header,.grid-16 .tile-header{padding:11px 12px}.tile-name,.grid-16 .tile-name{font-size:12px}.tile-status,.grid-16 .tile-status{font-size:9px}.tile-actions .button span,.grid-16 .tile-actions .button span{display:inline}.tile-footer,.grid-16 .tile-footer{padding:8px 12px}.archive-toolbar{gap:9px}.archive-toolbar label:first-child{flex-basis:100%;max-width:none;min-width:0}.archive-toolbar label:nth-child(2){flex:1;min-width:140px}.archive-toolbar>.button{font-size:11px;flex:1}.archive-toolbar label{font-size:10px}.archive-layout{gap:16px}.timeline-card{padding:14px}.timeline-heading strong{font-size:11px}.timeline-heading .button{font-size:9px;padding:7px}.timeline-heading .button .icon{width:12px;height:12px}.timeline-legend{gap:10px;font-size:8px}.timeline-labels{font-size:8px}.clip-panel{padding:17px;gap:0 10px}.clip-panel input{font-size:10px;padding:9px 5px}.marker-button{font-size:9px}.export-art{display:none}.export-item{align-items:flex-start;gap:10px}.export-detail h2{font-size:12px}.export-detail p{font-size:10px}.export-right .button{padding:8px;font-size:10px}.export-right .button .icon{width:14px;height:14px}.toast{left:50%;bottom:16px;min-width:260px;text-align:center}.login-screen{display:block}.login-story{min-height:0;padding:25px 24px 30px}.login-story .brand{font-size:20px}.story-copy{margin:35px 0 0}.story-copy .eyebrow{font-size:8px}.story-copy h1{font-size:29px;margin:13px 0}.story-copy p{font-size:12px;max-width:260px}.story-tags,.story-footer{display:none}.story-art{width:200px;height:150px;right:-55px;bottom:5px;opacity:.12}.login-panel{padding:32px 24px 40px}.login-icon,.login-card>.eyebrow{display:none}.login-card h2{font-size:23px}.login-card>.muted{margin-bottom:20px}.empty-state{min-height:280px;padding:25px}.page-intro #timezone-label{font-size:9px;max-width:145px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.motion-panel{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);display:grid;gap:10px}.motion-panel h2{font-size:15px}.motion-actions,.motion-results{display:flex;flex-wrap:wrap;gap:7px}.motion-results{max-height:180px;overflow:auto}.motion-panel progress{width:100%;accent-color:#f8b46a}.motion-interval{position:absolute;top:0;bottom:0;background:#f8b46a;opacity:.85;pointer-events:none;z-index:2}.archive-playback-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}.archive-speeds{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.archive-speeds button{min-width:39px;min-height:34px;padding:5px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.archive-speeds button[aria-pressed=true]{background:#284236;color:var(--green)}#archive-speed-status{font-size:11px}
/* Live view uses the entire viewport in every layout. Labels float over video. */
body.is-wall{overflow:hidden}body.is-wall .app-shell{display:block;height:100dvh;min-height:0;background:#030609}body.is-wall .sidebar,body.is-wall .topbar,body.is-wall .page-intro{display:none}body.is-wall .main-content{max-width:none;margin:0;padding:4px;width:100%;height:100%;min-height:0}body.is-wall #page-live{padding:0;min-height:0}body.is-wall #global-error:not([hidden]){position:fixed;top:44px;left:8px;right:8px;z-index:45;margin:0;padding:8px 12px}body.is-wall .live-toolbar{height:38px;margin:0 0 4px;gap:6px;flex-wrap:nowrap;position:relative;z-index:30}body.is-wall .layout-switch{margin:0;padding:2px;border-radius:5px;flex:none}body.is-wall .layout-switch button{padding:5px 9px;font-size:12px;border-radius:3px}body.is-wall .icon-button{height:32px;width:32px;border-radius:5px}body.is-wall .icon-button .icon{height:17px;width:17px}.wall-pagination{display:flex;align-items:center;gap:5px;flex:none}.wall-pagination span{font-variant-numeric:tabular-nums;white-space:nowrap;color:#c6d4dd;min-width:72px;text-align:center}.wall-summary{font-size:11px;color:#8fa3b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wall-actions{display:flex;gap:5px;margin-left:auto;flex:none}.wall-filter,.wall-menu{position:relative;flex:none}.wall-filter summary,.wall-menu summary{list-style:none;cursor:pointer}.wall-filter summary::-webkit-details-marker,.wall-menu summary::-webkit-details-marker{display:none}.wall-filter.is-filtered summary{color:var(--green);border-color:var(--green)}.wall-popover{position:absolute;top:38px;right:0;min-width:220px;max-width:calc(100vw - 16px);padding:10px;display:flex;flex-direction:column;gap:8px;background:#101c26;border:1px solid #3b5262;border-radius:8px;box-shadow:0 8px 24px #0009;z-index:35}.wall-filter .wall-popover{right:auto;left:0}.wall-popover strong{font-size:12px;overflow-wrap:anywhere}.wall-popover .search-field{min-width:0;max-width:none;width:100%}.wall-popover input,.wall-popover select{width:100%;max-width:none;font-size:12px}.wall-popover .button{justify-content:flex-start}.camera-grid.wall{grid-template-columns:repeat(var(--wall-cols,4),minmax(0,1fr));grid-template-rows:repeat(var(--wall-rows,4),minmax(0,1fr));height:var(--wall-height,calc(100dvh - 50px));max-width:none;gap:3px}.wall .camera-tile{position:relative;min-width:0;min-height:0;border:0;border-radius:2px;background:#000;box-shadow:none}.wall .tile-header{position:absolute;top:0;left:0;right:0;z-index:3;padding:3px 5px;gap:4px;min-height:0;background:linear-gradient(#000b,#0000);pointer-events:none}.wall .tile-heading{display:flex;align-items:center;gap:6px;min-width:0;flex:1;pointer-events:none}.wall .tile-name{font-size:11px;font-weight:600;text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall .tile-status{margin:0;flex:none}.wall .tile-status>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wall .tile-status .status-dot{width:6px;height:6px;box-shadow:0 0 2px #000}.wall .favorite-button,.wall .tile-expand{pointer-events:auto;width:24px;height:24px;opacity:0;background:#081019aa;border-radius:3px}.wall .favorite-button .icon,.wall .tile-expand .icon{width:15px;height:15px}.wall .camera-tile:hover .favorite-button,.wall .camera-tile:focus-within .favorite-button,.wall .favorite-button[aria-pressed=true],.wall .camera-tile:hover .tile-expand,.wall .camera-tile:focus-within .tile-expand{opacity:1}.wall .tile-video{height:100%;width:100%;min-height:0;aspect-ratio:auto;cursor:zoom-in}.wall .tile-video iframe{pointer-events:none}.wall .tile-footer{display:none}.camera-tile.is-focused{position:fixed!important;inset:4px;z-index:50!important;box-shadow:0 0 0 100vmax #03080ded;border:1px solid #90e4bf;border-radius:3px}.wall .camera-tile.is-focused .tile-header{padding:6px 8px}.wall .camera-tile.is-focused .tile-name{font-size:14px}.wall .camera-tile.is-focused .tile-video{cursor:default}.wall .camera-tile.is-focused .tile-video iframe{pointer-events:auto}.wall .camera-tile.is-focused .tile-expand{display:none}.wall .camera-tile.is-focused .favorite-button{opacity:1}.focus-close{display:none}.is-focused .focus-close{display:inline-flex;pointer-events:auto;background:#0b1628dd!important;padding:5px 10px}.wall .tile-video .video-placeholder{padding:4px;font-size:10px}.wall .tile-video .video-placeholder small,.wall .tile-video .video-placeholder svg{display:none}.wall .tile-video .video-placeholder>span{font-size:10px}.wall .empty-state{grid-row:1/-1;min-height:0}.wall .tile-focus-target{position:absolute;inset:0;z-index:2;background:transparent;border:0;cursor:zoom-in}.wall .is-focused .tile-focus-target{display:none}body.is-wall .toast{left:50%}
@media(hover:none){.wall .favorite-button,.wall .tile-expand{opacity:1}}
@media(max-width:900px){.wall-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wall-filter .wall-popover{position:fixed;top:46px;left:8px;right:8px;min-width:0}.wall .tile-name{font-size:9px}.wall .tile-expand{display:none}}
@media(max-width:520px){body.is-wall .live-toolbar{gap:3px}body.is-wall .layout-switch button{padding:5px 6px;min-width:24px}body.is-wall .icon-button{width:28px}.wall-actions{gap:3px}.wall-pagination{gap:2px}.wall-pagination span{font-size:10px;min-width:55px}body.is-wall #wall-refresh{display:none}.wall .tile-header{padding:2px 3px}.wall .favorite-button{width:20px;height:20px}.wall .tile-heading{gap:3px}}

.mobile-navigation{display:none}.timeline-tools,.timeline-zoom,.archive-jumps{display:flex;align-items:center;gap:6px}.timeline-tools{margin:0 0 12px}.timeline-zoom{margin-right:auto}.timeline-zoom button,.archive-jumps button{border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);padding:8px 11px;min-height:36px;font-size:12px}.timeline-zoom button[aria-pressed=true]{background:#284236;color:var(--green);border-color:#507762}.archive-jumps{margin:12px 0;justify-content:space-between}.archive-jumps button{flex:1}.archive-time-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.archive-time-form input{max-width:160px;padding:8px;font-variant-numeric:tabular-nums}.archive-time-form select{flex-basis:100%}.archive-time-form label{font-size:11px}.timeline-track{overflow:clip;overflow-clip-margin:7px}.timeline-track input{touch-action:pan-y;z-index:4}.timeline-labels span{white-space:nowrap}.timeline-tools .icon-button{font-size:18px}.archive-speeds button{touch-action:manipulation}
@media(max-width:680px),(max-width:1000px) and (max-height:500px){
  .app-shell{display:block}.sidebar{display:none}.main-content{padding:8px max(10px,env(safe-area-inset-right)) calc(78px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));max-width:none}.topbar{padding:0 0 5px;min-height:44px}.topbar h1{font-size:20px;margin:0}.topbar .eyebrow,.today{display:none}.topbar .icon-button{width:44px;height:44px}.page{padding-top:8px}.page-intro{margin-bottom:6px;justify-content:flex-end}.page-intro>p{display:none}.page-intro #timezone-label{max-width:none;font-size:10px}.archive-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:10px}.archive-toolbar label:first-child{grid-column:1/-1}.archive-toolbar label{font-size:10px;display:grid;gap:3px;min-width:0;max-width:none}.archive-toolbar label:nth-child(2){min-width:0}.archive-toolbar input,.archive-toolbar select{width:100%;min-height:44px;font-size:16px;padding:9px 10px;max-width:100%}.archive-toolbar #archive-today{min-height:44px;align-self:end;padding:8px 12px}.archive-toolbar #archive-load{grid-column:1/-1;min-height:44px;padding:8px}.archive-toolbar #archive-load{display:none}.archive-layout{display:block}.archive-player{border-radius:8px;aspect-ratio:16/9}.archive-player video{width:100%;height:100%}.player-placeholder{padding:10px;gap:5px}.player-placeholder .icon{width:24px;height:24px;margin:0}.player-placeholder strong{font-size:13px}.player-placeholder p{font-size:11px}.archive-watermark{top:7px;left:7px}.archive-playback-tools{gap:6px;margin:6px 0}.archive-speeds{padding:2px;gap:2px}.archive-speeds button{min-width:44px;min-height:44px;font-size:14px}.archive-playback-tools>span:first-child{font-size:11px}#archive-speed-status{flex-basis:100%;font-size:10px}.timeline-card{padding:12px;margin-top:8px}.timeline-heading{margin-bottom:10px;align-items:flex-start}.timeline-heading strong{font-size:11px}.timeline-heading .button{min-height:44px;max-width:130px;white-space:normal;font-size:11px;padding:7px}.timeline-heading .eyebrow{margin-bottom:3px}.timeline-track{height:48px}.recorded-interval{top:12px;height:24px}.timeline-labels{font-size:10px;margin-bottom:8px}.timeline-tools{gap:4px}.timeline-zoom{gap:4px}.timeline-zoom button,.archive-jumps button{min-height:44px;min-width:44px;padding:8px;font-size:12px}.timeline-tools .icon-button{height:44px;width:44px}.archive-time-form input{font-size:16px;min-height:44px;flex:1;min-width:110px}.archive-time-form .button{min-height:44px;font-size:12px}.archive-time-form select{font-size:16px;min-height:44px;width:100%}.timeline-legend{font-size:10px;gap:9px;margin-bottom:8px}.motion-panel{padding:12px;margin-top:10px}.motion-actions .button,.motion-results .button{min-height:44px;font-size:12px;white-space:normal;flex:1}.motion-results{max-height:230px}.motion-results .button{flex-basis:45%;justify-content:flex-start}.clip-panel{display:block;padding:14px;margin-top:12px}.clip-panel label{font-size:12px;margin-top:14px}.clip-panel input,.clip-panel select{font-size:16px;min-height:46px;padding:10px;width:100%}.clip-panel .marker-button{min-height:44px;padding:8px!important;font-size:12px}.clip-panel .button.full{min-height:48px;font-size:14px}.clip-note{font-size:11px}.notice{padding:10px;margin:8px 0;font-size:12px}.export-item{flex-wrap:wrap}.export-right{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:8px}.export-right .button{min-height:44px;font-size:12px}.export-right .job-status{margin-right:auto}.mobile-navigation{display:flex;position:fixed;inset:auto 0 0;z-index:40;min-height:58px;padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--border);background:#0e1821f5;backdrop-filter:blur(12px);gap:6px}.mobile-navigation button{flex:1;min-width:0;min-height:48px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--muted);font-size:12px}.mobile-navigation button.active{background:#1c332e;color:var(--green)}.mobile-navigation .icon{width:19px;height:19px}.toast,body.is-wall .toast{bottom:calc(72px + env(safe-area-inset-bottom));left:50%;min-width:0;width:max-content;max-width:calc(100vw - 24px)}body.is-wall .main-content{padding:4px max(4px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left))}body.is-wall .live-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;height:auto;min-height:96px;margin-bottom:4px}body.is-wall .layout-switch{grid-column:1;grid-row:1;justify-self:start}body.is-wall .layout-switch button{min-width:44px;min-height:44px;padding:5px 8px;font-size:13px}body.is-wall .wall-filter{grid-column:2;grid-row:1}body.is-wall .wall-actions{grid-column:3;grid-row:1;margin:0}body.is-wall .wall-pagination{grid-column:1;grid-row:2;justify-content:flex-start;gap:8px}body.is-wall #favorites-only{grid-column:2;grid-row:2}body.is-wall .icon-button{height:44px;width:44px}body.is-wall #wall-fullscreen,body.is-wall #wall-refresh{display:none}.wall-pagination span{font-size:12px;min-width:72px}.wall-filter .wall-popover{top:56px}.wall-popover input,.wall-popover select{font-size:16px;min-height:44px}.wall-popover .button{min-height:44px}.wall .is-focused .favorite-button{width:44px;height:44px}.wall .is-focused .focus-close{min-height:44px;font-size:13px}.wall .tile-name{font-size:9px}.wall .is-focused .tile-name{font-size:13px}.wall .camera-tile.is-focused{inset:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.login-card input{font-size:16px;min-height:48px}
}
@media(max-width:1000px) and (max-height:500px){body.is-wall .live-toolbar{display:flex;flex-wrap:nowrap;min-height:48px}.mobile-navigation{min-height:48px;padding-top:0;padding-bottom:env(safe-area-inset-bottom)}.mobile-navigation button{min-height:44px}.archive-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,auto) auto}.archive-toolbar label:first-child{grid-column:auto}.archive-player{max-height:calc(100dvh - 110px);aspect-ratio:16/9;background:#000;margin-inline:auto}.archive-player video{object-fit:contain}.topbar{display:none}.archive-playback-tools{margin-top:4px}.page-intro{margin-bottom:2px}.main-content{padding-top:4px}.timeline-card{margin-top:6px}}

.archive-player{width:100%}#archive-video{object-fit:fill}.archive-fit{display:flex;gap:3px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.archive-fit button{min-height:44px;min-width:44px;border:0;border-radius:5px;padding:8px 12px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;touch-action:manipulation}.archive-fit button[aria-pressed=true]{background:#284236;color:var(--green)}