:root{color-scheme:dark;--bg: #0f172a;--panel: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--accent: #38bdf8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{max-width:640px;margin:0 auto;padding:16px}h1{font-size:1.25rem;margin:0 0 12px}.panel{background:var(--panel);border-radius:12px;padding:14px;margin-bottom:12px}.scanbox{width:100%;font-size:1.25rem;padding:14px;border-radius:10px;border:2px solid var(--accent);background:#0b1220;color:var(--text)}.scanbox:focus{outline:none;box-shadow:0 0 0 3px #38bdf859}.status{font-weight:700;padding:10px 14px;border-radius:10px;margin:10px 0}.status.ok{background:#22c55e2e;color:var(--ok)}.status.bad{background:#ef44442e;color:var(--bad)}.status.attention{background:#f59e0b2e;color:var(--warn)}.kv{display:grid;grid-template-columns:9em 1fr;gap:4px 10px;font-size:.95rem}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted);font-size:.9rem}button{font:inherit;padding:12px 16px;border-radius:10px;border:0;background:var(--accent);color:#0b1220;font-weight:700;min-height:48px}button.secondary{background:#334155;color:var(--text)}.row{display:flex;gap:10px;flex-wrap:wrap}ul.hri{list-style:none;padding:0;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.camera{position:fixed;inset:0;background:#000}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:linear-gradient(transparent,#000000bf)}.camera-count{font-weight:700;font-size:1.2rem}.camera-error{position:absolute;top:16px;left:16px;right:16px}.camera-top{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;gap:6px}.camera-stats{font-size:.8rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.camera-task{font:inherit;font-size:.95rem;padding:8px 10px;border-radius:8px;background:#0f172ad9;color:var(--text);border:1px solid #334155}.camera-task-detail{margin:0;font-size:.9rem;background:#0f172ad9;padding:8px 10px;border-radius:8px}.camera-note{position:absolute;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));font:inherit;font-size:.95rem;padding:10px;border-radius:8px;border:1px solid #334155;background:#0f172ad9;color:var(--text)}.diag-key{width:100%;font:inherit;padding:10px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:var(--text)}