:root{--paper:#fffdf8;--ink:#12343b;--muted:#53666a;--line:#12343b2e;--line-strong:#12343b57;--teal:#2b9aa0;--coral:#e25d46;--gold:#f4c95d;--mint:#d7eef0;--arabic:Tahoma, "Segoe UI", Arial, sans-serif;--latin:Inter, ui-sans-serif, system-ui, sans-serif;font-family:var(--arabic);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #2b9aa07a}[lang=en]{font-family:var(--latin)}::selection{color:var(--paper);background:var(--ink)}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 12% 14%,#d7eef06b,#0000 28%),linear-gradient(#fffdf8 0%,#f8f1e7 100%);grid-template-rows:auto 1fr;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffdf8e0;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:68px;padding:12px clamp(16px,4vw,42px);display:grid;position:sticky;top:0}.brand-mark{aspect-ratio:1;width:42px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 26px #12343b2e}.top-actions{justify-content:flex-end;gap:8px;display:flex}button{font:inherit}.top-actions button,.icon-button,.primary-action,.secondary-action{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.top-actions button,.icon-button{color:var(--ink);background:0 0;padding:0 13px}.top-actions button:hover,.icon-button:hover,.secondary-action:hover{border-color:var(--line-strong);background:#ffffffbf}.primary-action{color:#fffdf8;background:var(--ink);padding:0 20px;box-shadow:0 14px 28px #12343b33}.primary-action:hover{background:#0b252b;transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.48;transform:none}.secondary-action{color:var(--ink);border-color:var(--line);background:#ffffffa3;padding:0 18px}.screen{width:min(1120px,100% - 32px);min-height:calc(100svh - 92px);margin:0 auto;padding:clamp(24px,6vw,68px) 0}.splash-screen,.processing-screen{text-align:center;align-content:center;place-items:center;gap:18px;display:grid}.splash-screen strong{color:var(--coral);font-size:1.05rem}.measurement-orbit,.processing-ring{aspect-ratio:.74;border:3px solid var(--ink);border-radius:50% 50% 46% 46%;width:116px;position:relative}.measurement-orbit span,.processing-ring:before,.processing-ring:after{content:"";border:2px solid var(--teal);border-radius:inherit;position:absolute;inset:18%}.measurement-orbit span+span{border-color:var(--coral);border-radius:999px;inset:34% 7%}.processing-ring{animation:1.2s ease-in-out infinite alternate pulse}.intro-screen{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(28px,6vw,72px);display:grid}.intro-copy{align-content:center;gap:18px;display:grid}.slogan-line{color:var(--coral);font-size:clamp(1rem,2.4vw,1.24rem);font-weight:800}.eyebrow{width:fit-content;color:var(--ink);background:var(--mint);border:1px solid var(--line-strong);border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:700}h1{letter-spacing:0;max-width:820px;color:var(--ink);margin:0;font-size:clamp(2.3rem,8vw,5.2rem);font-weight:800;line-height:.98}h2{letter-spacing:0;margin:0;font-size:clamp(1.15rem,3vw,1.6rem)}p{color:var(--muted);margin:0}.intro-copy>p:not(.eyebrow){max-width:620px;font-size:1.15rem}.measurement-figure{place-items:center;min-height:330px;display:grid}.measurement-figure svg{filter:drop-shadow(0 20px 30px #12343b2e);width:min(360px,100%);height:auto}.measurement-figure line{stroke:var(--coral);stroke-width:4px;stroke-linecap:round;stroke-dasharray:7 9}.measurement-figure line:nth-of-type(4){stroke:var(--teal);stroke-dasharray:3 9}.instructions-screen,.text-screen{align-content:center;gap:24px;display:grid}.section-heading{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.small-icon{aspect-ratio:1;width:42px;color:var(--ink);background:var(--gold);border:1px solid var(--line-strong);border-radius:50%;place-items:center;display:grid}.instruction-list,.reason-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.instruction-list{counter-reset:item;grid-template-columns:repeat(5,minmax(0,1fr))}.instruction-list li{border:1px solid var(--line);background:#ffffffa8;border-radius:8px;align-content:space-between;gap:14px;min-height:136px;padding:18px;display:grid}.instruction-list li:before{counter-increment:item;content:counter(item);aspect-ratio:1;width:32px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.action-row,.capture-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.capture-screen{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:clamp(20px,5vw,48px);display:grid}.camera-panel{gap:14px;display:grid}.camera-stage{background:linear-gradient(135deg, #d7eef0eb, #fff4dbe0), var(--paper);border:1px solid var(--line-strong);border-radius:8px;min-height:min(68svh,650px);transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 18px 42px #12343b1a}.camera-stage.is-scanning{border-color:#e25d46b8;box-shadow:0 18px 46px #e25d4621}.camera-stage.is-ready{border-color:#227959c2;box-shadow:0 18px 50px #22795929}.camera-stage video{object-fit:cover;width:100%;height:100%;min-height:min(68svh,650px);transform:scaleX(-1)}.camera-placeholder{color:var(--ink);align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.oval-guide{pointer-events:none;border:4px solid #e25d46eb;border-radius:50% 50% 46% 46%;transition:border-color .18s,box-shadow .18s,transform .18s;position:absolute;inset:8% 24%;box-shadow:0 0 0 999px #12343b14,0 0 34px #e25d463d}.oval-guide.is-idle{border-color:#12343b7a;box-shadow:0 0 0 999px #12343b0f,0 0 24px #12343b1f}.oval-guide.is-ready{border-color:#227959fa;transform:scale(1.01);box-shadow:0 0 0 999px #12343b0f,0 0 0 7px #2279591f,0 0 38px #22795947}.oval-guide:before{content:"";background:linear-gradient(#0000,#fffdf8b3 18% 82%,#0000);width:1px;position:absolute;top:13%;bottom:12%;left:50%;transform:translate(-50%)}.guide-line{background:#fffdf88a;height:1px;position:absolute;left:10%;right:10%}.guide-forehead{top:24%}.guide-cheek{top:49%}.guide-jaw{top:73%}.alignment-mark{aspect-ratio:1;background:#12343b24;border:2px solid #fffdf8b8;border-radius:50%;width:clamp(16px,4vw,24px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.quality-strip{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:52px;padding:10px 14px;display:grid}.quality-strip.is-ok{color:#175f46;border-color:#2279598c}.quality-strip.is-warning{color:#8f3d2e}.capture-controls{align-content:center}.capture-controls button{width:100%}.processing-screen h1{font-size:clamp(1.8rem,5vw,3.2rem)}.result-screen{align-content:center;gap:28px;display:grid}.result-summary,.rejection-panel{gap:16px;display:grid}.latin-label{font-family:var(--latin);color:var(--coral);font-weight:800}.result-stats{flex-wrap:wrap;gap:10px;display:flex}.result-stats span{border:1px solid var(--line);min-height:54px;color:var(--muted);background:#ffffffad;border-radius:8px;align-content:center;gap:2px;padding:8px 14px;display:inline-grid}.result-stats b{color:var(--ink)}.reason-list li{color:var(--muted);padding-inline-start:18px;position:relative}.reason-list li:before{content:"";inset-inline-start:0;background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:.7em}.result-grid{grid-template-columns:.8fr 1fr;align-items:center;gap:clamp(20px,5vw,48px);display:grid}.metric-list{gap:14px;display:grid}.metric-row{gap:8px;display:grid}.metric-row>div{justify-content:space-between;gap:16px;display:flex}meter{background:var(--line);border:none;width:100%;height:12px}meter::-webkit-meter-bar{background:var(--line);border:none;border-radius:999px}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg, var(--teal), var(--coral));border-radius:999px}.text-screen{max-width:820px}.text-screen p{font-size:1.08rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}@keyframes pulse{0%{opacity:.76;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}@media (width<=860px){.topbar{grid-template-columns:auto auto}.brand-mark{display:none}.top-actions{justify-content:flex-end}.top-actions span,.icon-button span{display:none}.intro-screen,.capture-screen,.result-grid,.instruction-list{grid-template-columns:1fr}.instruction-list li{min-height:92px}.camera-stage,.camera-stage video{min-height:58svh}.oval-guide{inset:10% 16%}.capture-controls{grid-template-columns:1fr;display:grid}}@media (width<=520px){.screen{width:min(100% - 22px,1120px);padding-block:20px}.topbar{padding-inline:12px}.top-actions button,.icon-button{width:44px;padding:0}.primary-action,.secondary-action{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}