:root{--bg:#0f172a;--surface:#1c2740;--surface-2:#263352;--text:#f4f7ff;--muted:#a7b3cd;--primary:#4f8cff;--good:#34d399;--warn:#fbbf24;--bad:#f87171;--radius:16px;--tap:56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}.screen{height:100vh;height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.screen--centered{text-align:center;justify-content:center;align-items:center}.brand{letter-spacing:-.02em;margin:0;font-size:40px}.tagline{color:var(--muted);margin:8px 0 0;font-size:20px}.home__secondary{gap:12px;display:flex}.privacy{max-width:44ch;color:var(--muted);text-align:center;align-self:center;margin:0;font-size:13px;line-height:1.35}.setup__body{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}.setup__panel{flex-direction:column;flex:none;gap:12px;min-height:0;display:flex}.muted{color:var(--muted)}.topbar{align-items:center;gap:12px;display:flex}.topbar__title{margin:0;font-size:20px}.section-title{margin:0 0 12px;font-size:18px}.hint{color:var(--muted);text-align:center;margin:0}.btn{min-height:var(--tap);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;padding:0 24px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:#06122c}.btn--lg{min-height:72px;font-size:22px}.btn--secondary{background:var(--surface-2)}.btn--danger{background:var(--bad);color:#2a0808}.btn--ghost{background:0 0;padding:0 8px}.btn--small{min-height:44px;padding:0 16px;font-size:16px}.stage{flex:auto;justify-content:center;align-items:center;min-width:0;min-height:120px;display:flex}.preview{border-radius:var(--radius);aspect-ratio:3/4;background:#000;flex:none;width:auto;max-width:100%;height:100%;max-height:min(100%,450px);position:relative;overflow:hidden}.preview__video{object-fit:cover;width:100%;height:100%;display:block}.preview--mirrored{transform:scaleX(-1)}.preview__error{text-align:center;background:#0f172ae0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.topbar__end{margin-left:auto}.skeleton{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.debug{border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;overscroll-behavior:contain;flex:0 auto;min-height:0;max-height:38vh;padding:12px 14px;font-size:13px;overflow-y:auto}.debug__header{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.debug__actions{gap:8px;margin-top:10px;display:flex}.debug__actions .btn{min-height:40px;padding:0 14px;font-size:13px}.hud{gap:2px;margin:0;display:grid}.hud__row{justify-content:space-between;gap:12px;display:flex}.hud__row dt{color:var(--muted)}.hud__row dd{margin:0;font-weight:600}.banner{border-radius:var(--radius);background:color-mix(in srgb, var(--warn) 18%, var(--surface));border:1px solid var(--warn);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.banner--error{background:color-mix(in srgb, var(--bad) 16%, var(--surface));border-color:var(--bad)}.banner__detail{color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.placement__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card{border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.card--selected{border-color:var(--primary);background:var(--surface-2)}.card__title{flex-wrap:wrap;align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.card__badge{background:var(--primary);color:#06122c;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.card__hint,.card__warning{color:var(--muted);font-size:14px;line-height:1.35}.card__warning{color:var(--warn)}.actions{gap:12px;display:flex}.actions .btn{flex:1}.monitor,.monitor__main{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}@media (min-width:900px){.monitor--debug{flex-direction:row;align-items:stretch}.monitor--debug .monitor__main{flex:1 1 0;min-width:0}.monitor__side{flex-direction:column;flex:0 0 380px;max-width:42%;min-height:0;display:flex}.monitor__side .debug{flex:auto;max-height:none}.monitor--debug .stage--compact .preview{max-height:min(46vh,360px)}}.stage--compact{flex:0 auto;min-height:0}.stage--compact .preview{max-height:min(34vh,260px)}.gauge{flex:none;place-items:center;gap:4px;display:grid}.gauge__ring{background:conic-gradient(var(--gauge-color) var(--gauge-percent,0%), var(--surface-2) 0);border-radius:50%;place-items:center;width:168px;height:168px;display:grid;position:relative}.gauge__ring:before{content:"";background:var(--bg);border-radius:50%;width:132px;height:132px;position:absolute}.gauge__score{z-index:1;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.gauge__label{letter-spacing:.06em;color:var(--gauge-color);font-size:16px;font-weight:700}.gauge{--gauge-color:var(--muted)}.gauge--good{--gauge-color:var(--good)}.gauge--warn{--gauge-color:var(--warn)}.gauge--bad{--gauge-color:var(--bad)}.monitor__meta{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;display:flex}.monitor__message{border-radius:var(--radius);background:var(--surface);text-align:center;margin:0;padding:12px 16px}.calibration__hint{text-align:center;margin:0;font-size:20px}.calibration__count{font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:64px;font-weight:800;line-height:1}.report,.history,.settings{flex-direction:column;gap:16px;min-height:0;display:flex}.report__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat__value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.stat__label{color:var(--muted);font-size:14px}.spark{border-radius:var(--radius);background:var(--surface);align-items:flex-end;gap:2px;height:64px;padding:6px;display:flex}.spark__bar{background:var(--primary);border-radius:2px;flex:1 1 0;min-width:2px}.rows{border-radius:var(--radius);background:var(--surface-2);gap:1px;margin:0;display:grid;overflow:hidden}.rows__row{background:var(--surface);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 16px;display:flex}.rows__row dt{font-weight:600}.rows__row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.history__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history__day{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 6px;font-size:14px;font-weight:700}.history__item{width:100%}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);min-height:48px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:999px;padding:0 18px;font-weight:600}.chip--selected{border-color:var(--primary);background:var(--surface-2)}.toggles{flex-direction:column;gap:4px;display:flex}.toggle{min-height:var(--tap);cursor:pointer;align-items:center;gap:12px;padding:0 4px;display:flex}.toggle input{width:26px;height:26px;accent-color:var(--primary);flex:none}.field{flex-direction:column;gap:4px;margin-top:8px;display:flex}.field__label{color:var(--muted);font-size:14px}.field__input{border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;padding:0 14px}.field__group{border-radius:var(--radius);background:var(--surface);margin-top:12px;padding:12px 14px}.field__group-title{font-weight:700}.field__group .field:first-of-type{margin-top:4px}@media (min-width:760px),(orientation:landscape) and (max-height:560px){.setup__body{flex-direction:row;align-items:stretch}.setup__panel{flex:340px;max-width:420px;overflow-y:auto}.debug{max-height:none;overflow:visible}}.update-prompt{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.update-prompt__text{flex:180px;margin:0;font-size:16px}.update-prompt__actions{gap:8px;display:flex}