:root,[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-elevated: #ffffff;--bg-muted: #e8eef5;--text: #0f172a;--text-muted: #64748b;--border: #cbd5e1;--border-strong: #94a3b8;--accent: #0d9488;--accent-hover: #0f766e;--accent-text: #ffffff;--danger: #be123c;--danger-hover: #9f1239;--warning-bg: #fef9c3;--warning-text: #713f12;--alert-bg: #fee2e2;--alert-text: #7f1d1d;--escalated-bg: #fce7f3;--escalated-text: #881337;--notice-bg: #fefce8;--notice-text: #713f12;--shadow: 0 1px 3px rgb(15 23 42 / .08);--overlay: rgb(15 23 42 / .45);--stage-bg: #0f172a;--chip-active-text: #04120f;--banner-bg: #fff7ed;--banner-border: #fb923c;--link: #0d9488;--eyebrow: #0f766e;--focus-ring-track: var(--bg-muted);--input-bg: #ffffff}[data-theme=dark]{color-scheme:dark;--bg: #0f1419;--bg-elevated: #1e293b;--bg-muted: #334155;--text: #e7eef6;--text-muted: #94a3b8;--border: #334155;--border-strong: #475569;--accent: #14b8a6;--accent-hover: #0d9488;--accent-text: #04120f;--danger: #9f1239;--danger-hover: #881337;--warning-bg: #3f3f0a;--warning-text: #fef08a;--alert-bg: #7f1d1d;--alert-text: #fecaca;--escalated-bg: #881337;--escalated-text: #fecdd3;--notice-bg: #3f3f0a;--notice-text: #fef08a;--shadow: 0 2px 8px rgb(0 0 0 / .35);--overlay: rgb(2 6 23 / .82);--stage-bg: #020617;--chip-active-text: #04120f;--banner-bg: #422006;--banner-border: #ea580c;--link: #5eead4;--eyebrow: #5eead4;--focus-ring-track: #1e293b;--input-bg: #1e293b}*{box-sizing:border-box}html{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;line-height:1.5}a{color:var(--link)}button,select,input{font:inherit;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:inherit;padding:.45rem .8rem}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--border-strong)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.app{max-width:1100px;margin:0 auto;padding:1rem 1.2rem 2rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.topbar-brand{display:flex;flex-direction:column;gap:.15rem;min-width:0}.topbar-logo{font-weight:700;font-size:1.25rem;color:inherit;text-decoration:none}.topbar-meta{font-size:.85rem}.topbar-controls{flex-shrink:0}.topbar-lang select{min-width:7rem}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--bg-muted)}.theme-toggle button{border:0;border-radius:0;padding:.35rem .75rem;background:transparent;font-size:.85rem}.theme-toggle button.active{background:var(--accent);color:var(--accent-text)}.theme-toggle--compact button{padding:.3rem .6rem}.tab-bar{display:flex;gap:.35rem;padding:.25rem;background:var(--bg-muted);border-radius:10px;margin-bottom:1rem;width:fit-content}.tab-bar button{border:0;background:transparent;border-radius:8px;padding:.45rem 1rem}.tab-bar button.active{background:var(--bg-elevated);box-shadow:var(--shadow);font-weight:600}.card{background:var(--bg-elevated);padding:1rem 1.1rem;border-radius:12px;margin:.75rem 0;border:1px solid var(--border);box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.stage{position:relative;background:var(--stage-bg);border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--border)}.stage video,.stage canvas{width:100%;height:100%;object-fit:cover}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0}.status-panel{margin-top:.85rem;padding:.85rem 1rem;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border)}.status-panel.notice{background:var(--notice-bg);border-color:var(--notice-text);color:var(--notice-text)}.status-panel.alert{background:var(--alert-bg);border-color:var(--alert-text);color:var(--alert-text)}.status-panel.escalated{background:var(--escalated-bg);border-color:var(--escalated-text);color:var(--escalated-text)}.status-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem}.status-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--bg-muted);color:var(--text)}.status-panel.notice .status-badge,.status-panel.alert .status-badge,.status-panel.escalated .status-badge{background:#ffffff40;color:inherit}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem}.metric{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .55rem;border-radius:8px;background:var(--bg-muted)}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.metric-value{font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:600}.flags-row{margin-top:.55rem;font-size:.9rem}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.85rem 0;padding:.65rem;background:var(--bg-muted);border-radius:10px}.action-bar label{display:inline-flex;align-items:center;gap:.35rem;margin:0}details.advanced-panel{margin-top:.75rem;font-size:.85rem}details.advanced-panel summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}details.advanced-panel pre{margin:.5rem 0 0;padding:.65rem;background:var(--bg-muted);border-radius:8px;overflow-x:auto;font-family:ui-monospace,monospace;font-size:.78rem;white-space:pre-wrap}.report-summary{display:grid;gap:.75rem}.report-stat{display:flex;justify-content:space-between;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--border)}.report-stat:last-child{border-bottom:0}.report-stat-label{color:var(--text-muted)}.report-stat-value{font-weight:600;font-variant-numeric:tabular-nums}.report-flags{margin:.5rem 0 0;padding-left:1.2rem}.report-flags li{margin:.25rem 0}.settings-form label{display:flex;flex-direction:column;gap:.25rem;margin:.65rem 0}.settings-form input[type=number]{width:8rem}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--bg-elevated);border:1px solid var(--accent);padding:.85rem 1rem;border-radius:12px;max-width:22rem;box-shadow:var(--shadow);z-index:30}.muted{color:var(--text-muted);font-size:.9rem}h1{font-size:1.4rem;margin:0}.consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.consent-card{max-width:28rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;box-shadow:var(--shadow)}.camera-banner{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:var(--banner-bg);border:1px solid var(--banner-border);border-radius:10px;padding:.6rem .8rem;margin-bottom:.8rem}.hidden-stage{display:none}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{max-width:1100px;margin:0 auto;padding:1rem 1.2rem 0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem}.site-logo{font-weight:700;font-size:1.2rem;color:inherit;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.site-nav a{color:var(--text-muted);text-decoration:none;padding:.35rem .5rem}.site-nav a:hover{color:var(--text)}.site-nav a.primary{background:var(--accent);color:var(--accent-text);border-radius:8px;padding:.4rem .85rem}.site-header-controls{display:flex;align-items:center;gap:.6rem}.site-main{flex:1;max-width:1100px;margin:0 auto;padding:1rem 1.2rem 2rem;width:100%}.site-main--narrow{max-width:760px}.site-footer{max-width:1100px;margin:0 auto;padding:0 1.2rem 1.5rem;width:100%}.site-footer a{color:var(--text-muted);margin-left:.8rem}.landing-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.4rem 0;line-height:1.15}.landing-eyebrow{color:var(--eyebrow);font-size:.9rem;margin:0;text-transform:uppercase;letter-spacing:.04em}.landing-lead{font-size:1.05rem;max-width:42rem}.landing-disclaimer{margin-top:1rem;border-left:3px solid var(--border);padding-left:.8rem}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0}.landing-benefit h2{font-size:1.05rem;margin-top:0}.landing-steps{margin:.5rem 0 0 1.2rem}.landing-steps li{margin:.4rem 0}.legal h1{margin-top:0}.legal-section{margin-top:1.2rem}.legal-section h2{font-size:1.1rem;margin-bottom:.4rem}.analytics-banner{border:1px solid var(--border);background:var(--bg-elevated)}.focus-hub{--focus-accent: #14b8a6;padding:.4rem 0}.focus-hub[data-focus-theme=midnight]{--focus-accent: #6366f1}.focus-hub[data-focus-theme=forest]{--focus-accent: #22c55e}.focus-hub[data-focus-theme=sunset]{--focus-accent: #f97316}.focus-hub[data-focus-theme=ocean]{--focus-accent: #0ea5e9}.focus-ring{width:220px;height:220px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--focus-accent) calc(var(--pct, 0) * 1%),var(--focus-ring-track) 0)}.focus-ring-inner{width:184px;height:184px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.focus-time{font-size:2.2rem;font-variant-numeric:tabular-nums}.focus-presets,.chip-row,.theme-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer}.chip.active{border-color:var(--focus-accent);background:var(--focus-accent);color:var(--chip-active-text)}.swatch{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--sw);padding:0}.swatch.active{border-color:var(--text)}.task-list{list-style:none;padding:0;margin:.6rem 0;display:flex;flex-direction:column;gap:.4rem}.task-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-muted);padding:.4rem .6rem;border-radius:8px}.task-item.active{outline:2px solid var(--focus-accent)}.task-item .task-text{flex:1}.task-item .task-text.done{text-decoration:line-through;color:var(--text-muted)}.local-notice{font-size:.8rem;color:var(--text-muted);margin-top:1rem}.yt-dock{position:fixed;left:1rem;bottom:1rem;width:min(356px,calc(100vw - 2rem));aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000;box-shadow:var(--shadow);z-index:10}.yt-dock[hidden]{display:none}.yt-dock iframe{width:100%;height:100%;border:0;display:block}