/* AR Lab — TV/desktop is incidental; this is designed for a phone or iPad held in the hand, over a live camera feed. Everything floats over video, so panels lean on blur + dark translucency rather than solid fills. */ :root { --bg: #05070d; --ink: #f2f5fa; --muted: #93a0b8; --accent: #6fd3ff; --accent-dim: #21506b; --danger: #ff6b6b; --panel: rgba(10, 14, 22, 0.72); --stroke: rgba(255, 255, 255, 0.14); --safe-t: env(safe-area-inset-top, 0px); --safe-b: env(safe-area-inset-bottom, 0px); } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html { background: var(--bg); } html, body { margin: 0; height: 100%; overflow: hidden; /* NOT opaque: LocAR's camera