@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#f5f7fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--welcome-bg:#080a0ef5;--welcome-border:#ffffff1a;--button-bg:#fff;--button-text:#040506;--frame-color:#fffffff2;--scan-color:#fffffff2;--error-color:#ff8b8b;background:#000;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{background:#000;margin:0}button,input,textarea,select{font:inherit}h1,p{margin:0}.app-shell{background:0 0;width:100%;height:100vh;position:relative;overflow:hidden}.welcome-screen,.experience-screen{position:absolute;inset:0}.welcome-screen{background:var(--welcome-bg);z-index:3;place-items:center;padding:24px;transition:opacity .26s,visibility .26s;display:grid}.welcome-panel{border:1px solid var(--welcome-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:24px;justify-items:center;gap:20px;width:min(100%,420px);padding:36px 28px;display:grid}.welcome-panel h1{text-align:center;letter-spacing:-.04em;font-size:clamp(2.2rem,6vw,3.5rem);line-height:1}button{cursor:pointer;border:0;border-radius:999px;padding:.95rem 1.6rem;transition:transform .16s,opacity .16s,background-color .16s,color .16s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.start-button{background:var(--button-bg);min-width:210px;color:var(--button-text);font-weight:700}.welcome-error{text-align:center;min-height:1.5rem;color:var(--error-color);font-size:.92rem}.experience-screen{opacity:0;visibility:hidden;background:0 0;transition:opacity .26s,visibility .26s}.app-shell[data-view=experience] .welcome-screen{opacity:0;visibility:hidden;pointer-events:none}.app-shell[data-view=experience] .experience-screen{opacity:1;visibility:visible}.ar-surface{background:0 0;position:absolute;inset:0;overflow:hidden}.ar-surface video,.ar-surface canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;background:0 0!important}.ar-surface video{z-index:0}.ar-surface canvas{z-index:1}.scan-overlay{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.scan-frame{aspect-ratio:1;width:min(72vw,320px);position:relative}.scan-corner{border-color:var(--frame-color);filter:drop-shadow(0 0 12px #ffffff2e);border-style:solid;border-width:0;width:40px;height:40px;position:absolute}.scan-corner--top-left{border-top-width:6px;border-left-width:6px;top:0;left:0}.scan-corner--top-right{border-top-width:6px;border-right-width:6px;top:0;right:0}.scan-corner--bottom-left{border-bottom-width:6px;border-left-width:6px;bottom:0;left:0}.scan-corner--bottom-right{border-bottom-width:6px;border-right-width:6px;bottom:0;right:0}.scan-line{background:linear-gradient(90deg, transparent 0%, var(--scan-color) 18%, var(--scan-color) 82%, transparent 100%);border-radius:999px;height:4px;animation:2.2s ease-in-out infinite scan-line;position:absolute;top:14%;left:12%;right:12%;box-shadow:0 0 18px #ffffff8c}.app-shell[data-tracking=locked]{--frame-color:#74ffbef2;--scan-color:#74ffbef2}.app-shell[data-tracking=locked] .scan-line{opacity:.5;animation-duration:3.2s}.app-shell[data-tracking=starting] .scan-line{opacity:.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes scan-line{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(230px)}to{opacity:.4;transform:translateY(0)}}@media (width<=720px){.welcome-screen{padding:18px}.welcome-panel{padding:28px 20px}.scan-frame{width:min(78vw,280px)}@keyframes scan-line{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(200px)}to{opacity:.4;transform:translateY(0)}}}