:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(17, 24, 39, .72);--panel-strong: rgba(17, 24, 39, .9);--text: #e5e7eb;--muted: #94a3b8;--accent: #0ea5e9;--danger: #ef4444;--ok: #22c55e;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--radius: 16px;--focus: 0 0 0 3px rgba(14, 165, 233, .35);--btn-h: 48px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:var(--accent);text-decoration:none}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--focus)}button{border:0;background:transparent;color:inherit;font:inherit}.safe-area-pad{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.viewer{height:100%;width:100%;background:#000}.viewer.android-full{position:relative}.viewer.ios-split{display:grid;grid-template-rows:55vh 45vh}.camera-wrap{position:relative;overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover}.overlay-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.viewer.ios-split .overlay-wrap{position:relative;inset:auto;pointer-events:none;background:#000000bf}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud-card{pointer-events:none;background:var(--panel);border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;font-size:12px;color:var(--text)}.controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none}.controls .btn{pointer-events:auto;height:var(--btn-h);min-width:120px;padding:0 14px;background:var(--panel-strong);border:1px solid rgba(148,163,184,.25);border-radius:999px;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.controls .btn.primary{border-color:#0ea5e959}.controls .btn.danger{border-color:#ef444459}.subtitle{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--btn-h) + 10px);pointer-events:none;display:flex;justify-content:center}.viewer.ios-split .subtitle{position:relative;bottom:auto;left:auto;right:auto;padding:12px}.subtitle .bubble{max-width:980px;width:100%;background:#111827e0;border:1px solid rgba(148,163,184,.25);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;font-size:clamp(16px,2.2vw,22px);line-height:1.25;text-align:center;color:var(--text)}.subtitle .muted{color:var(--muted);font-size:clamp(14px,2vw,18px)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}