@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-italic-DXGbHdV-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-italic-DtRJvQ1U.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fdfcf8;--card-bg:#fffffc;--fg:#2c2c24;--muted-fg:#66665a;--primary:#5d7052;--primary-hover:#4e5f45;--primary-fg:#f3f4f1;--secondary:#c18c5d;--secondary-text:#8a5a30;--secondary-fg:#fff;--accent:#e6dccd;--accent-fg:#4a4a40;--muted:#f0ebe5;--border:#ded8cf;--control-border:#8f8b7e;--rule:#2c2c24;--destructive:#a85448;--warn-bg:#f4e9dd;--bad-bg:#f5e3e0;--qr-ink:#2c2c24;--qr-paper:#fffffc;--rail:#5d7052;--rail-fg:#f3f4f1;--rail-fg-2:#eef1ea;--rail-line:#f3f4f147;--rail-hover:#f3f4f11a;--logo-slump:#ffd9ae;--logo-stand:#fdfcf8;--logo-head:#ffd9ae;--font-display:"Schibsted Grotesk Variable", system-ui, sans-serif;--font-body:"Schibsted Grotesk Variable", system-ui, sans-serif;--radius:6px;--radius-sm:4px;--shadow-layer:0 10px 28px -8px #2c2c2447}:root[data-theme=dusk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#22231e;--card-bg:#2a2b25;--fg:#ece8df;--muted-fg:#aba89b;--primary:#93aa83;--primary-hover:#a5ba96;--primary-fg:#12150f;--secondary:#d9a877;--secondary-text:#e0b488;--secondary-fg:#1a140d;--accent:#34352d;--accent-fg:#dad5cb;--muted:#2f302a;--border:#3c3d35;--control-border:#77756a;--rule:#ece8df;--destructive:#e8857a;--warn-bg:#3d3125;--bad-bg:#43292a;--qr-ink:#22231e;--qr-paper:#f3f1ea;--shadow-layer:0 12px 30px -8px #0009}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100vh;caret-color:var(--primary);scrollbar-color:var(--control-border) var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}::selection{background:var(--primary);color:var(--primary-fg)}:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-underline-offset:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.panel.active{animation:none}#toast{transition:opacity .15s linear;transform:none!important}.score-breakdown,.threshold-fill,.bar-fill{transition:none}.calib-ring-sweep{animation-duration:1s}.welcome-page{animation:none}}#app{min-height:100vh}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;align-items:flex-end;padding-bottom:.42em;font-size:31px;font-weight:900;line-height:1;display:inline-flex;position:relative}.logo-back{color:var(--logo-slump);transform-origin:100% 100%;text-shadow:-.08em .01em 0 color-mix(in srgb, var(--logo-slump) 30%, transparent);margin-right:.14em;font-style:italic;display:inline-block;transform:skew(-10deg)rotate(-5deg)translateY(.07em)}.logo-track{color:var(--logo-stand)}.logo-t{display:inline-block;position:relative}.logo-t:before{content:"";background:var(--logo-head);border-radius:50%;width:.2em;height:.2em;margin-left:-.1em;position:absolute;top:-.2em;left:50%}.logo-line{width:100%;height:.22em;position:absolute;bottom:0;left:0;right:0;overflow:visible}.logo-line .wave{stroke:var(--logo-slump)}.logo-line .straight{stroke:var(--logo-stand)}#app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--rail);color:var(--rail-fg);flex-direction:column;height:100vh;padding:28px 22px 26px;display:flex;position:sticky;top:0}.brand-mark{margin:4px 0 40px}.nav-list{border-bottom:1px solid var(--rail-line);margin:0;padding:0;list-style:none}.nav-list li{border-top:1px solid var(--rail-line)}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--rail-fg-2);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;margin:2px 0;padding:12px 8px;font-size:16px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background:var(--rail-hover);color:var(--rail-fg)}.nav-item.active{color:var(--rail-fg);font-weight:700}.nav-item.active:after{content:"";background:var(--rail-fg);flex-shrink:0;width:8px;height:8px}.nav-item:focus-visible{outline-color:var(--rail-fg)}.nav-item .tick{background:var(--logo-slump);border-radius:50%;width:8px;height:8px;margin-left:auto;display:none}.nav-item[data-alert="1"] .tick{display:block}.sidebar-foot{margin-top:auto}.session-mini .label{color:var(--rail-fg-2);font-size:13px}.session-mini .value{letter-spacing:-.04em;margin:4px 0 2px;font-size:64px;font-weight:800;line-height:1}.session-mini .value.empty{color:var(--rail-fg-2);font-weight:400}.session-mini .unit{color:var(--rail-fg-2);font-size:13px}.main{width:100%;max-width:1240px;padding:30px 48px 64px}.topbar{border-bottom:2px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:28px;padding-bottom:14px;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin:0;font-size:40px;font-weight:800;line-height:1.05}.topbar-sub{color:var(--muted-fg);margin-top:6px;font-size:14.5px}.topbar-meta{flex-wrap:wrap;align-items:center;gap:6px 22px;padding-bottom:3px;display:flex}.tally{color:var(--muted-fg);font-variant-numeric:tabular-nums;font-size:13.5px}.local-note{color:var(--muted-fg);align-items:center;gap:7px;font-size:13.5px;display:flex}.local-note svg{flex-shrink:0}.panel{display:none}.panel.active{animation:.18s ease-out both fadeIn;display:block}.preview-note{color:var(--fg);background:var(--muted);border-radius:var(--radius-sm);max-width:72ch;margin-bottom:22px;padding:10px 14px;font-size:14px;line-height:1.5;display:block}.grid-2{grid-template-columns:1fr 1fr;gap:20px 36px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px 36px;display:grid}.card{border-top:1px solid var(--border);position:relative}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin:36px 0 14px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);margin:0;font-size:20px;font-weight:700}.section-head .hint{color:var(--muted-fg);font-size:13px}.record-btn,.pdf-btn,.cam-access-btn,.welcome-btn{background:var(--primary);color:var(--primary-fg);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;transition:background-color .15s;display:inline-flex}.record-btn:hover:not(:disabled),.pdf-btn:hover:not(:disabled),.cam-access-btn:hover:not(:disabled),.welcome-btn:hover:not(:disabled){background:var(--primary-hover)}.record-btn:disabled,.pdf-btn:disabled,.cam-access-btn:disabled,.welcome-btn:disabled{opacity:.45;cursor:not-allowed}.cam-access-btn{padding:10px 16px;font-size:14px}.pdf-btn{width:100%;padding:14px}.preview-btn,.recal-btn{border:1.5px solid var(--control-border);color:var(--fg);border-radius:var(--radius-sm);background:0 0;font-weight:600;transition:border-color .15s,background-color .15s}.preview-btn{padding:11px 18px;font-size:14px}.recal-btn{padding:5px 11px;font-size:12.5px}.preview-btn:hover:not(:disabled),.recal-btn:hover:not(:disabled){border-color:var(--fg);background:var(--muted)}.preview-btn:disabled,.recal-btn:disabled{opacity:.5;cursor:default}.danger-btn{border:1.5px solid var(--destructive);color:var(--destructive);border-radius:var(--radius-sm);background:0 0;padding:11px 20px;font-size:14px;font-weight:700;transition:background-color .15s,color .15s}.danger-btn:hover:not(:disabled){background:var(--destructive);color:var(--bg)}.danger-btn:disabled{opacity:.5;cursor:default}.link-btn{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--control-border);text-decoration-color:var(--control-border);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:600}.link-btn:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.field{margin-bottom:16px}.field label,.select-row label{color:var(--fg);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field input,.select-row select,.time-row input{background:var(--card-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);width:100%;color:var(--fg);padding:10px 12px;font-size:14.5px;transition:border-color .15s}.field input:focus-visible,.select-row select:focus-visible,.time-row input:focus-visible{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.select-row{margin-bottom:18px}input[type=range]{appearance:none;background:var(--border);outline-offset:6px;border-radius:2px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border:2px solid var(--card-bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary);cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid var(--card-bg);cursor:pointer;border-radius:50%;width:16px;height:16px}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}#toast{z-index:50;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);max-width:340px;box-shadow:var(--shadow-layer);opacity:0;pointer-events:none;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(16px)}#toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}#toast .t-icon{width:18px;height:22px;color:var(--secondary-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}#toast.success .t-icon{color:var(--primary)}#toast .t-text b{color:var(--fg);margin-bottom:2px;font-size:15px;font-weight:700;display:block}#toast .t-text span{color:var(--muted-fg);font-size:13.5px;line-height:1.45}#toast .t-close{color:var(--muted-fg);text-underline-offset:3px;background:0 0;border:none;margin-left:auto;padding:2px 0 0;font-size:13px;font-weight:600;text-decoration:underline}#toast .t-close:hover{color:var(--fg)}.recover{border-top:2px solid var(--secondary);max-width:680px;margin-bottom:28px;padding:16px 0 4px}.recover-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0 0 6px;font-size:19px;font-weight:700}.recover-text{color:var(--fg);max-width:62ch;margin:0 0 10px;font-size:14.5px;line-height:1.6}.recover-text.bad{color:var(--destructive);font-weight:600}.recover-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;display:flex}.notify-ask{border-top:2px solid var(--secondary);max-width:680px;margin-top:24px;padding:16px 0 4px}.load-error{max-width:560px;color:var(--fg);border-top:2px solid var(--destructive);background:var(--bad-bg);margin:20vh auto 0;padding:20px 22px;font-size:15.5px;line-height:1.6}.metric-tile{padding:16px 0 4px}.metric-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.metric-label{color:var(--fg);font-size:14px;font-weight:600}.metric-badge,.ai-risk-badge{white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.metric-badge:before,.ai-risk-badge:before{content:"";background:currentColor;flex-shrink:0;width:8px;height:8px}.metric-badge.good{color:var(--primary)}.metric-badge.warn{color:var(--destructive)}.metric-badge.neutral{color:var(--muted-fg)}.metric-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);font-size:44px;font-weight:800;line-height:1.05}.metric-value.empty{color:var(--muted-fg);font-weight:400}.metric-value span{color:var(--muted-fg);letter-spacing:0;margin-left:4px;font-size:14px;font-weight:500}.metric-foot{color:var(--muted-fg);margin-top:8px;font-size:13.5px}.metric-foot b{color:var(--fg);font-weight:700}.score-toggle{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--control-border);text-decoration-color:var(--control-border);text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:13px;font-weight:600;display:flex}.score-toggle svg{flex-shrink:0;transition:transform .2s}.score-toggle.open svg{transform:rotate(180deg)}.score-breakdown{opacity:0;max-height:0;transition:max-height .25s,opacity .2s,margin-top .25s;overflow:hidden}.score-breakdown.open{opacity:1;max-height:320px;margin-top:12px}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.breakdown-row:last-child{border-bottom:none}.bd-left{flex:1;min-width:0}.bd-label{color:var(--muted-fg);margin-bottom:5px;font-size:12.5px;font-weight:500;display:block}.breakdown-bar{background:var(--muted);height:4px;overflow:hidden}.breakdown-bar-fill{background:var(--destructive);height:100%}.breakdown-row b{color:var(--destructive);flex-shrink:0;font-size:14px;font-weight:700}.breakdown-empty{color:var(--muted-fg);padding:4px 0 2px;font-size:13px}.chart-card{padding:16px 0 0}.chart-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.chart-title{color:var(--fg);font-size:16px;font-weight:700}.chart-current{color:var(--fg);text-align:right;font-size:24px;font-weight:800}.chart-change{letter-spacing:0;margin-left:4px;font-size:13px;font-weight:600}.chart-change .since{color:var(--muted-fg);font-weight:500}.chart-plot{align-items:stretch;display:flex}.chart-y{width:34px;color:var(--muted-fg);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;position:relative}.chart-y span{line-height:1;position:absolute;right:10px;transform:translateY(-50%)}svg.chart{flex:1;min-width:0;height:180px;margin-right:6px;display:block;overflow:visible}svg.chart .chart-base{stroke:var(--control-border)}.chart-axis-labels{color:var(--muted-fg);font-variant-numeric:tabular-nums;justify-content:space-between;margin:6px 6px 16px 34px;font-size:12px;display:flex}.chart-hit{fill:#0000;cursor:pointer}.chart-hover-dot{opacity:0;pointer-events:none;stroke:var(--card-bg);stroke-width:2px;transition:opacity .12s}.chart-hover-dot.visible{opacity:1}.chart-tooltip{pointer-events:none;z-index:6;background:var(--fg);color:var(--bg);border-radius:var(--radius-sm);white-space:nowrap;font-variant-numeric:tabular-nums;padding:6px 10px;font-size:12.5px;font-weight:700;position:absolute;transform:translate(-50%,-125%)}.chart-tooltip span{opacity:.75;margin-top:1px;font-size:12px;font-weight:500;display:block}.chart-tooltip.hidden{display:none}.insight-box{border-radius:var(--radius-sm);background:var(--muted);margin:14px 0 18px;padding:14px 16px}.insight-box .tag{color:var(--fg);align-items:center;gap:7px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.insight-box p{color:var(--accent-fg);margin:0;font-size:14px;line-height:1.6}.chart-empty{color:var(--muted-fg);padding:26px 0 22px;font-size:14px;line-height:1.6}.ai-insight-card{margin-top:8px;padding:16px 0 0}.ai-insight-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.ai-insight-title{color:var(--fg);font-size:17px;font-weight:700;display:block}.ai-insight-body{margin-top:12px}.ai-risk-badge{margin:0 0 12px}.ai-risk-badge.good{color:var(--primary)}.ai-risk-badge.moderate{color:var(--secondary-text)}.ai-risk-badge.risky{color:var(--destructive)}.ai-summary{color:var(--fg);max-width:72ch;margin:0 0 12px;font-size:15px;line-height:1.6}.ai-suggestions{margin:0;padding:0;list-style:none}.ai-suggestions li{color:var(--fg);border-top:1px solid var(--border);max-width:72ch;padding:9px 0;font-size:14px;line-height:1.55}.ai-insight-placeholder{color:var(--muted-fg);margin:0;font-size:14px;line-height:1.6}.rec-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cam-panel{padding:0}.cam-head{justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.cam-name{color:var(--fg);flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.cam-status{color:var(--primary);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.cam-status.offline{color:var(--destructive)}.cam-status .dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.cam-status.offline .dot{background:var(--destructive)}.dot-pulse{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-pulse.offline{background:var(--destructive)}.cam-view{background:var(--muted);justify-content:center;align-items:center;height:440px;display:flex;position:relative;overflow:hidden}.cam-canvas{object-fit:cover;width:100%;height:100%;display:block}.cam-placeholder{background:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:flex;position:absolute;inset:0}.cam-placeholder span{color:var(--accent-fg);font-size:14px;font-weight:500;line-height:1.5}.cam-placeholder.hidden{display:none}.cam-foot{color:var(--muted-fg);font-variant-numeric:tabular-nums;justify-content:space-between;padding:10px 0 0;font-size:12.5px;font-weight:500;display:flex}.cam-foot b{color:var(--fg)}.cam-setup-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cam-slot{flex-direction:column;gap:6px;min-width:0;display:flex}.cam-slot-label{color:var(--fg);font-size:14px;font-weight:700}.cam-slot-label em{color:var(--muted-fg);margin-top:2px;font-size:12.5px;font-style:normal;font-weight:500;display:block}.cam-slot select{appearance:none;background:var(--card-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378786C' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--control-border);border-radius:var(--radius-sm);width:100%;color:var(--fg);cursor:pointer;padding:9px 34px 9px 12px;font-size:14px;font-weight:500}.cam-slot select:disabled{opacity:.6;cursor:default}.cam-slot-state{color:var(--muted-fg);font-size:12.5px;font-weight:600}.cam-slot-state.live{color:var(--primary)}.cam-slot-state.bad{color:var(--destructive)}.rec-controls{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.record-btn{padding:13px 22px;font-size:15.5px}.record-btn.recording{background:var(--destructive);color:var(--bg)}.record-btn .rec-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.rec-timer{color:var(--fg);font-size:16px;font-weight:700}.rec-note{color:var(--muted-fg);max-width:560px;margin-top:16px;font-size:13.5px;line-height:1.6}.threshold-panel{margin-top:28px;padding:16px 0 0}.threshold-panel-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.threshold-panel-title{color:var(--fg);font-size:15px;font-weight:700}.threshold-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.threshold-item{min-width:0}.threshold-item-top{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.threshold-item-label{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.threshold-item-pct{color:var(--fg);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12.5px;font-weight:700}.threshold-track{background:var(--muted);height:6px;overflow:hidden}.threshold-fill{background:var(--primary);width:0%;height:100%;transition:width .25s,background-color .25s}.threshold-fill.hot{background:var(--destructive)}.threshold-fill.fired{animation:.5s 2 thresholdFlash}@keyframes thresholdFlash{0%,to{opacity:1}50%{opacity:.3}}.threshold-hint{color:var(--muted-fg);margin-top:13px;font-size:13px;line-height:1.5}.live-metrics{grid-template-columns:repeat(3,1fr);gap:20px 36px;display:grid}.live-metric .lm-val span{letter-spacing:0;color:var(--muted-fg);font-size:13px;font-weight:500}.live-metric{padding:16px 0 0}.live-metric .lm-label{color:var(--fg);font-size:13.5px;font-weight:600}.live-metric .lm-val{letter-spacing:-.02em;color:var(--fg);margin-top:6px;font-size:32px;font-weight:800;line-height:1.15}.bar-track{background:var(--muted);height:5px;margin-top:10px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;transition:width .3s}.cam-picker{margin-bottom:28px;padding:16px 0 4px}.cam-picker-note{color:var(--fg);max-width:64ch;margin:0 0 12px;font-size:14px;line-height:1.55}.cam-picker-note.bad{color:var(--destructive)}.calib{border-top:2px solid var(--rule);max-width:580px;margin-bottom:28px;padding:20px 0 8px}.calib-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.2}.calib-text{color:var(--fg);max-width:62ch;margin:0 0 12px;font-size:15px;line-height:1.6}.calib-text.bad{color:var(--destructive);font-weight:600}.calib-warn{border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--fg);margin:0 0 14px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.5}.calib-actions{align-items:center;gap:18px;margin-top:16px;display:flex}.calib-count{flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;display:flex}.calib-ring{width:132px;height:132px;position:relative}.calib-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.calib-ring circle{fill:none;stroke-width:6px}.calib-ring-track{stroke:var(--muted)}.calib-ring-sweep{stroke:var(--primary);stroke-dasharray:339.3;stroke-dashoffset:0;animation:1s linear forwards calibSweep}@keyframes calibSweep{to{stroke-dashoffset:339.3px}}.calib-num{color:var(--fg);justify-content:center;align-items:center;font-size:64px;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.pair-launch{margin:-12px 0 28px}.pair-panel{align-items:flex-start;gap:28px;margin:-8px 0 28px;padding:18px 0 4px;display:flex}.pair-qr-tile{background:var(--qr-paper);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;padding:14px}.qr{width:168px;height:168px}.qr svg{width:100%;height:100%;display:block}.qr path{fill:var(--qr-ink)}.qr-empty{background:repeating-linear-gradient(45deg,var(--qr-paper) 0 6px,var(--muted) 6px 7px)}.pair-body{min-width:0;max-width:52ch}.pair-body h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0 0 6px;font-size:18px;font-weight:700}.pair-copy{color:var(--fg);margin:0 0 14px;font-size:14px;line-height:1.55}.pair-status{color:var(--fg);align-items:baseline;gap:8px;margin:0 0 4px;font-size:14px;font-weight:600;display:flex}.pair-status .dot{background:var(--control-border);border-radius:50%;flex-shrink:0;width:8px;height:8px;transform:translateY(-1px)}.pair-status.connected{color:var(--primary)}.pair-status.connected .dot{background:var(--primary)}.pair-status.error{color:var(--destructive);font-weight:500}.pair-status.error .dot{background:var(--destructive)}.pair-expiry{color:var(--muted-fg);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.pair-expiry b{color:var(--fg);font-weight:600}.pair-actions{align-items:center;gap:18px;margin-top:16px;display:flex}.phone-page{background:var(--rail);min-height:100vh;color:var(--rail-fg);flex-direction:column;padding:28px 20px;display:flex}.phone-page .logo{align-self:flex-start}.phone-main{max-width:36ch;margin-top:auto;margin-bottom:auto;padding-top:48px}.phone-main h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.15}.phone-main p{color:var(--rail-fg-2);margin:0;font-size:15.5px;line-height:1.55}.phone-main:has(.phone-view){width:100%;max-width:440px;margin-top:0;padding-top:36px}.phone-status{align-items:baseline;gap:9px;font-weight:600;display:flex}.phone-main .phone-status{color:var(--rail-fg)}.phone-status .dot{border:1.5px solid var(--rail-fg);border-radius:50%;flex-shrink:0;width:9px;height:9px;transform:translateY(-1px)}.phone-status.on .dot{background:var(--rail-fg)}.phone-view{aspect-ratio:4/3;border-top:1px solid var(--rail-line);border-bottom:1px solid var(--rail-line);background:#00000029;margin-top:22px;position:relative;overflow:hidden}.phone-view video{object-fit:contain;width:100%;height:100%;display:block}.phone-view video.mirror{transform:scaleX(-1)}.phone-view-empty{color:var(--rail-fg-2);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.phone-main .phone-stats{font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px}.phone-controls{gap:12px;margin-top:18px;display:flex}.phone-btn{border:1px solid var(--rail-fg);border-radius:var(--radius-sm);min-height:48px;color:var(--rail-fg);font:inherit;cursor:pointer;background:0 0;flex:1;padding:12px 18px;font-size:15.5px;font-weight:600}.phone-btn.primary{background:var(--rail-fg);color:var(--rail)}.phone-btn:disabled{opacity:.45;cursor:default}.phone-btn:focus-visible{outline:2px solid var(--rail-fg);outline-offset:3px}.phone-main .phone-error{border-left:2px solid var(--rail-fg);color:var(--rail-fg);margin-top:14px;padding-left:12px;font-weight:600}.phone-tips{border-bottom:1px solid var(--rail-line);margin:30px 0 0;padding:0;list-style:none}.phone-tips li{border-top:1px solid var(--rail-line);color:var(--rail-fg-2);padding:12px 0;font-size:14.5px;line-height:1.5}.export-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;display:grid}.check-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.check-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:13px;padding:13px 4px;transition:background-color .15s;display:flex}.check-item:hover{background:var(--muted)}.check-item input{flex-shrink:0;width:18px;height:18px}.check-item .ci-text b{color:var(--fg);font-size:15px;font-weight:700;display:block}.check-item .ci-text span{color:var(--muted-fg);margin-top:2px;font-size:13.5px;display:block}.range-row{gap:12px;margin:18px 0 22px;display:flex}.range-row .field{flex:1;margin:0}.report-sheet{background:var(--card-bg);border:1px solid var(--border);padding:22px 20px}.report-sheet .rs-head{border-bottom:2px solid var(--rule);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;display:flex}.report-sheet .rs-head b{color:var(--fg);font-size:16px;font-weight:800}.report-sheet .rs-head span{color:var(--muted-fg);font-size:12.5px}.rs-row{color:var(--muted-fg);border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:13.5px;display:flex}.rs-row b{color:var(--fg);font-weight:700}.rs-spark{width:100%;height:54px;margin:13px 0;display:block;overflow:visible}.rs-spark polyline{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.rs-spark line{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.settings-grid{grid-template-columns:1fr 1fr;gap:28px 48px;margin-bottom:28px;display:grid}.settings-card{padding:18px 0 6px}.settings-card h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0 0 4px;font-size:18px;font-weight:700}.settings-card .sc-sub{color:var(--muted-fg);margin:0 0 20px;font-size:14px}.slider-row{margin-bottom:22px}.slider-row .sr-top{color:var(--fg);justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.slider-row .sr-top b{color:var(--fg);font-weight:800}.theme-options{gap:12px;display:flex}.theme-opt{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;flex:1;padding:12px;transition:border-color .15s}.theme-opt:hover{border-color:var(--control-border)}.theme-opt.selected{border-color:var(--fg)}.theme-opt .swatch{border:1px solid var(--border);grid-template-columns:30% 1fr;height:36px;margin-bottom:9px;display:grid}.theme-opt .swatch.paper{background:linear-gradient(90deg,#5d7052 30%,#fdfcf8 30%)}.theme-opt .swatch.dusk{background:linear-gradient(90deg,#5d7052 30%,#22231e 30%)}.theme-opt span{color:var(--fg);font-size:14px;font-weight:600}.toggle-row{color:var(--fg);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.toggle-row input{width:17px;height:17px}.notify-status{margin:4px 0 22px}.notify-text{color:var(--fg);max-width:62ch;margin:0 0 12px;font-size:14px;line-height:1.55}.notify-text.bad{color:var(--destructive);font-weight:600}.notify-actions{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.notify-status .sc-sub{margin:6px 0 0}.troubleshoot{margin:0 0 16px}.troubleshoot summary{cursor:pointer;width:fit-content;margin-top:0;list-style:none}.troubleshoot summary::-webkit-details-marker{display:none}.troubleshoot[open] summary svg{transform:rotate(180deg)}.troubleshoot ul{max-width:62ch;margin:10px 0 0;padding:0;list-style:none}.troubleshoot li{border-top:1px solid var(--border);padding:9px 0;font-size:13.5px;line-height:1.5}.troubleshoot li b{color:var(--fg);font-weight:600;display:block}.troubleshoot li span{color:var(--muted-fg);margin-top:2px;display:block}.data-actions+.troubleshoot{margin:16px 0 0}.quiet-hours{margin-top:22px}.quiet-hours .sc-sub{margin:6px 0 14px}.time-row{flex-wrap:wrap;gap:14px;display:flex}.time-row label{color:var(--fg);flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;display:flex}.time-row input{width:auto}.data-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.legacy-pick{margin-top:18px}.data-msg{color:var(--primary);margin:14px 0 0;font-size:14px;font-weight:600}.data-msg.error{color:var(--destructive)}.confirm-box p{color:var(--fg);margin:0 0 12px;font-size:14px;font-weight:600}.danger-card{border-top:2px solid var(--destructive)}.welcome{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.welcome-rail{background:var(--rail);color:var(--rail-fg);padding:28px 22px 26px}.welcome-steps{border-bottom:1px solid var(--rail-line);margin:40px 0 0;padding:0;list-style:none}.welcome-steps li{border-top:1px solid var(--rail-line);color:var(--rail-fg-2);opacity:.72;align-items:baseline;gap:12px;padding:12px 8px;font-size:15px;display:flex}.welcome-steps li.now{opacity:1;color:var(--rail-fg);font-weight:700}.welcome-steps li.done{opacity:1}.welcome-step-n{font-variant-numeric:tabular-nums;min-width:1ch;font-weight:800}.welcome-main{padding:18vh 48px 64px}.welcome-page{max-width:60ch;animation:.18s ease-out both fadeIn}.welcome-page h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);border-bottom:2px solid var(--rule);margin:0 0 16px;padding-bottom:16px;font-size:40px;font-weight:800;line-height:1.05}.welcome-page h1:focus{outline:none}.welcome-lead{color:var(--fg);margin:0 0 20px;font-size:18px;line-height:1.5}.welcome-text{color:var(--fg);margin:0 0 14px;font-size:15px;line-height:1.6}.welcome-text a,.welcome-actions a{-webkit-text-decoration-color:var(--control-border);text-decoration-color:var(--control-border);font-weight:600}.welcome-facts{border-bottom:1px solid var(--border);margin:0 0 8px;padding:0;list-style:none}.welcome-facts li{border-top:1px solid var(--border);color:var(--muted-fg);padding:12px 0;font-size:15px;line-height:1.55}.welcome-facts b{color:var(--fg);font-weight:700}.welcome-field{max-width:320px;margin-top:8px}.welcome-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;font-size:14px;display:flex}.welcome-btn{min-width:150px}.first-run{border-top:2px solid var(--secondary);max-width:72ch;margin-bottom:24px;padding:16px 0 4px}.first-run-steps{color:var(--fg);margin:4px 0 12px;padding-left:22px;font-size:14.5px;line-height:1.6}.first-run-steps li{margin-bottom:4px;padding-left:4px}.app-foot{border-top:1px solid var(--border);color:var(--muted-fg);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:56px;padding-top:14px;font-size:13px;display:flex}.app-foot p{max-width:72ch;margin:0}.app-foot a{color:var(--fg);-webkit-text-decoration-color:var(--control-border);text-decoration-color:var(--control-border);font-weight:600}.phone-privacy{color:var(--rail-fg-2);align-self:flex-start;margin-top:28px;font-size:13.5px}.phone-privacy:focus-visible{outline-color:var(--rail-fg)}.privacy{min-height:100vh}.privacy-rail{background:var(--rail);padding:22px 48px 16px}.privacy-rail a{text-decoration:none;display:inline-block}.privacy-rail a:focus-visible{outline-color:var(--rail-fg)}.privacy-main{max-width:68ch;padding:48px 48px 72px}.privacy-main h1{font-family:var(--font-display);letter-spacing:-.03em;border-bottom:2px solid var(--rule);margin:0 0 14px;padding-bottom:14px;font-size:40px;font-weight:800;line-height:1.05}.privacy-lead{margin:0 0 6px;font-size:18px;line-height:1.5}.privacy-updated{color:var(--muted-fg);margin:0 0 12px;font-size:13px}.privacy-main section{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.privacy-main h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 8px;font-size:20px;font-weight:700}.privacy-main p,.privacy-main li{font-size:15px;line-height:1.65}.privacy-main p{margin:0 0 10px}.privacy-main ul{margin:0 0 12px;padding-left:20px}.privacy-main li{margin-bottom:10px}.privacy-back{font-weight:600;margin-top:40px!important}@media (width<=980px){#app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;padding:16px 20px 0;position:static}.brand-mark{margin:0 0 12px}.logo{font-size:25px}.nav-list{border:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nav-list li{border-top:none}.nav-item{border-bottom:3px solid #0000;border-radius:0;justify-content:center;margin:0;padding:12px 4px 13px;font-size:15px}.nav-item.active{border-bottom-color:var(--rail-fg)}.nav-item.active:after,.sidebar-foot{display:none}.main{padding:22px 20px 56px}.topbar-title{font-size:32px}.grid-2,.grid-3,.rec-grid,.export-layout,.settings-grid,.live-metrics,.cam-setup-grid{grid-template-columns:1fr}.cam-view{height:320px}.threshold-grid{grid-template-columns:repeat(3,1fr)}.welcome{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.welcome-rail{padding:16px 20px 14px}.welcome-steps{border:none;gap:6px;margin-top:12px;display:flex}.welcome-steps li{border-top:3px solid var(--rail-line);flex-direction:column;flex:1;gap:2px;padding:8px 0 0;font-size:12.5px;line-height:1.3}.welcome-steps li.now,.welcome-steps li.done{border-top-color:var(--rail-fg)}}@media (width<=600px){.welcome-steps li:not(.now) .welcome-step-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.welcome-steps li.now{flex:3}.welcome-main{padding:32px 20px 56px}.welcome-page h1,.privacy-main h1{font-size:32px}.privacy-rail{padding:16px 20px 12px}.privacy-main{padding:32px 20px 56px}.pair-panel{flex-direction:column;gap:18px}.threshold-grid{grid-template-columns:repeat(2,1fr)}#toast{max-width:none;bottom:16px;left:16px;right:16px}.theme-options{flex-direction:column}}