:root{--bg:#0d141c;--glass:#101720b8;--glass-strong:#0e141cdb;--line:#ffffff17;--line-strong:#ffffff29;--text:#e8edf2;--muted:#93a1b0;--accent:#ffb347;--accent-ink:#1a1206;--danger:#ff6b5f;--warn:#f5c451;--ok:#5fd39a;--radius:14px;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-size:15px;overflow:hidden}button,input{font:inherit;color:inherit}#ui,#ui *{touch-action:manipulation}.ar-video{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;position:fixed;inset:0}.ar-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}#ui [hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.intro{background:radial-gradient(120% 80% at 50% 0%, #1b2a3a 0%, var(--bg) 70%);pointer-events:auto;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.intro-card{text-align:center;gap:12px;width:min(420px,100%);display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}h1{margin:0;font-size:24px;line-height:1.2}.intro p{margin:0}.message{color:#ffd2cd;text-align:left;background:#ff6b5f1f;border:1px solid #ff6b5f66;border-radius:10px;padding:10px 12px}.qr{background:#fff;border-radius:10px;width:200px;margin:12px auto 0;padding:10px}.qr svg{width:100%;height:auto;display:block}button{pointer-events:auto;border:1px solid var(--line-strong);background:var(--glass-strong);border-radius:12px;min-height:44px;padding:0 16px;font-weight:600}button:disabled{opacity:.45}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;min-height:52px;font-size:17px}button.icon{width:44px;padding:0}button.toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.hud{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.bar{pointer-events:auto;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:8px 10px;display:flex}.bar.top{justify-content:space-between}.bar.top div{gap:2px;min-width:0;display:grid}.bar.top strong,.bar.top span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar.top span{font-size:12px}.hint{background:var(--glass-strong);text-align:center;border-radius:12px;align-self:center;max-width:320px;margin:0;padding:10px 14px;line-height:1.35}.hint:empty{display:none}.bottom{gap:8px;display:grid}.status{white-space:pre-line;background:var(--glass);text-align:center;border-radius:999px;justify-self:center;margin:0;padding:4px 10px}.row button{flex:1}.row input[type=range]{min-width:0;accent-color:var(--accent);pointer-events:auto;flex:1}.row input[type=date]{pointer-events:auto;border:1px solid var(--line-strong);background:0 0;border-radius:8px;width:8.2em;min-height:36px;padding:0 6px;font-size:16px}#time-controls button{flex:none}.time{text-align:right;font-variant-numeric:tabular-nums;min-width:3em}.attribution{background:var(--glass);color:var(--muted);text-align:center;pointer-events:auto;border-radius:10px;justify-self:center;margin:0;padding:4px 10px;font-size:10px;line-height:1.4}.attribution a{color:inherit}.bar.top .actions{flex:none;gap:6px;display:flex}.grow{flex:1}.panel{pointer-events:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:2;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:12px;max-height:75%;padding:14px;display:grid;position:absolute;overflow-y:auto}.panel h2{margin:0 0 4px;font-size:15px}.panel p{margin:0 0 8px;line-height:1.4}.panel-section{gap:6px;display:grid}.row-buttons{gap:8px;display:flex}.row-buttons button{flex:1}.field{align-items:center;gap:8px;display:flex}.field span:first-child{flex:1}.field input{pointer-events:auto;border:1px solid var(--line-strong);text-align:right;background:0 0;border-radius:8px;width:5.5em;min-height:40px;padding:0 8px;font-size:16px}
