:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#090b0f}body{margin:0;min-height:100dvh;overflow:hidden}.ar-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ar-hud{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;left:12px;max-width:360px;padding:16px;border:1px solid #ffffff2b;border-radius:16px;background:#10151cde;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.eyebrow{margin:0 0 5px;color:#8fc9ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:22px}p{line-height:1.4}button{width:100%;padding:12px 14px;border:0;border-radius:10px;color:#06111f;background:#8fd0ff;font:inherit;font-weight:700}button:disabled{opacity:.45}#enter-ar{position:fixed;right:16px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));left:16px;width:auto;min-height:52px;box-shadow:0 10px 30px #0008;z-index:20}dl{margin:14px 0 0}dl div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #ffffff1a}dt{color:#9aa8b8}dd{margin:0;font-variant-numeric:tabular-nums}.note{margin:12px 0 0;color:#aeb8c4;font-size:12px}@media (max-width: 480px){.ar-hud{top:max(8px,env(safe-area-inset-top));right:8px;left:8px;padding:12px}h1{font-size:20px}#enter-ar{right:12px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 68px));left:12px}}