:root{--ink:#f4f1ff;--muted:#ece6ffb8;--glass:#0e0a1a94;--glass-strong:#100c1cdb;--line:#ffffff2e;--gold:#f6b73c;--blue:#4aa8ff;--cyan:#3ee8ff;--battery:#ffd23f;--danger:#ff8f8f;--success:#9cffc8;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--hand:"Chalkboard SE", "Bradley Hand", "Segoe Print", "Comic Neue", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#07060c;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Arabic,sans-serif;font-size:16px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}p,h1,h2,ol,ul{margin:0}.app{background:0 0;position:fixed;inset:0;overflow:hidden}.camera-feed{object-fit:cover;background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}.mode-camera .camera-feed{display:block}.demo-room{background:radial-gradient(38% 26% at 78% 22%,#ffd69638,#0000 70%),radial-gradient(20% 14% at 18% 64%,#ffb45a29,#0000 70%),linear-gradient(#0000 58%,#462c1c8c 58.5%,#281810e6 100%),linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/22% 58%,linear-gradient(#1c1626 0%,#241b2c 55%,#2a1f22 100%);position:absolute;inset:0}.demo-room:after{content:"";inset-inline-end:9%;background:linear-gradient(160deg,#96beff29,#28325a33);border:3px solid #ffe6be2e;border-radius:6px;width:26%;height:26%;position:absolute;top:9%}.stage{z-index:1;position:absolute;inset:0}.stage-canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 52%,#1e0a369e 100%);transition:opacity 1s linear;position:absolute;inset:0}.view{position:absolute;inset:0}.is-drowsy.mode-camera .view,.is-drowsy.mode-demo .view{filter:blur(calc(var(--drowsy) * 1.6px)) saturate(calc(1 - var(--drowsy) * .5)) brightness(calc(1 - var(--drowsy) * .14));scale:calc(1 + var(--drowsy) * .07);animation:9s ease-in-out infinite alternate drowsy-sway;animation-play-state:var(--drowsy-play);transition:filter 1s linear,scale 1s linear}.is-drowsy.is-nodding.mode-camera .view,.is-drowsy.is-nodding.mode-demo .view{animation:9s ease-in-out infinite alternate drowsy-sway,6s ease-in-out infinite drowsy-nod;animation-play-state:var(--drowsy-play)}@keyframes drowsy-sway{0%{translate:calc(var(--drowsy) * -1.3%) calc(var(--drowsy) * 0.7%);rotate:calc(var(--drowsy) * -.8deg)}to{translate:calc(var(--drowsy) * 1.3%) calc(var(--drowsy) * -0.5%);rotate:calc(var(--drowsy) * .8deg)}}@keyframes drowsy-nod{0%,78%,to{transform:none}91%{transform:translateY(calc(var(--drowsy) * 3%))}94%{transform:translateY(calc(var(--drowsy) * -0.6%))}}.drowsy{z-index:2;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.is-drowsy .drowsy{display:block}.drowsy-tint,.drowsy-tunnel,.drowsy-haze,.drowsy-marks{position:absolute;inset:0}.drowsy-tint{opacity:calc(var(--drowsy) * .38);background:linear-gradient(#28185699,#0e0822b3);transition:opacity 1s linear}.drowsy-tunnel{opacity:var(--drowsy);scale:calc(1.6 - var(--drowsy) * .6);background:radial-gradient(64% 56% at 50% 46%,#0000 42%,#1006228c 72%,#080312f0 100%);transition:opacity 1s linear,scale 1s linear}.drowsy-tunnel:after{content:"";opacity:0;background:radial-gradient(56% 48% at 50% 46%,#0000 46%,#0803128c 100%);animation:5s ease-in-out infinite drowsy-breathe;position:absolute;inset:0}@keyframes drowsy-breathe{0%,to{opacity:0}50%{opacity:1}}.drowsy-haze{opacity:calc(var(--drowsy) * .9);transition:opacity 1s linear}.haze{background:radial-gradient(circle,#c8bcff3d,#0000 64%);border-radius:50%;width:80vmax;height:80vmax;position:absolute}.haze-a{animation:14s ease-in-out infinite alternate drowsy-drift-a;top:-8vmax;left:-46vmax}.haze-b{animation:17s ease-in-out infinite alternate drowsy-drift-b;bottom:-18vmax;right:-46vmax}@keyframes drowsy-drift-a{to{translate:14vmax 10vmax}}@keyframes drowsy-drift-b{to{translate:-16vmax -12vmax}}.drowsy-marks{opacity:clamp(0, calc((var(--drowsy) - .35) * 2.5), 1);transition:opacity 1s linear}.drowsy-mark{fill:none;stroke:#ece6fff2;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #aa96ffbf);opacity:0;width:30px;height:35px;animation:4.8s ease-out infinite drowsy-mark;position:absolute;bottom:36%;right:20%}.drowsy-mark:nth-child(2){width:23px;height:27px;animation-delay:1.6s;right:27%}.drowsy-mark:nth-child(3){width:18px;height:21px;animation-delay:3.2s;right:16%}@keyframes drowsy-mark{0%{opacity:0;transform:translate(0)scale(.6)rotate(-10deg)}18%{opacity:1}to{opacity:0;transform:translate(-30px,-24vh)scale(1.3)rotate(12deg)}}.app{--drowsy-play:running}.app.is-frozen{--drowsy-play:paused}.is-frozen .drowsy *,.is-frozen .drowsy :after{animation-play-state:paused}.eyelids{z-index:3;pointer-events:none;opacity:min(1, calc(var(--closure) * 10));transition:opacity .4s linear;position:absolute;inset:0}.lid{width:150%;height:52%;transition:transform .45s linear;position:absolute;left:-25%}.lid-top{transform:translateY(calc((var(--closure) - 1) * 100%));top:0}.lid-bottom{transform:translateY(calc((1 - var(--closure)) * 100%));bottom:0}.lid-shape{background:radial-gradient(#0d0816 55%,#160c24 100%);width:100%;height:100%;box-shadow:0 0 70px 34px #08041099}.lid-top .lid-shape{border-radius:0 0 50% 50%/0 0 42% 42%}.lid-bottom .lid-shape{border-radius:50% 50% 0 0/42% 42% 0 0}.is-blinking .lid-top .lid-shape{animation:6s ease-in-out infinite blink-top}.is-blinking .lid-bottom .lid-shape{animation:6s ease-in-out infinite blink-bottom}.is-shutting .lid{transition:transform 1.1s cubic-bezier(.5,0,.75,.4)}@keyframes blink-top{0%,86%,to{transform:translateY(0)}92%{transform:translateY(16vh)}}@keyframes blink-bottom{0%,86%,to{transform:translateY(0)}92%{transform:translateY(-16vh)}}.hud-top{z-index:4;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) 0 calc(var(--safe-left) + 12px);pointer-events:none;grid-template-columns:56px 1fr 56px;align-items:start;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud-top button{pointer-events:auto}.icon-button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.icon-button:disabled{opacity:.4}.hud-center{text-align:center;text-shadow:0 1px 3px #000000b3;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.brand{font-family:var(--hand);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;font-size:19px;line-height:1.1;display:flex}.brand-eye{width:26px;height:26px}.level{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.meter{border:1.5px solid hsl(var(--hue) 90% 62% / .75);width:min(260px,62vw);height:30px;box-shadow:0 0 14px hsl(var(--hue) 90% 55% / .35);background:#0a081294;border-radius:999px;position:relative;overflow:hidden}.meter-fill{width:max(0px, calc(var(--fill) - 6px));background:linear-gradient(180deg, hsl(var(--hue) 85% 60%), hsl(var(--hue) 90% 42%));box-shadow:0 0 12px hsl(var(--hue) 90% 55% / .6);border-radius:999px;transition:width .3s linear;position:absolute;inset-block:3px;inset-inline-start:3px}.meter-text{letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:14px;font-weight:800;line-height:27px;display:block;position:relative}.meter.is-low{animation:1.1s ease-in-out infinite meter-pulse}@keyframes meter-pulse{50%{box-shadow:0 0 22px hsl(var(--hue) 95% 55% / .75)}}.objective{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:8px;max-width:min(340px,78vw);padding:6px 14px;font-size:14px;line-height:1.3;display:inline-flex}.objective-dot{border:2px solid var(--gold);border-radius:50%;flex:none;width:12px;height:12px}.hint{color:#d9c2ff;font-size:12px}.mode-badge{border:1px solid var(--line);letter-spacing:.04em;color:var(--muted);background:#0a081280;border-radius:999px;padding:2px 10px;font-size:11px}.mode-badge-camera{color:#ffd99a;border-color:#f6b73cb3}.hud-bottom{z-index:4;left:50%;bottom:calc(var(--safe-bottom) + 22px);pointer-events:none;background:#0a08126b;border-radius:999px;align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute;transform:translate(-50%)}.steps{align-items:center;gap:10px;padding:0;list-style:none;display:flex}.step{color:#ffffffb3;place-items:center;transition:color .3s,filter .3s;display:grid}.step-dot{border:2px solid;border-radius:50%;width:24px;height:24px;transition:background .3s,box-shadow .3s}.step-item.is-done{color:var(--gold)}.step-item.is-done .step-dot{background:var(--gold);box-shadow:0 0 12px var(--gold)}.step-svg{width:22px;height:30px}.step-battery.is-done{color:var(--battery);filter:drop-shadow(0 0 6px var(--battery))}.step-battery.is-done .step-svg rect{fill:#ffd23f59}.step-alarm .step-svg{width:30px}.step-alarm.is-done{color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}.step-count{font-size:18px;font-weight:700}.touch-zone{z-index:4;left:50%;bottom:calc(var(--safe-bottom) + 88px);position:absolute;transform:translate(-50%)}.touch-button{border:1.5px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);min-width:132px;color:var(--muted);border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:12px 18px 10px;transition:border-color .25s,box-shadow .25s,color .25s,transform .15s;display:flex}.touch-button:disabled{cursor:default}.touch-button.is-ready{border-color:var(--cyan);color:var(--ink);animation:1.2s ease-in-out infinite touch-pulse;box-shadow:0 0 22px #3ee8ff73}.touch-button.is-ready:active{transform:scale(.95)}.touch-icon{width:38px;height:38px}.touch-button.is-ready .touch-icon{color:var(--cyan)}.touch-text{font-size:14px;font-weight:700}@keyframes touch-pulse{50%{box-shadow:0 0 34px #3ee8ffb3}}.mode-ar .toast-region{bottom:calc(var(--safe-bottom) + 190px)}.toast-region{z-index:5;left:0;right:0;bottom:calc(var(--safe-bottom) + 92px);pointer-events:none;justify-content:center;display:flex;position:absolute}.toast{border:1px solid var(--line);background:var(--glass-strong);text-align:center;border-radius:14px;max-width:min(360px,86vw);padding:8px 16px;font-weight:600;animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.tracking-banner{z-index:6;color:#ffe0a8;text-align:center;background:#1e1406d9;border:1px solid #f6b73cb3;border-radius:16px;width:min(360px,100vw - 32px);padding:14px 18px;font-weight:600;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.offscreen{z-index:4;pointer-events:none;position:absolute;inset:0}.offscreen-marker{width:44px;height:44px;color:var(--cyan);background:#08141c8c;border:1px solid #3ee8ff99;border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite marker-pulse;display:grid;position:absolute;box-shadow:0 0 16px #3ee8ff73}@keyframes marker-pulse{50%{box-shadow:0 0 26px #3ee8ffbf}}.scan-panel{z-index:6;left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 14px);border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);text-align:center;border-radius:22px;max-width:460px;margin:0 auto;padding:18px;position:absolute}.scan-title{font-size:18px}.scan-message{color:var(--muted);margin-top:6px}.scan-ready{color:var(--success)}.scan-unsuitable,.scan-notFloor{color:#ffd99a}.room-size{gap:8px;margin-top:14px;display:grid}.room-size-label{font-size:14px;font-weight:700}.segmented{gap:6px;display:flex}.segment{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex:1;min-height:48px;font-weight:600}.segment[aria-pressed=true]{border-color:var(--success);background:#9cffc829}.room-size-hint{color:var(--muted);font-size:13px}.backdrop{z-index:8;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);background:#05030a80;place-items:center;display:grid;position:absolute;inset:0}.backdrop-soft{background:#05030a40}.card{border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);text-align:center;border-radius:22px;width:min(420px,100%);max-height:100%;padding:22px;animation:.25s ease-out card-in;overflow-y:auto;box-shadow:0 18px 50px #00000080}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.card-title{font-family:var(--hand);font-size:26px;line-height:1.2}.card-danger .card-title{color:var(--danger)}.card-success .card-title{color:var(--success)}.card-body{color:var(--muted);margin-top:8px}.card .settings{margin-top:16px}.starting{text-align:start;align-items:center;gap:14px;display:flex}.starting .card-body{margin:0}.spinner{border:3px solid #fff3;border-top-color:var(--gold);border-radius:50%;flex:none;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.actions{gap:10px;margin-top:18px;display:grid}.actions-row{grid-template-columns:1fr 2fr;margin-top:14px}.button{background:#ffffff14;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:10px 18px;font-size:16px;font-weight:650;transition:transform .12s,background .2s,opacity .2s;display:inline-flex}.button:active{transform:scale(.97)}.button:disabled{opacity:.45;cursor:default}.button-primary{color:#1d1205;background:linear-gradient(#ffd27a,#f0a72e);border-color:#0000;box-shadow:0 6px 22px #f6b73c59}.button-large{min-height:66px;font-size:19px}.button-note{opacity:.75;font-size:12px;font-weight:600}.settings{gap:8px;display:grid}.toggle{border:1px solid var(--line);text-align:start;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:50px;padding:8px 14px;display:flex}.toggle-label{flex:1;font-weight:600}.toggle-state{color:var(--muted);font-size:13px}.toggle-track{background:#fff3;border-radius:999px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.toggle-thumb{top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;inset-inline-start:3px}.toggle[aria-checked=true] .toggle-track{background:#3fbf7f}.toggle[aria-checked=true] .toggle-thumb{transform:translate(18px)}[dir=rtl] .toggle[aria-checked=true] .toggle-thumb{transform:translate(-18px)}.language{gap:8px;display:flex}.language-option{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex:1;min-height:48px;font-weight:600}.language-option[aria-pressed=true]{border-color:var(--gold);background:#f6b73c2e}.start{z-index:9;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 18px);background:radial-gradient(70% 45% at 50% 0,#6e46be59,#0000 70%),radial-gradient(60% 40% at 50% 100%,#f6b73c1f,#0000 70%),#07060c;position:absolute;inset:0;overflow-y:auto}.start-inner{flex-direction:column;gap:16px;max-width:460px;margin:0 auto;display:flex}.start-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.start-eye{width:54px;height:54px;color:var(--gold);filter:drop-shadow(0 0 10px #f6b73c99)}.start-title{font-family:var(--hand);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 22px #f6b73c59;font-size:clamp(34px,10vw,46px);line-height:1.1}.start-tagline{color:var(--muted)}.start-card{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:16px 18px}.start-subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:15px}.start-steps{gap:6px;margin-top:8px;padding-inline-start:22px;display:grid}.support{border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:14px}.support-ar{color:var(--success);border-color:#9cffc899}.support-camera{color:#ffd99a;border-color:#f6b73c99}.support-demo,.support-checking{color:var(--muted)}.start-actions{gap:10px;display:grid}.start-notes{color:var(--muted);gap:6px;padding-inline-start:18px;font-size:13px;display:grid}:lang(ar) .brand,:lang(ar) .level,:lang(ar) .meter-text,:lang(ar) .mode-badge,:lang(ar) .start-title,:lang(ar) .start-subtitle,:lang(ar) .card-title{letter-spacing:0;text-transform:none;font-family:inherit}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation:none!important}@media (orientation:landscape) and (max-height:520px){.hud-center{gap:3px}.brand-eye,.hint{display:none}.toast-region{bottom:calc(var(--safe-bottom) + 76px)}.touch-zone{left:auto;right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 16px);transform:none}.mode-ar .toast-region{bottom:calc(var(--safe-bottom) + 76px)}}