*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #080f14;--panel: #0e1e2a;--surface: #0e1e2a;--card: #132333;--card2: #0f1e2d;--border: rgba(126,200,227,.08);--border2: rgba(126,200,227,.15);--sky: #7ec8e3;--skylt: #b8dff0;--skydim: #4a8fa3;--accent: #7ec8e3;--accent2: #b8dff0;--accent-bg: rgba(126,200,227,.08);--white: #ffffff;--offwht: #dff0f8;--muted: #6fa8be;--black: #0a0a0a;--green: #4caf8a;--green-bg: rgba(76,175,138,.1);--red: #d95f5f;--orange: #e8975a;--purp: #8b7fd4;--yellow: #e8d15a;--gray1: #dff0f8;--gray2: #6fa8be;--gray3: #4a8fa3;--gray4: #1a3040;--mono: "Space Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}html{height:100%;overflow:hidden}#root{height:100%}body{background:var(--bg);color:var(--gray1);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;overflow:hidden;font-size:16px;-webkit-font-smoothing:antialiased}#app{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{flex-shrink:0;height:calc(56px + var(--safe-top));padding-top:var(--safe-top);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding-left:16px;padding-right:16px;justify-content:space-between;z-index:100;position:relative}.topbar-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.topbar-logo-mark{width:32px;height:32px;background:var(--skylt);border-radius:8px;display:flex;align-items:center;justify-content:center}.topbar-logo-text{font-size:17px;font-weight:800;color:var(--white);letter-spacing:-.5px}.topbar-right{display:flex;gap:8px;align-items:center}.topbar-btn{width:36px;height:36px;background:var(--card);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.topbar-btn:active{background:var(--card2)}.topbar-home-btn{width:36px;height:36px;background:var(--accent-bg);border:1px solid rgba(126,200,227,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.topbar-home-btn:active{background:var(--accent)}.app-content{flex:1;overflow:hidden;position:relative}.bottomnav{flex-shrink:0;height:calc(60px + var(--safe-bot));padding-bottom:var(--safe-bot);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:100}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .15s;position:relative}.bnav-item.active .bnav-icon svg{color:var(--accent);stroke:var(--accent)}.bnav-item.active .bnav-label{color:var(--accent)}.bnav-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.bnav-icon svg{width:22px;height:22px;stroke:var(--gray3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.bnav-label{font-size:10px;font-weight:600;color:var(--gray3);letter-spacing:.2px;transition:color .15s}.auth-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;background:radial-gradient(ellipse at 70% 10%,rgba(126,200,227,.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 90%,rgba(74,143,163,.06) 0%,transparent 60%),var(--bg)}.auth-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:clamp(20px,5vh,40px) clamp(20px,5vw,28px);max-width:460px;width:100%;margin:0 auto}.auth-logo-wrap{width:clamp(52px,10vw,80px);height:clamp(52px,10vw,80px);background:var(--skylt);border-radius:clamp(14px,3vw,20px);display:flex;align-items:center;justify-content:center;margin:0 auto clamp(12px,2.5vh,20px);box-shadow:0 0 50px #7ec8e34d}.auth-logo-wrap span{font-family:var(--mono);font-weight:700;font-size:clamp(20px,3.5vw,28px);color:var(--black)}.auth-title{font-size:clamp(24px,5vw,32px);font-weight:700;color:var(--white);text-align:center;margin-bottom:clamp(2px,.8vh,6px)}.auth-title span{color:var(--sky)}.auth-sub{font-size:clamp(12.5px,1.8vw,14px);color:var(--gray2);text-align:center;line-height:1.6;margin-bottom:clamp(18px,4vh,36px);max-width:280px}.auth-max{width:100%;max-width:360px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(11px,1.8vh,14px);border-radius:12px;font-family:DM Sans,sans-serif;font-size:clamp(13.5px,2vw,15px);font-weight:600;cursor:pointer;transition:all .15s;border:none;margin-bottom:clamp(6px,1.2vh,10px)}.auth-social-btn:active{transform:scale(.98)}.auth-google{background:#fff;color:#1f1f1f}.auth-apple{background:#1c1c1e;color:#fff;border:1px solid var(--border2)}.auth-email{background:var(--card);color:var(--gray1);border:1px solid var(--border2)}.auth-divider{display:flex;align-items:center;gap:12px;margin:clamp(2px,.8vh,6px) 0 clamp(8px,2vh,16px)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:12px;color:var(--gray3)}.auth-footer{font-size:11px;color:var(--gray3);margin-top:clamp(8px,1.5vh,14px);text-align:center;line-height:1.5}.page-pad{padding:20px 16px}.section-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:-.2px}.spacer-safe{height:calc(20px + var(--safe-bot))}.home-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.home-hero{padding:20px 16px 0}.home-greeting{font-size:13px;color:var(--gray3);font-weight:500;margin-bottom:2px}.home-name{font-size:26px;font-weight:800;color:var(--white);letter-spacing:-.5px;margin-bottom:16px}.chips-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;scrollbar-width:none;margin:0 -16px;padding-left:16px;padding-right:16px}.chips-row::-webkit-scrollbar{display:none}.chip{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card);border:1px solid var(--border);border-radius:20px;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:500;color:var(--gray2);transition:all .15s;flex-shrink:0}.chip.active{background:var(--accent-bg);border-color:#7ec8e366;color:var(--accent2);font-weight:600}.chip svg{width:14px;height:14px;flex-shrink:0}.impact-banner{background:var(--green-bg);border:1px solid rgba(34,197,94,.2);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.impact-icon{width:36px;height:36px;background:#22c55e26;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.impact-icon svg{width:18px;height:18px;stroke:var(--green)}.impact-text h4{font-size:13px;font-weight:700;color:var(--green);margin-bottom:1px}.impact-text p{font-size:12px;color:var(--gray2);line-height:1.4}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.size-tile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 6px;text-align:center}.size-tile-label{font-size:9px;font-weight:600;color:var(--gray3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.size-tile-val{font-size:18px;font-weight:800;color:var(--accent2);font-family:var(--mono);line-height:1}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.action-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:all .15s}.action-card:active{background:var(--card2);transform:scale(.98)}.action-card-icon{width:40px;height:40px;background:var(--accent-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.action-card-icon svg{width:20px;height:20px;stroke:var(--accent2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-card-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}.action-card-sub{font-size:11px;color:var(--gray3)}.card-block{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:14px}.card-block-header{padding:12px 16px;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-block-title{font-size:12px;font-weight:700;color:var(--accent2);letter-spacing:.5px;text-transform:uppercase;font-family:var(--mono)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .15s;letter-spacing:-.1px}.btn:active{transform:scale(.98)}.btn-accent{background:var(--accent);color:var(--black);font-weight:700;box-shadow:0 6px 24px #7ec8e340}.btn-accent:active{background:#5ba8c0}.btn-ghost{background:var(--card);color:var(--gray1);border:1px solid var(--border2)}.btn-ghost:active{background:var(--card2)}.btn+.btn{margin-top:10px}.btn.btn-disabled,.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;pointer-events:none}.spacer12{height:12px}.results-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.results-hero-band{background:linear-gradient(135deg,var(--card) 0%,var(--card2) 100%);padding:20px 16px 16px;border-bottom:1px solid var(--border)}.results-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:3px}.results-subtitle{font-size:12px;color:var(--gray3)}.scan-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-bg);border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;color:var(--green);font-family:var(--mono);letter-spacing:.3px;margin-bottom:10px}.scan-badge svg{width:10px;height:10px;fill:var(--green)}.size-cards-2x2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.sz-card{background:var(--card2);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center;position:relative;overflow:hidden}.sz-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.sz-card.c-accent:after{background:var(--accent)}.sz-card.c-green:after{background:var(--green)}.sz-card.c-orange:after{background:var(--orange)}.sz-label{font-size:9px;font-weight:700;color:var(--gray3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.sz-val{font-size:22px;font-weight:800;color:var(--accent2);font-family:var(--mono);line-height:1.1;margin-bottom:3px}.sz-card.c-green .sz-val{color:var(--green)}.sz-card.c-orange .sz-val{color:var(--orange);font-size:14px;margin-top:4px}.sz-conf{font-size:10px;color:var(--gray3)}.sz-conf strong{color:var(--green)}.meas-row{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border)}.meas-row:last-child{border-bottom:none}.meas-name{font-size:13px;color:var(--gray1);width:120px;flex-shrink:0}.meas-bar-track{flex:1;height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin:0 10px}.meas-bar-fill{height:100%;background:linear-gradient(90deg,var(--gray4),var(--accent));border-radius:2px}.meas-right{text-align:right;min-width:72px}.meas-val{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent2)}.meas-conf{font-size:9px;color:var(--gray3)}.style-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 12px}.style-scroll::-webkit-scrollbar{display:none}.style-chip{padding:7px 14px;background:var(--card);border:1px solid var(--border);border-radius:20px;white-space:nowrap;font-size:12px;font-weight:500;color:var(--gray2);cursor:pointer;transition:all .15s;flex-shrink:0}.style-chip.active{background:var(--accent-bg);border-color:#7ec8e359;color:var(--accent2);font-weight:600}.results-sizes-meta{font-size:11px;color:var(--gray3);margin:-6px 0 10px 2px;letter-spacing:.1px}.brand-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);gap:12px}.brand-row:last-child{border-bottom:none}.brand-left{flex:1;min-width:0}.brand-name{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px;letter-spacing:-.1px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-dims{font-size:12px;color:var(--gray3);font-weight:500}.brand-dims.brand-dims-hint{font-size:11px;font-style:italic;color:var(--accent2);margin-top:2px;opacity:.85}.brand-row-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:6px;color:var(--green);background:var(--green-bg);border:1px solid rgba(34,197,94,.25)}.fit-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px}.fit-badge-lg{font-size:14px;padding:7px 14px;border-radius:10px;letter-spacing:.2px;min-width:52px;text-align:center}.fit-great{background:var(--green-bg);color:var(--green)}.fit-good{background:var(--accent-bg);color:var(--accent2)}.fit-tight{background:#f973161a;color:var(--orange)}.fit-loose{background:#8b7fd41a;color:#8b7fd4}.fit-outside{background:#ffffff0d;color:var(--gray2)}.results-confidence-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin:14px 0 12px}.results-confidence-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #ffffff0a}.results-confidence-body{flex:1;min-width:0}.results-confidence-label{font-size:14px;font-weight:700;color:var(--white);letter-spacing:-.1px}.results-confidence-sub{font-size:12px;color:var(--gray3);margin-top:2px;line-height:1.35}.results-confidence-card.conf-high .results-confidence-dot{background:var(--green);box-shadow:0 0 0 4px #22c55e2e}.results-confidence-card.conf-medium .results-confidence-dot{background:var(--accent2);box-shadow:0 0 0 4px #7ec8e32e}.results-confidence-card.conf-low .results-confidence-dot{background:#c9a557;box-shadow:0 0 0 4px #c9a5572e}.results-waist-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--green);background:var(--green-bg);border:1px solid rgba(34,197,94,.25);padding:4px 8px;border-radius:999px;flex-shrink:0}.results-waist-nudge{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:#7ec8e30f;border:1px solid rgba(126,200,227,.22);border-radius:12px;margin-bottom:14px;cursor:pointer;color:inherit;text-align:left;font-family:inherit;transition:background .15s,border-color .15s}.results-waist-nudge:hover{background:#7ec8e31a;border-color:#7ec8e359}.results-waist-nudge:active{transform:scale(.995)}.results-waist-nudge-text{flex:1;min-width:0}.results-waist-nudge-title{font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.1px}.results-waist-nudge-sub{font-size:11px;color:var(--gray3);margin-top:1px}.results-waist-nudge-arrow{stroke:var(--accent2);flex-shrink:0}.manual-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.manual-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.manual-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.back-inline{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent2);font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px;font-family:DM Sans,sans-serif}.field-group-title{font-size:12px;font-weight:700;color:var(--accent2);font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.field-row{margin-bottom:10px}.field-row label{font-size:12px;color:var(--gray2);display:block;margin-bottom:5px}.field-inner{display:flex;align-items:center;gap:8px}.field-input{flex:1;background:var(--card2);border:1px solid var(--border2);border-radius:10px;padding:11px 14px;color:var(--white);font-family:var(--mono);font-size:15px;outline:none;transition:border-color .15s;width:100%}.field-input:focus{border-color:var(--accent)}.field-unit{font-size:12px;color:var(--gray3);width:24px;flex-shrink:0}.field-conf{font-size:11px;color:var(--gray3);margin-top:2px}.scan-setup-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scan-setup-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.scan-setup-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.scan-setup-field-label{font-size:11px;color:var(--gray3);margin-bottom:5px}.scan-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.action-card.scan-type-active{border-color:#7ec8e380;background:var(--accent-bg)}.camera-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overflow:hidden}.scan-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam-overlay-top{position:absolute;top:0;left:0;right:0;padding:16px 16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%);z-index:10;pointer-events:all}.cam-top-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cam-top-row>:first-child{justify-self:start}.cam-top-row>:nth-child(2){justify-self:center}.cam-top-row>:last-child{justify-self:end}.cam-pill{background:#121218d9;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cam-phase-pill{color:var(--accent2);font-family:var(--mono)}.cam-status-pill{color:var(--gray1)}.cam-back-btn{width:38px;height:38px;background:#121218d9;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cam-back-btn svg{width:20px;height:20px;stroke:var(--gray1)}.cam-overlay-bot{position:absolute;bottom:0;left:0;right:0;padding:0 20px calc(20px + var(--safe-bot));background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);z-index:10;pointer-events:all}.cam-progress-track{height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:12px;overflow:hidden}.cam-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .1s linear}.cam-angle-dots{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.angle-dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:all .3s}.angle-dot.done{background:var(--green)}.angle-dot.scanning{background:var(--accent);animation:dotPulse .8s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.cam-hint{font-size:13px;color:#fffc;text-align:center;margin-bottom:16px;line-height:1.4}.cam-trigger-wrap{display:flex;justify-content:center;align-items:center;gap:20px}.cam-trigger{width:66px;height:66px;background:var(--accent);border-radius:50%;border:3px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 28px #7ec8e380;transition:all .15s}.cam-trigger svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2}.cam-trigger.scanning{background:var(--red);box-shadow:0 0 28px #ef444480;animation:trigPulse 1s ease-in-out infinite}.cam-trigger.done{background:var(--green);box-shadow:0 0 28px #22c55e80}@keyframes trigPulse{0%,to{box-shadow:0 0 28px #ef444466}50%{box-shadow:0 0 44px #ef4444b3}}.cam-readiness-badge{position:absolute;top:68px;left:50%;transform:translate(-50%);z-index:12;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s,color .3s,border-color .3s;white-space:nowrap;pointer-events:none}.cam-readiness-badge.not-ready{background:#d95f5f33;color:#f87171;border:1px solid rgba(217,95,95,.35)}.cam-readiness-badge.ready{background:#4caf8a33;color:#4caf8a;border:1px solid rgba(76,175,138,.35)}.cam-readiness-badge.armed{background:#7ec8e326;color:var(--accent2);border:1px solid rgba(126,200,227,.3);animation:dotPulse 1s ease-in-out infinite}.cam-foot-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:40%;border:2px dashed rgba(255,255,255,.18);border-radius:30% 30% 12px 12px;z-index:3;pointer-events:none;transition:border-color .3s,opacity .3s,width .4s,height .4s,border-radius .4s}.cam-foot-outline.side{width:70%;height:35%;border-radius:12px}.cam-foot-outline.ready{border-color:#4caf8a66}.cam-card-guide{position:absolute;bottom:8px;right:8px;width:54px;height:34px;border:1.5px dashed rgba(126,200,227,.5);border-radius:4px;display:flex;align-items:center;justify-content:center}.cam-card-label{font-size:9px;font-weight:600;color:#7ec8e399;text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono)}.cam-foot-outline.scanning{opacity:0}.cam-body-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36%;height:78%;border:5px dashed rgba(255,255,255,.55);border-radius:50% 50% 20% 20%/30% 30% 10% 10%;z-index:3;pointer-events:none;transition:border-color .3s,box-shadow .3s,opacity .3s}.cam-body-outline.red{border-color:#ff5a5af2;box-shadow:0 0 32px #d95f5f73}.cam-body-outline.yellow{border-color:#ffdc50f2;box-shadow:0 0 32px #e8d15a73}.cam-body-outline.green{border-color:#6eebaafa;box-shadow:0 0 48px #4caf8a8c}.cam-body-outline.ready{border-color:#4caf8a66}.cam-body-outline.scanning{opacity:0}.camera-screen.body-scan .cam-readiness-badge{font-size:28px;font-weight:900;padding:16px 32px;top:74px;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.65);box-shadow:0 4px 22px #00000080}.camera-screen.body-scan .cam-phase-pill{font-size:18px;padding:12px 22px;font-weight:900}.camera-screen.body-scan .cam-hint{font-size:26px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.75)}.camera-screen.body-scan .cam-progress-track{height:10px;margin-bottom:14px}.camera-screen.body-scan .cam-back-btn{width:50px;height:50px;background:#0a0f14eb;border:2px solid rgba(255,255,255,.35)}.camera-screen.body-scan .cam-back-btn svg{width:28px;height:28px;stroke:#fff;stroke-width:3}.cam-pill-lg{font-size:14px!important;padding:8px 18px!important;letter-spacing:1px}.cam-badge-lg{font-size:17px;padding:10px 24px}.cam-readiness-badge.grade-red{background:#b42828eb;color:#fff;border:2px solid rgba(255,180,180,.6)}.cam-readiness-badge.grade-yellow{background:#be961eeb;color:#fff;border:2px solid rgba(255,235,150,.7)}.cam-readiness-badge.grade-green{background:#288c5af0;color:#fff;border:2px solid rgba(160,255,200,.7)}.cam-ready-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:#288c5a8c;border:5px solid rgba(160,255,200,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;box-shadow:0 0 36px #4caf8a99;animation:checkPulse 1.5s ease-in-out infinite}.cam-ready-check svg{width:64px;height:64px;stroke:#fff;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}@keyframes checkPulse{0%,to{box-shadow:0 0 #4caf8a4d}50%{box-shadow:0 0 0 14px #4caf8a00}}.cam-turn-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;pointer-events:none;padding:24px 32px;background:#080f14e0;border:1px solid rgba(126,200,227,.2);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:240px}.cam-turn-check{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:#6ed7a8;margin-bottom:12px;font-family:var(--mono)}.cam-turn-check svg{width:22px;height:22px;stroke:#6ed7a8;fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.cam-turn-title{font-size:38px;font-weight:900;color:var(--white);margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 2px 6px rgba(0,0,0,.7)}.cam-turn-sub{font-size:19px;font-weight:600;color:#fff;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.6)}.cam-scan-cta{text-align:center;margin-bottom:14px;padding:0 12px}.cam-scan-cta-title{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.3px;line-height:1.15;margin-bottom:6px;text-shadow:0 2px 6px rgba(0,0,0,.75)}.cam-scan-cta-sub{font-size:15px;font-weight:600;color:#fff;opacity:.88;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.65)}.cam-trigger:not(.armed):not(.scanning){animation:trigIdlePulse 1.7s ease-out infinite}@keyframes trigIdlePulse{0%{box-shadow:0 0 #7ec8e38c}70%{box-shadow:0 0 0 22px #7ec8e300}to{box-shadow:0 0 #7ec8e300}}.cam-scan-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.cam-scan-step{font-size:24px;font-weight:900;color:#fff;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:14px;text-shadow:0 1px 4px rgba(0,0,0,.75)}.cam-scan-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#7ec8e3e6;border-radius:50%;font-size:19px;font-weight:900;color:#0a1014;font-family:var(--mono);flex-shrink:0}.cam-trigger.armed{background:var(--accent);animation:trigArmed 1.2s ease-in-out infinite}@keyframes trigArmed{0%,to{box-shadow:0 0 28px #7ec8e34d}50%{box-shadow:0 0 44px #7ec8e399}}.cam-trigger.disabled{background:var(--gray4);box-shadow:none;opacity:.4;cursor:default;border-color:#ffffff26}.camera-screen.body-scan .cam-trigger:not(.disabled):not(.armed):not(.scanning){box-shadow:0 0 36px #7ec8e3bf;border-color:#ffffff80}.cam-status-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:5;pointer-events:none}.cam-status-spinner{width:48px;height:48px;border-radius:50%;border:2px solid rgba(126,200,227,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}.cam-status-text{font-size:14px;font-weight:600;color:var(--gray1);text-align:center}.cam-status-sub{font-size:12px;color:var(--gray3);text-align:center}.perm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;z-index:20}.perm-overlay.show{display:flex}.perm-icon{width:72px;height:72px;background:var(--card2);border-radius:20px;display:flex;align-items:center;justify-content:center}.perm-icon svg{width:32px;height:32px;stroke:var(--gray3);fill:none;stroke-width:1.5}.perm-title{font-size:20px;font-weight:800;color:var(--white);text-align:center}.perm-body{font-size:14px;color:var(--gray2);text-align:center;line-height:1.6}.processing-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.proc-spinner{width:80px;height:80px;border-radius:50%;border:2px solid rgba(126,200,227,.15);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.proc-logo{font-family:var(--mono);font-weight:700;font-size:22px;color:var(--black);background:var(--skylt);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.proc-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:6px}.proc-sub{font-size:13px;color:var(--gray2);margin-bottom:28px}.proc-list{width:100%;max-width:300px}.proc-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--gray3);transition:color .25s}.proc-row:last-child{border-bottom:none}.proc-row.active{color:var(--accent2)}.proc-row.done{color:var(--gray1)}.proc-dot{width:6px;height:6px;border-radius:50%;background:var(--gray4);flex-shrink:0;transition:background .25s}.proc-row.active .proc-dot{background:var(--accent);animation:dotPulse .7s ease-in-out infinite}.proc-row.done .proc-dot{background:var(--green)}.profiles-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.profiles-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.profiles-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.profiles-list{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.profile-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.profile-item:last-child{border-bottom:none}.profile-item:active{background:var(--card2)}.profile-icon{width:40px;height:40px;background:var(--accent-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-icon svg{stroke:var(--accent2)}.profile-info{flex:1;min-width:0}.profile-name{font-size:14px;font-weight:600;color:var(--white);margin-bottom:1px}.profile-sub{font-size:12px;color:var(--gray3)}.profile-chevron{stroke:var(--gray3);flex-shrink:0}.recs-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.recs-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.recs-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.recs-list{display:flex;flex-direction:column;gap:10px}.rec-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.rec-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rec-brand{font-size:11px;font-weight:700;color:var(--gray3);text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono)}.rec-name{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}.rec-why{font-size:12px;color:var(--gray2);line-height:1.5;margin-bottom:8px}.rec-price{font-size:14px;font-weight:700;color:var(--accent2);font-family:var(--mono)}.tryon-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overflow:hidden}.tryon-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0009;z-index:10}.tryon-topbar-title{font-size:16px;font-weight:700;color:var(--white)}.tryon-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.tryon-preview-swatch{width:120px;height:120px;border-radius:20px;border:2px solid rgba(255,255,255,.15)}.tryon-preview-label{font-size:18px;font-weight:700;color:var(--white)}.tryon-preview-hint{font-size:12px;color:var(--gray3);font-family:var(--mono)}.tryon-panel{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 16px calc(16px + var(--safe-bot))}.tryon-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}.tryon-tabs::-webkit-scrollbar{display:none}.tryon-tab{padding:7px 14px;background:var(--card);border:1px solid var(--border);border-radius:20px;white-space:nowrap;font-size:12px;font-weight:500;color:var(--gray2);cursor:pointer;transition:all .15s;flex-shrink:0;font-family:DM Sans,sans-serif}.tryon-tab.active{background:var(--accent-bg);border-color:#7ec8e366;color:var(--accent2);font-weight:600}.tryon-swatches{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.tryon-swatches::-webkit-scrollbar{display:none}.tryon-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;flex-shrink:0;min-width:72px;font-family:DM Sans,sans-serif}.tryon-swatch.active{border-color:var(--accent);background:var(--accent-bg)}.tryon-swatch-color{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.tryon-swatch-label{font-size:10px;color:var(--gray2);white-space:nowrap}.sports-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sports-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.sports-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.sports-list{display:flex;flex-direction:column;gap:10px}.sport-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .15s}.sport-card.open{border-color:#7ec8e34d}.sport-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.sport-card-header:active{background:var(--card2)}.sport-icon{width:40px;height:40px;background:var(--accent-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sport-icon svg{stroke:var(--accent2)}.sport-name{flex:1;font-size:15px;font-weight:600;color:var(--white)}.sport-chevron{stroke:var(--gray3);flex-shrink:0;transition:transform .2s}.sport-chevron.open{transform:rotate(180deg)}.sport-detail{padding:0 16px 16px;border-top:1px solid var(--border)}.sport-opts{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;margin-bottom:12px}.sport-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:var(--accent-bg);border:1px solid rgba(126,200,227,.2);border-radius:10px;min-width:80px}.sport-opt-label{font-size:10px;color:var(--gray3);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.sport-opt-val{font-size:15px;font-weight:700;color:var(--accent2);font-family:var(--mono)}.sport-rows{display:flex;flex-direction:column}.sport-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.sport-row:last-child{border-bottom:none}.sport-row-label{font-size:12px;color:var(--gray2)}.sport-row-val{font-size:13px;font-weight:600;color:var(--white);font-family:var(--mono)}.foot-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.foot-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.4px;margin-bottom:4px}.foot-subtitle{font-size:13px;color:var(--gray2);margin-bottom:20px}.foot-size-display{padding:24px 16px;text-align:center}.foot-size-val{font-size:36px;font-weight:800;color:var(--accent2);font-family:var(--mono);line-height:1;margin-bottom:4px}.foot-size-label{font-size:12px;color:var(--gray3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cam-foot-steps{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.cam-foot-step{font-size:15px;font-weight:700;color:#ffffffe6;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:8px}.cam-foot-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#7ec8e333;border-radius:50%;font-size:11px;font-weight:700;color:var(--accent2);font-family:var(--mono);flex-shrink:0}.foot-calib-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;letter-spacing:.3px}.foot-calib-badge.calibrated{background:var(--green-bg);color:var(--green)}.foot-calib-badge.estimated{background:#e8975a1a;color:var(--orange)}.foot-calib-tip{font-size:12px;color:var(--gray2);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:14px;line-height:1.4}.setup-tip{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray2);line-height:1.35}.setup-tip-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent-bg);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.cam-body-silhouette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:85%;fill:#ffffff0f;stroke:#ffffffb3;stroke-width:4;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 6px rgba(0,0,0,.85))}.cam-foot-silhouette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:75%;fill:none;stroke:#ffffff1f;stroke-width:1.5;pointer-events:none}.scan-video.no-mirror{transform:scaleX(1)}