:root{--bg: #f6f8f7;--panel: #ffffff;--panel-strong: #eef2f0;--line: #e1e7e4;--text: #15222f;--muted: #607067;--accent: #087f6e;--amber: #90640f;--recording: #c4cac7;--recording-gap: #ffffff;--person: #d98419;--motion: #348be0;--sound: #9971d6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit}button,input,select{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--text);padding:8px 12px}button{cursor:pointer;transition:background .14s,border-color .14s,transform .14s}button:active:not(:disabled){transform:scale(.98)}button:hover{background:#e6f2ed;border-color:var(--accent)}button:disabled{cursor:default;opacity:.45}input,select{color-scheme:light;min-width:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin:8px 0}.message{color:var(--amber);font-size:14px;min-height:22px;margin:14px 0}.message:empty{display:none}.compact{margin:8px 0}.text-link{color:var(--accent);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.primary:hover{background:#0b7063}.subtle{background:transparent;font-size:13px}.topbar{display:flex;align-items:center;gap:36px;padding:0 32px;min-height:76px;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:720;text-decoration:none;white-space:nowrap}.topbar nav{display:flex;align-self:stretch;gap:28px}.topbar nav a{display:flex;align-items:center;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;padding:20px 0;white-space:nowrap}.topbar nav a[aria-current]{color:var(--text);border-color:var(--accent)}#viewerName{margin-left:auto;font-size:13px}main{width:min(1100px,100%);margin:0 auto;padding:22px 32px 52px}.recording-tabs{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.recording-tabs a{display:inline-flex;align-items:center;min-height:48px;padding:8px 0;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none}.recording-tabs a[aria-current]{color:var(--text);border-color:var(--accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.section-heading h1{font-size:25px;letter-spacing:-.02em;margin:0;font-weight:700}.section-heading h2{font-size:16px;margin:0}.section-heading.small{margin:0 0 12px}.section-heading .muted{font-size:13px}.filters{display:flex;align-items:end;gap:12px;margin-bottom:18px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.filters select{min-width:220px}.filters>button{margin-left:auto}.filters input{min-width:166px}.playback{position:relative;width:100%;min-width:0;display:flex;justify-content:center;align-items:center;background:#050505;aspect-ratio:16/9;max-height:54svh;min-height:200px;overflow:hidden}.playback video{display:block;min-width:0;width:100%;height:100%;max-height:54svh;object-fit:contain}.player-placeholder{position:absolute;left:24px;right:24px;text-align:center;color:var(--muted);font-size:14px;pointer-events:none}.playback-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:13px;font-variant-numeric:tabular-nums}.time-navigation{padding:14px 0 10px;border-top:1px solid var(--line)}.continuation-tools{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap}.playback-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;margin:12px 0 18px}.playback-actions #preserveCurrent{justify-self:end}.seek-form{display:flex;align-items:end;gap:10px;margin:0 0 16px}.seek-form label{flex:1;max-width:260px;grid-template-columns:1fr auto;align-items:center}.seek-form .hint{margin:0}.seek-form input{width:100%;grid-column:1/-1;font-size:16px}.continuation-control{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--text)}.continuation-control input{width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:var(--accent)}.date-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.date-navigation{display:grid;grid-template-columns:44px minmax(140px,180px) 44px;align-items:center;gap:4px}.date-field input{width:100%;border-color:transparent;text-align:center;font-variant-numeric:tabular-nums}.date-step{padding:6px;background:transparent;border-color:transparent;font-size:18px}.timeline-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.timeline-zoom{display:flex;gap:4px}.timeline-zoom button{min-width:62px;padding:6px 10px;background:transparent;border-color:transparent;font-size:13px;color:var(--muted)}.timeline-zoom button[aria-pressed=true]{color:var(--text);background:var(--panel-strong)}.timeline-legend{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.timeline-legends{display:flex;gap:12px}.timeline-legend i{width:18px;height:8px;background:var(--recording)}.timeline-legend i.recording-gap{background:var(--recording-gap);border:1px solid var(--recording)}.detection-timeline{display:grid;grid-template-columns:84px minmax(0,1fr)}.timeline-readout{grid-column:2;display:flex;justify-content:center;margin:10px 0 0}.detection-labels{grid-column:1;grid-row:2;padding-top:24px}.detection-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:44px;padding-right:2px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.2;color:var(--event-color)}.person{--event-color: var(--person)}.motion{--event-color: var(--motion)}.sound{--event-color: var(--sound)}#timelineTime{position:relative;padding:5px 12px;background:var(--accent);color:#fff;border-radius:5px;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.025em}#timelineTime:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--accent)}.timeline-scrubber{grid-column:2;grid-row:2;position:relative;height:208px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin:0;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 24px,var(--recording-gap) 24px,var(--recording-gap) 156px,transparent 156px)}.timeline-scrubber:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.timeline-scrubber:before{content:"";position:absolute;left:0;right:0;top:24px;height:132px;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 43px,rgba(255,255,255,.07) 43px 44px)}.timeline-scrubber.is-dragging{cursor:grabbing}.timeline-scrubber[aria-disabled=true]{cursor:default}.timeline-scrubber[aria-busy=true] .coverage-track{opacity:.5}.coverage-track,.timeline-ticks{position:absolute;width:100%;left:0;pointer-events:none}.coverage-track{top:24px;height:132px}.timeline-ticks{top:164px;height:44px}.coverage-interval{position:absolute;inset-block:0;min-height:0;padding:0;border:0;border-radius:0;background:repeating-linear-gradient(to bottom,var(--recording) 0 43px,transparent 43px 44px)}.detection-tracks{position:absolute;top:24px;left:0;width:100%;height:132px;pointer-events:none}.detection-events{position:absolute;left:0;width:100%;height:44px}.detection-events.person{top:0}.detection-events.motion{top:44px}.detection-events.sound{top:88px}.detection-event{position:absolute;top:11px;height:22px;background:var(--event-color);outline:1px solid var(--recording-gap);pointer-events:auto}.detection-event.is-point{width:3px;transform:translate(-50%)}.detection-event.is-unrecorded{background:transparent;border:1px solid var(--event-color);outline:none}.detection-status{display:flex;flex-direction:column;align-items:flex-start;gap:1px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.1;white-space:nowrap}.detection-status .detection-enabled{color:var(--muted)}.detection-hint{text-align:center;font-size:12px}.timeline-tick{position:absolute;top:0;width:1px;height:5px;background:#ced6d1}.timeline-tick.major{height:11px;background:var(--muted)}.timeline-tick span{position:absolute;top:14px;left:0;transform:translate(-50%);font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.timeline-cursor{position:absolute;top:6px;bottom:15px;left:50%;width:2px;transform:translate(-50%);background:var(--accent);pointer-events:none}.timeline-hint{text-align:center;margin:10px 0 6px}.selection-overlay{position:absolute;inset-block:0;border-block:2px solid var(--text);pointer-events:none}.time-entry{border-top:1px solid var(--line)}.time-entry summary{min-height:44px;padding:10px 0;cursor:pointer}.time-entry .seek-form{margin:10px 0 18px}.preserve-selection{padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preserve-selection summary{min-height:44px;padding:10px 0;cursor:pointer}.preserve-selection[open]{padding-bottom:20px}.preserve-selection[open] summary{margin-bottom:12px}.selection-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:center}.selection-fields label{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.selection-fields .subtle{padding:0;min-height:44px;text-align:left;border:0;justify-self:start}.recording-list{border-top:1px solid var(--line)}.recording-row{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.recording-row.active{box-shadow:inset 3px 0 var(--accent);padding-left:12px}.recording-label{flex:1;min-width:0;display:grid;gap:3px}.recording-label strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.recording-label span{color:var(--muted);font-size:12px}.recording-row button{flex-shrink:0}.recording-row .text-link{font-size:13px}.storage-details{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.storage-details summary{cursor:pointer;font-size:14px}.storage-details summary span{margin-left:12px;font-size:12px}.storage-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0}.storage-numbers div{display:grid;gap:4px}.storage-numbers dt{font-size:12px;color:var(--muted)}.storage-numbers dd{font-size:15px;margin:0;font-variant-numeric:tabular-nums}.recorder-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.recorder-row .recording-label{flex:1}#archivePlayback{margin-bottom:24px}#archiveTitle{font-size:17px;font-weight:600;margin:0 0 12px}.empty-page{padding:60px 0}.empty-page h1{font-size:23px}.empty-page p{max-width:570px;color:var(--muted)}dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}dialog[open]{animation:dialog-in .16s ease-out}dialog::backdrop{background:#000000b8}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-heading h2{font-size:20px;margin:0}.title-field{margin-bottom:20px}.preserve-times{display:grid;gap:5px}.preserve-times dt{font-size:12px;color:var(--muted);margin-top:10px}.preserve-times dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dialog-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.dialog-actions .primary{flex:1}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.topbar{padding:0 18px;gap:20px;flex-wrap:wrap;min-height:56px}.brand{font-size:17px}.topbar nav{gap:18px;order:3;width:100%;min-height:48px}.topbar nav a{padding:9px 0;font-size:14px}#viewerName{font-size:12px}.topbar>.brand,.topbar>#viewerName{padding-top:0}main{padding:12px 18px 36px}.recording-tabs{margin-bottom:12px}.section-heading h1{font-size:22px}.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.filters label:first-child{grid-column:auto}.filters select,.filters input{min-width:0;width:100%}.playback{min-height:180px;max-height:none}.playback video{max-height:none}.selection-fields{grid-template-columns:1fr;gap:12px}.selection-fields>.primary{grid-column:1/-1}.selection-fields input{padding:8px 12px;font-size:16px}.date-toolbar{gap:6px}.date-navigation{grid-template-columns:36px minmax(120px,150px) 36px;gap:0}.date-field input{padding-inline:6px;font-size:14px}#latestRecording{padding-inline:8px;font-size:12px}.timeline-zoom button{min-width:56px;padding-inline:8px}.detection-timeline{grid-template-columns:64px minmax(0,1fr)}.timeline-hint{font-size:12px}#catalogRefresh{font-size:11px}.playback-caption{align-items:start;flex-wrap:wrap;gap:0;padding-top:10px}.playback-caption .text-link{min-height:32px}.recording-row{gap:10px;flex-wrap:wrap}.recording-label{min-width:150px}.recording-row button{font-size:13px}.storage-numbers{grid-template-columns:1fr 1fr}.storage-details summary span{display:block;margin:6px 0 0 18px}.recorder-row{gap:8px}.recorder-row button{font-size:12px;padding:8px}.dialog-actions{align-items:stretch;flex-direction:column}.preserve-times dd{font-size:13px}}@media(max-width:360px){.playback-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.playback-actions #preserveCurrent{grid-column:1/-1;justify-self:stretch}.seek-form{flex-wrap:wrap}.seek-form label{min-width:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}main{width:min(1680px,100%);padding:20px 28px 40px}.recording-tabs{justify-content:flex-end;gap:24px;border:0;margin-bottom:4px}.recording-tabs a{min-height:40px;font-size:14px}.recordings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.recordings-heading h1{margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:760;line-height:1.15;letter-spacing:-.055em}.recordings-heading .date-toolbar{margin:0;gap:22px}.date-navigation{grid-template-columns:44px minmax(170px,218px) 44px}.date-field input{background:transparent;font-size:19px;font-weight:650}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:22px;align-items:start}.review-video{min-width:0}.review-video .playback{border-radius:10px;max-height:none;min-height:0}.review-video .playback video{max-height:none}.player-placeholder{color:#c7d3ce}.recording-camera-label{position:absolute;top:16px;left:16px;padding:5px 12px;border-radius:6px;background:#121f1cbd;color:#fff;font-size:15px;font-weight:600;pointer-events:none}.playback-caption{min-height:36px;font-size:12px;color:var(--muted)}.playback-caption .text-link{min-height:36px}.detected-moments{min-width:0;display:flex;flex-direction:column;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;height:clamp(280px,calc((100vw - 622px)*.5625 + 36px),710px)}.moments-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.moments-heading h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.035em}#momentsCount{font-size:12px;white-space:nowrap}.moments-filters{display:flex;gap:3px;margin:12px 0 0}.moments-filters button{flex:1;padding:5px;min-height:40px;background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.moments-filters button[aria-pressed=true]{background:#e1f3ec;color:#076b5c;font-weight:700}#momentsMessage{font-size:12px;margin:10px 0;overflow-wrap:anywhere}.moments-list{display:grid;gap:10px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.moment-row{display:flex;align-items:center;gap:13px;width:100%;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.moment-icon{display:grid;place-items:center;flex:0 0 52px;height:58px;border-radius:7px;background:color-mix(in srgb,var(--event-color) 11%,#fff);color:var(--event-color)}.moment-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.moment-copy{display:grid;gap:3px}.moment-copy strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:19px;font-weight:650;line-height:1.25}.moment-copy span{color:var(--text);font-size:13px}.moment-copy small{color:var(--muted);font-size:11px}.moment-row.is-unrecorded{border-style:dashed}.moments-more{width:100%;min-height:40px;margin-top:10px}.playback-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px}.transport-actions,.playback-options{display:flex;align-items:center;justify-content:center;gap:16px}.transport-actions{flex:1}.playback-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;min-height:48px;background:transparent;border-color:transparent;white-space:nowrap}.playback-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.playback-actions .playback-toggle{flex:0 0 64px;width:64px;height:64px;border-radius:50%;color:#fff;background:var(--accent)}.playback-toggle svg{width:30px;height:30px}.playback-toggle .pause-symbol,.playback-toggle.is-playing .play-symbol{display:none}.playback-toggle.is-playing .pause-symbol{display:block}.playback-options{padding-left:16px;border-left:1px solid var(--line)}.playback-speed select{border-radius:30px;background:#fff;min-width:100px;padding-inline:16px}.playback-actions .preserve-current{background:#dff3ed;color:#076b5c;font-weight:650;border-radius:9px}.time-navigation{padding:14px 18px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.timeline-zoom button[aria-pressed=true]{color:var(--accent);background:#e3f3ed;font-weight:650}.timeline-legend i{height:13px;border-radius:3px}.timeline-scrubber{background:transparent;border:0}.timeline-scrubber:before{background:repeating-linear-gradient(to bottom,var(--recording-gap) 0 28px,transparent 28px 44px);outline:none}.coverage-interval{background:repeating-linear-gradient(to bottom,var(--recording) 0 28px,transparent 28px 44px)}.detection-label{position:relative;justify-content:flex-start;padding-top:2px;border:0;color:var(--text)}.detection-label strong:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--event-color)}.detection-event{top:4px;height:20px;outline:none}.detection-event.is-point{width:3px}.detection-status{font-size:10px;padding-left:14px}#timelineTime{font-size:16px;padding:4px 12px}.timeline-scrubber{height:196px}.timeline-ticks{top:156px}.timeline-tick{background:#c1cac5}.timeline-cursor{bottom:22px}.timeline-hint,.detection-hint{font-size:11px}.continuation-tools{border-top:1px solid var(--line);margin-top:8px}.continuation-control{font-size:12px}#catalogRefresh{font-size:11px}.time-entry,.preserve-selection{font-size:13px}#recordingStage:fullscreen{width:100%;height:100%;max-height:none;border-radius:0;background:#101613}#recordingStage:fullscreen video{height:100%;max-height:none}body.family-app .filters{display:none}@media(min-width:1500px){.review-layout{grid-template-columns:minmax(0,1fr) 330px}.detected-moments{height:clamp(280px,calc((100vw - 656px)*.5625 + 36px),750px)}}@media(max-width:1150px){main{padding-inline:20px}.review-layout{grid-template-columns:minmax(0,1fr) 242px;gap:16px}.detected-moments{padding:12px;height:clamp(280px,calc((100vw - 546px)*.5625 + 36px),610px)}.moments-heading h2{font-size:19px}.moment-row{gap:9px;padding:9px;min-height:84px}.moment-icon{flex-basis:40px;height:50px}.moment-copy strong{font-size:17px}.playback-actions,.transport-actions,.playback-options{gap:6px}.playback-actions button{padding-inline:9px;font-size:13px}.playback-options{padding-left:6px}.playback-actions .playback-toggle{width:54px;height:54px;flex-basis:54px}.playback-speed select{min-width:84px;padding-inline:10px}}@media(max-width:900px){.review-layout{display:contents}#recordingsView{display:flex;flex-direction:column}.detected-moments{order:6;height:auto;max-height:530px;margin-top:20px}.moments-list{grid-template-columns:repeat(2,minmax(0,1fr))}.recordings-heading{gap:12px}.recordings-heading h1{font-size:27px}.recordings-heading .date-toolbar{gap:8px}.date-navigation{grid-template-columns:36px minmax(144px,168px) 36px}.date-field input{font-size:16px}.preserve-selection{order:7;margin-top:16px}.time-entry{order:8}}@media(max-width:760px){main{padding:12px 14px 26px}.recording-tabs{margin-bottom:10px;gap:20px}.recording-tabs a{min-height:32px;font-size:12px;padding-block:4px}.recordings-heading{flex-direction:column;align-items:stretch;margin-bottom:12px;gap:8px}.recordings-heading h1{font-size:23px}.recordings-heading .date-toolbar{justify-content:space-between}.date-navigation{grid-template-columns:36px minmax(140px,170px) 36px}.date-field input{font-size:15px}.date-step{min-height:44px}#latestRecording{font-size:12px}.recording-camera-label{top:10px;left:10px;font-size:12px;padding:4px 8px}.playback-caption{padding-top:2px;flex-wrap:nowrap;font-size:11px;min-height:32px;gap:6px}.playback-caption .text-link{font-size:11px;min-height:32px}.playback-actions{flex-wrap:wrap;row-gap:12px;margin:6px 0 14px}.transport-actions{flex:1 0 100%;gap:22px}.playback-actions .playback-toggle{width:56px;height:56px;flex-basis:56px}.playback-options{width:100%;justify-content:space-between;border:0;padding:0}.playback-actions button{font-size:12px;gap:6px;min-height:44px;padding-inline:10px}.playback-actions svg{width:21px;height:21px}.playback-speed select{font-size:13px;min-width:86px}.time-navigation{padding:10px 10px 6px}.timeline-toolbar{gap:6px}.timeline-zoom button{min-width:50px;font-size:12px;padding-inline:6px}.timeline-legends{gap:8px}.timeline-legend{font-size:10px;gap:4px}.timeline-legend i{width:13px;height:10px}.detection-timeline{grid-template-columns:62px minmax(0,1fr)}.detection-label{font-size:12px}.detection-status{font-size:9px;padding-left:0}#timelineTime{font-size:15px}.detection-hint{text-align:left;font-size:10px}.timeline-hint{text-align:left}.continuation-tools{gap:0}#catalogRefresh{font-size:10px}.detected-moments{margin-top:18px;padding:14px}.moments-heading h2{font-size:20px}.moments-filters button{min-height:44px;font-size:13px}.moments-list{grid-template-columns:minmax(0,1fr)}.moment-row{min-height:82px}.moment-icon{flex-basis:52px}}@media(max-width:760px){#recordingsView{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 76px 40px;column-gap:5px}.recordings-heading,.playback-actions,.transport-actions,.playback-options{display:contents}.recordings-heading h1{grid-column:1/-1;order:-1;margin:0 0 12px}.review-video,.filters,.date-toolbar,.time-navigation,.detected-moments,.time-entry,.preserve-selection{grid-column:1/-1}.review-video{order:0}.recordings-heading .date-toolbar{order:2;margin:6px 0 10px}.transport-actions>button,.playback-speed,#fullscreenPlayback{order:3}.playback-actions button{min-width:0;min-height:44px;padding:4px 2px;gap:4px;font-size:11px}.transport-actions>button{flex-direction:column;gap:0}.playback-actions .playback-toggle{width:48px;height:48px}.playback-speed select{width:76px;min-width:0;padding:7px;font-size:12px}#fullscreenPlayback{justify-self:center;width:40px}#fullscreenPlayback span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.time-navigation{order:4;margin-top:12px}.playback-actions #preserveCurrent{order:5;grid-column:1/-1;justify-self:end;margin-top:10px;padding:8px 12px}.detected-moments{order:6}.preserve-selection{order:7}.time-entry{order:8}}@media(min-width:761px)and (max-width:1050px){.playback-actions{flex-wrap:wrap}.transport-actions{flex-basis:100%}.playback-options{flex:1;border:0}}@media(max-width:760px){.timeline-scrubber{height:160px}.timeline-scrubber:before{top:18px;height:108px;background:repeating-linear-gradient(to bottom,var(--recording-gap) 0 22px,transparent 22px 36px)}.coverage-track{top:18px;height:108px}.coverage-interval{background:repeating-linear-gradient(to bottom,var(--recording) 0 22px,transparent 22px 36px)}.detection-labels{padding-top:18px}.detection-label{height:36px;padding-top:0}.detection-tracks{top:18px;height:108px}.detection-events{height:36px}.detection-events.motion{top:36px}.detection-events.sound{top:72px}.detection-event{top:2px;height:18px}.detection-status .detection-enabled{display:none}.timeline-ticks{top:130px;height:28px}.timeline-tick span{font-size:10px;top:12px}.timeline-cursor{bottom:14px}}body.family-app>.topbar{display:none}body.cctv-app:not(.family-app){--app-surface:#181b1b;--app-ink:#f4f1e8;--app-muted:#b2b9b5;--app-accent:#7bd6c4;--app-line:#39423e;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif}.cctv-app:not(.family-app) .global-navigation{display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--app-line);background:var(--app-surface)}.cctv-app:not(.family-app) .global-navigation a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 18px;color:var(--app-muted);font-size:16px;font-weight:650;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.cctv-app:not(.family-app) .global-navigation a[aria-current=page]{color:var(--app-accent);border-bottom-color:var(--app-accent)}.cctv-app:not(.family-app) .global-navigation a:focus-visible{outline:3px solid var(--app-accent);outline-offset:-4px}.cctv-app:not(.family-app) .global-navigation a:hover{color:var(--app-ink)}.cctv-app:not(.family-app) .primary-navigation a{flex:1}.cctv-app:not(.family-app) .touch-guide{display:none;margin:0;color:var(--app-muted);font-size:14px;line-height:1.5}.cctv-app:not(.family-app) .workspace{gap:16px}.cctv-app:not(.family-app) .workspace-header h2{margin:3px 0 0;font-size:26px}.cctv-app:not(.family-app) .camera-panel.active{transform:none}.cctv-app:not(.family-app) .panel-title strong{font-size:17px}.cctv-app:not(.family-app) .panel-actions button{min-height:44px}.cctv-app:not(.family-app) .viewer-options{border-top:1px solid var(--line);border-bottom:0;padding-top:8px}.cctv-app:not(.family-app) .camera-capture-status{margin:0;padding:10px 14px;color:var(--app-accent);font-size:14px;line-height:1.5}.cctv-app:not(.family-app) .camera-capture-status:empty{display:none}.cctv-app:not(.family-app) .camera-capture-status.error{color:#ffa6a6}body.cctv-site:not(.family-app){color-scheme:dark;--ink:var(--app-ink);--muted:var(--app-muted);--faint:#9ca6a0;--line:var(--app-line);--line-strong:#56625c;--accent:var(--app-accent);--accent-soft:#253d36;--accent-ink:var(--app-accent);--paper:var(--app-surface);--page:#11110f;--rail:#202724}.cctv-site:not(.family-app) .topbar{min-height:72px}.cctv-site:not(.family-app) .app-navigation{border-bottom:0}.cctv-site:not(.family-app) .app-navigation a{padding-inline:14px}.cctv-site:not(.family-app) button:hover,.cctv-site:not(.family-app) a.icon-button:hover{background:#2c3b34}.cctv-site:not(.family-app) .view-modes{background:#27312c}.cctv-site:not(.family-app) .view-modes button[aria-pressed=true]{background:#37483f}.cctv-site:not(.family-app) .scene-tools select{font-size:14px;min-height:44px}.cctv-site:not(.family-app) .view-modes button{font-size:14px;min-height:44px}.cctv-site:not(.family-app) .layer-control{font-size:14px}.cctv-site:not(.family-app) .floating-tools{background:#202724ed}.cctv-site:not(.family-app) .floating-tools .icon-button:hover{background:#35473d}.cctv-site:not(.family-app) .camera-marker:hover{background:transparent}.cctv-site:not(.family-app) .camera-location{margin-top:14px}.cctv-site:not(.family-app) .camera-recordings{font-size:16px}.cctv-site:not(.family-app) .camera-marker[aria-pressed=true] span{color:#102f27}@media(pointer:coarse)and (max-width:768px),(pointer:coarse)and (max-width:1024px)and (max-height:768px){.cctv-app:not(.family-app) .touch-guide{display:block}}@media(max-width:760px){body.cctv-app:not(.family-app){padding-bottom:calc(64px + env(safe-area-inset-bottom))}body.cctv-app:not(.family-app):has(#viewerPanel[hidden]){padding-bottom:0}.cctv-app:not(.family-app) .global-navigation{position:fixed;inset:auto 0 0;z-index:30;margin:0;width:100%;gap:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--app-line);border-bottom:0}.cctv-app:not(.family-app) .global-navigation a{flex:1;min-height:54px;padding:8px 4px;font-size:16px;border-bottom:0;border-top:3px solid transparent}.cctv-app:not(.family-app) .global-navigation a[aria-current=page]{border-top-color:var(--app-accent)}.cctv-app:not(.family-app) .workspace{padding:16px 14px;gap:14px}.cctv-app:not(.family-app) .workspace-header{flex-direction:row;align-items:center;gap:12px}.cctv-app:not(.family-app) .workspace-header h2{font-size:23px}.cctv-app:not(.family-app) .status-cluster{display:grid;justify-items:end;gap:3px;font-size:13px}.cctv-app:not(.family-app) .panel-head{min-height:62px;padding:9px 10px;gap:8px}.cctv-app:not(.family-app) .panel-title strong{font-size:16px}.cctv-app:not(.family-app) .panel-actions{gap:6px}.cctv-app:not(.family-app) .panel-actions button{padding-inline:9px}.cctv-site:not(.family-app) .topbar{min-height:64px;padding:10px 16px}.cctv-site:not(.family-app) .scene-area{height:min(480px,55svh)}.cctv-site:not(.family-app) .scene-tools{min-height:100px}}body.family-app{color-scheme:light;--bg:#f6f8f5;--page:#f6f8f5;--paper:#fff;--panel:#fff;--panel-strong:#f0f4f1;--text:#1b2830;--ink:#1b2830;--muted:#66766f;--faint:#77857e;--line:#e0e8e3;--line-strong:#c4d2ca;--accent:#137764;--accent-ink:#137764;--accent-soft:#e0f4ed;--rail:#edf3ef;--app-surface:#fff;--app-ink:#1b2830;--app-muted:#66766f;--app-accent:#137764;--app-line:#e0e8e3;margin:0;padding:0 0 0 248px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif}.family-app [data-global-nav]{display:none!important}.family-app button,.family-app input,.family-app select{color-scheme:light}.family-app dialog{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 24px 90px #172e2933}.family-app dialog::backdrop{background:#12271f66}.family-sidebar{position:fixed;z-index:35;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 18px;gap:0;box-sizing:border-box}.family-brand{display:flex;align-items:center;gap:11px;color:#1b2830;white-space:nowrap}.family-brand strong{font-size:22px;font-weight:800;letter-spacing:-.06em}.family-brand-mark{display:grid;place-items:center;width:37px;height:37px;color:#137764}.family-brand svg{width:33px;height:33px}.family-sidebar>.family-brand{padding:0 8px;margin-bottom:37px}.family-main-nav{display:grid;gap:7px}.family-main-nav a,.family-bottom-nav a{display:flex;align-items:center;gap:14px;color:#65756d;font-size:16px;font-weight:650;text-decoration:none;border-radius:10px;padding:0 17px;min-height:52px;transition:background .14s,color .14s}.family-main-nav svg,.family-bottom-nav svg,.family-settings svg,.family-mobile-settings svg{width:23px;height:23px;flex:0 0 auto}.family-main-nav a[aria-current=page]{background:#137764;color:#fff}.family-main-nav a:hover:not([aria-current]){background:#edf6f1;color:#137764}.family-camera-heading{display:flex;justify-content:space-between;align-items:baseline;padding:28px 12px 13px;font-size:13px;color:#6b7b72}.family-camera-heading strong{font-weight:650;color:#53665a}.family-camera-heading span{font-size:11px}.family-layout-notice{margin:0 12px 12px;font-size:12px;line-height:1.5;color:#66766f}.family-sidebar-cameras{display:grid;gap:6px;overflow:auto;align-content:start;min-height:0;padding:2px}.family-app .family-camera-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#3e5147;text-align:left;font:inherit;cursor:pointer}.family-app .family-camera-choice:hover{background:#f3f7f4;border-color:transparent}.family-app .family-camera-choice[aria-pressed=true]{border-color:#bedfcf;background:#e7f5ed;color:#116a56}.family-camera-number{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:50%;background:#edf1ee;color:#63766b;font-size:12px;font-weight:700}.family-camera-choice[aria-pressed=true] .family-camera-number{background:#137764;color:#fff}.family-camera-copy{display:grid;gap:3px;min-width:0;flex:1}.family-camera-copy strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-camera-copy small{color:#738278;font-size:10px;line-height:1.2}.family-camera-dot{width:6px;height:6px;border-radius:50%;background:#b7c2bb;flex:0 0 auto}.family-camera-choice[data-state=live] .family-camera-dot{background:#1ba276}.family-camera-choice[data-state=error] .family-camera-dot{background:#be7449}.family-settings{display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 12px 0;margin-top:auto;color:#66766f;text-decoration:none;font-size:13px;border-top:1px solid var(--line)}.family-settings:hover{color:#137764}.family-sidebar-cameras+.family-settings{margin-top:auto}.family-sidebar-cameras{margin-bottom:22px}.family-mobile-header,.family-bottom-nav{display:none}.family-sidebar a:focus-visible,.family-camera-choice:focus-visible,.family-mobile-header a:focus-visible,.family-mobile-header select:focus-visible,.family-bottom-nav a:focus-visible{outline:3px solid #338b77;outline-offset:2px}.family-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:760px){body.family-app{padding:calc(112px + env(safe-area-inset-top)) 0 calc(74px + env(safe-area-inset-bottom))}.family-sidebar{display:none}.family-mobile-header{display:grid;grid-template-columns:1fr auto;gap:7px 14px;position:fixed;z-index:35;inset:0 0 auto;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#f6f8f5f5;border-bottom:1px solid var(--line);box-sizing:border-box;min-height:112px}.family-mobile-header .family-brand{gap:8px}.family-mobile-header .family-brand strong{font-size:20px}.family-mobile-header .family-brand-mark{width:28px;height:28px}.family-mobile-header .family-brand svg{width:28px;height:28px}.family-mobile-settings{display:grid;place-items:center;width:44px;height:36px;color:#465a4e}.family-mobile-picker{display:block;grid-column:1 / -1;margin:0}.family-app .family-mobile-picker select{display:block;width:100%;height:44px;padding:8px 13px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#263d30;font-family:inherit;font-size:15px;font-weight:650}.family-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;z-index:35;inset:auto 0 0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));gap:5px;background:#fffffff5;border-top:1px solid var(--line);box-sizing:border-box}.family-bottom-nav a{flex-direction:column;justify-content:center;min-height:61px;gap:5px;padding:5px 0;font-size:12px;line-height:1.3;border-radius:10px}.family-bottom-nav a[aria-current=page]{color:#116e5c;background:#e1f3ec}.family-bottom-nav svg{width:23px;height:23px}}@media(prefers-reduced-motion:reduce){.family-main-nav a,.family-bottom-nav a{transition:none}}