:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f5ed;background:#101615;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button{font:inherit}.home-page{position:relative;display:flex;min-height:100svh;align-items:center;overflow:hidden;padding:max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 8%,#253832 0,#101615 45%)}.hero-content{width:min(100%,520px);margin:0 auto}.eyebrow{margin:0 0 20px;color:#b7cf9c;font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{max-width:8ch;margin:0;font-size:clamp(3.5rem,18vw,7rem);font-weight:600;letter-spacing:-.08em;line-height:.88}.intro{margin:28px 0 42px;color:#a6b1aa;font-size:1rem}.auto-check-note{margin:14px 0 0;color:#7f9186;font-size:.75rem}.diagnostics-link{margin-top:26px;padding:8px 0;border:0;color:#8fae84;background:transparent;cursor:pointer;font-size:.78rem;font-weight:700}.device-check-button{display:flex;width:100%;min-height:72px;align-items:center;justify-content:space-between;padding:0 22px 0 26px;border:1px solid #b7cf9c;border-radius:999px;color:#101615;background:#b7cf9c;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.01em;transition:transform .16s ease,background .16s ease}.device-check-button:active{transform:scale(.98)}.device-check-button:focus-visible{outline:3px solid #f2f5ed;outline-offset:4px}.button-arrow{font-size:1.5rem}.page-mark{position:absolute;right:24px;bottom:max(28px,env(safe-area-inset-bottom));color:#43554c;font-size:.7rem;font-weight:700;letter-spacing:.2em}.device-check-page{width:min(100%,720px);min-height:100svh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom))}.diagnostic-header{padding-bottom:28px}.back-button{padding:8px 0;border:0;color:#b7cf9c;background:transparent;cursor:pointer;font-weight:700}.diagnostic-header .eyebrow{margin:28px 0 14px}.diagnostic-header h1{max-width:none;font-size:clamp(2.8rem,14vw,5rem);text-transform:uppercase}.diagnostic-intro{margin:18px 0 0;color:#a6b1aa}.status-list{border-top:1px solid #34443d}.status-row{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #34443d}.status-row strong{display:block;font-size:1rem}.status-row small{display:block;max-width:260px;margin-top:4px;color:#8d9b93;font-size:.75rem;line-height:1.35}.status-symbol{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;font-weight:800}.status-supported,.status-ok{color:#101615;background:#b7cf9c}.status-unsupported,.status-error{color:#f0c0a9;background:#4b302c}.status-pending{color:#101615;background:#e7c878}.test-actions{display:grid;gap:12px;padding:28px 0}.test-button{min-height:58px;border:1px solid #61756a;border-radius:999px;color:#f2f5ed;background:#1a2521;cursor:pointer;font-weight:700}.test-button:active{transform:scale(.98)}.test-button:disabled{cursor:wait;opacity:.55}.test-button:focus-visible,.back-button:focus-visible{outline:3px solid #b7cf9c;outline-offset:4px}.camera-preview-wrap{margin-bottom:24px}.camera-preview{display:block;width:100%;max-height:230px;border-radius:18px;background:#070b0a;object-fit:cover}.preview-note{margin:10px 0 0;color:#a6b1aa;font-size:.8rem}.diagnostic-details{padding:8px 0 30px}.diagnostic-details h2{margin:0 0 14px;color:#b7cf9c;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.diagnostic-details dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border:1px solid #34443d;border-radius:14px}.diagnostic-details dl>div{padding:12px;background:#151e1b}.diagnostic-details dt{color:#8d9b93;font-size:.72rem}.diagnostic-details dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:.85rem}.startup-page{min-height:100svh;padding:max(22px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom))}.startup-content{width:min(100%,560px);margin:14vh auto 0}.startup-content h1{max-width:none;font-size:clamp(3rem,14vw,5.5rem)}.startup-status{margin-top:42px;border-top:1px solid #34443d}.startup-row{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #34443d}.startup-row strong{display:block}.startup-row small{display:block;max-width:270px;margin-top:4px;color:#a6b1aa;font-size:.75rem;line-height:1.35}.startup-error{margin-top:28px;padding:18px;border:1px solid #70473d;border-radius:16px;color:#f0c0a9;background:#251917}.startup-error p{margin:8px 0 16px;color:#d5a99b;font-size:.85rem}.smart-scan-page{position:relative;min-height:100svh;overflow:hidden;background:#070b0a}.smart-scan-camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.smart-scan-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,10,.8),transparent 35%,transparent 62%,rgba(7,11,10,.9))}.smart-scan-hud{position:relative;z-index:1;display:flex;min-height:100svh;flex-direction:column;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom))}.scan-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.scan-kicker{margin:0 0 5px;color:#b7cf9c;font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.scan-topbar h1{margin:0;font-size:1.65rem;letter-spacing:-.04em;text-transform:uppercase}.spatial-pill{padding:7px 10px;border:1px solid rgba(183,207,156,.7);border-radius:999px;color:#b7cf9c;font-size:.62rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.spatial-limited,.spatial-starting,.spatial-searching{border-color:#e7c878;color:#e7c878}.spatial-lost{border-color:#f0c0a9;color:#f0c0a9}.scan-diagnostics{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#e4e9df;font-size:.75rem;font-weight:700}.scan-reticle{position:absolute;top:50%;left:50%;color:#f2f5edcc;font-size:2.2rem;font-weight:300;transform:translate(-50%,-50%)}.position-hud{position:absolute;right:20px;bottom:126px;display:grid;gap:4px;padding:12px;border:1px solid rgba(183,207,156,.35);border-radius:12px;color:#e4e9df;background:#070b0a80;font-size:.72rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vision-position-hud{bottom:164px}.position-hud strong{margin-bottom:3px;color:#b7cf9c}.xr-diagnostics{position:absolute;right:20px;bottom:76px;display:grid;gap:3px;max-width:calc(100% - 40px);color:#f2f5eda6;font-size:.58rem;text-align:right}.vision-diagnostics{left:20px;right:auto;bottom:18px;text-align:left}.vision-tracking-hint{position:absolute;left:20px;right:20px;bottom:126px;margin:0;color:#e9c878;font-size:.75rem;text-align:center}.smart-scan-sampler{display:none}.object-box{position:absolute;z-index:4;box-sizing:border-box;border:2px solid #b7cf9c;border-radius:12px;pointer-events:none}.object-box span{position:absolute;top:-22px;left:0;padding:3px 6px;border-radius:5px;color:#07100b;background:#b7cf9c;font-size:.6rem}.object-box-weak,.object-box-recovering{border-color:#e9c878}.object-box-lost{border-color:#d56b6b;opacity:.65}.scan-message{position:absolute;left:20px;right:20px;bottom:190px;z-index:5;color:#f2f5ed;font-size:.9rem;text-align:center;text-shadow:0 1px 5px #000}.capture-object-button{position:absolute;left:20px;right:20px;bottom:116px;z-index:6;min-height:54px;border:0;border-radius:14px;color:#07100b;background:#b7cf9c;font-weight:800;letter-spacing:.08em}.capture-progress{position:absolute;left:20px;right:20px;bottom:116px;z-index:6;display:grid;gap:6px;color:#f2f5ed;text-align:center}.capture-progress strong{font-size:1.2rem}.scan-complete{position:absolute;inset:20% 20px auto;z-index:10;padding:20px;border:1px solid rgba(183,207,156,.45);border-radius:18px;color:#f2f5ed;background:#070b0ae6;text-align:center}.scan-complete h2{margin:0 0 8px}.capture-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.capture-thumbnails img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:5px}.scan-complete button{min-height:42px;margin:4px;padding:0 12px;border:0;border-radius:9px;color:#07100b;background:#b7cf9c;font-weight:700}.smart-scan-dev-diagnostics{inset:96px auto auto 20px;max-height:22vh;overflow:auto;text-align:left}.scan-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto}.scan-footer p{margin:0;color:#e4e9df;font-size:.8rem}.finish-button{min-width:112px;min-height:48px;border:1px solid #b7cf9c;border-radius:999px;color:#101615;background:#b7cf9c;cursor:pointer;font-weight:800}.finish-button:focus-visible{outline:3px solid #f2f5ed;outline-offset:4px}@media(min-width:640px){.home-page{padding-inline:8vw}.intro{font-size:1.1rem}.device-check-button{max-width:400px}}