:root{--bg:#0b1020;--surface:#ffffff0f;--border:#ffffff1f;--text:#f4f6fb;--muted:#aab2c5;--accent:#f45e61;--accent-strong:#e23e42;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 70% -10%, #1b2440 0, transparent 60%), radial-gradient(900px 600px at -10% 110%, #1a2440 0, transparent 55%), var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{justify-content:center;align-items:center;min-height:100%;display:flex}.screen{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:1rem;width:min(92vw,30rem);margin:1.5rem;padding:2rem;box-shadow:0 20px 60px #00000059}.screen h1{margin:0 0 .5rem;font-size:1.5rem}.screen p{color:var(--muted);margin:0 0 1.5rem;line-height:1.55}button.primary{appearance:none;cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));border:none;border-radius:.65rem;width:100%;padding:.8rem 1.25rem;font:600 1rem/1 system-ui,sans-serif;transition:transform .1s,filter .15s}button.primary:hover{filter:brightness(1.08)}button.primary:active{transform:scale(.98)}button.primary:disabled{filter:grayscale(.6);cursor:progress}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ar-view{background:#000;position:fixed;inset:0;overflow:hidden}.ar-video,.ar-canvas{width:100%;height:100%;position:absolute;inset:0}.ar-video{object-fit:cover;transform:scaleX(-1)}.ar-canvas{pointer-events:none}.ar-experience{left:0;right:0;bottom:max(.6rem, env(safe-area-inset-bottom));z-index:2;position:absolute}.ar-selector{left:0;right:0;bottom:calc(max(.6rem, env(safe-area-inset-bottom)) + 4.6rem);z-index:2;position:absolute}.ar-hud{top:max(.8rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));z-index:4;color:#fff;border:2px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#080c16d1;border-radius:.8rem;padding:.35rem .85rem;font:800 1.6rem/1 system-ui,sans-serif;position:absolute;box-shadow:0 4px 14px #0000008c}.ar-hud:before{content:"★ ";color:var(--accent)}.ar-hint{z-index:2;text-align:center;color:#fff;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;background:#1118279e;border-radius:.8rem;max-width:80vw;padding:.55rem 1rem;font:600 .95rem/1.3 system-ui,sans-serif;transition:opacity .4s;position:absolute;top:14%;left:50%;transform:translate(-50%)}.ar-hint.show{opacity:1}.ar-controls-panel{z-index:3;pointer-events:none;position:absolute;inset:0}.ar-capture{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:4;cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));border:none;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;transition:transform .1s,filter .15s;display:grid;position:absolute;box-shadow:0 6px 16px #0006}.ar-capture svg{display:block}.ar-capture:hover{filter:brightness(1.08)}.ar-capture:active{transform:scale(.94)}:focus-visible{outline-offset:2px;border-radius:.4rem;outline:3px solid #8ab4ff}button.primary:focus-visible,.ar-capture:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none}}