:root{--brand: #5381a8;--brand-dark: #3f6588;--brand-tint: #eaf0f6;--ink: #242729;--muted: #6a737c;--line: #e2e6ea;--bg: #f4f6fa;--card: #ffffff;--good: #21a05a;--fair: #d9922b;--poor: #cf3b3b;--radius: 14px;--shadow: 0 1px 3px rgba(36, 39, 41, .08), 0 6px 20px rgba(36, 39, 41, .06);--maxw: 720px;--font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-body)}h1,h2,h3,.screen-title,.btn{font-family:var(--font-head)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--line)}.logo{height:var(--logo-h, 96px);width:auto;display:block;max-width:min(66vw,320px);object-fit:contain}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;color:var(--ink);cursor:pointer;border-radius:10px}.btn-icon:active{background:var(--brand-tint)}.btn-menu{position:absolute;left:max(8px,env(safe-area-inset-left));top:50%;transform:translateY(-50%)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#24272973;opacity:0;transition:opacity .24s ease}.scrim.show{opacity:1}.drawer{position:fixed;top:0;left:0;z-index:30;height:100%;width:min(84vw,320px);background:var(--card);box-shadow:var(--shadow);transform:translate(-100%);transition:transform .24s ease;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;border-bottom:1px solid var(--line)}.drawer-title{font-family:var(--font-head);font-weight:700;font-size:18px}.drawer-nav{list-style:none;margin:8px 0 0;padding:0}.drawer-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;border:none;background:transparent;color:var(--ink);font-family:var(--font-head);font-size:16px;font-weight:600;text-align:left;cursor:pointer}.drawer-nav button:active,.drawer-nav button:hover{background:var(--brand-tint)}.drawer-nav button.active{color:var(--brand-dark);box-shadow:inset 3px 0 0 var(--brand);background:var(--brand-tint)}.nav-icon{font-size:20px;width:24px;text-align:center}.drawer-lang{margin-top:18px;padding:14px 4px 4px;border-top:1px solid var(--line)}.drawer-lang-title{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 8px 8px}.lang-options{display:flex;gap:6px;padding:0 4px}.lang-btn{flex:1 1 0;padding:9px 6px;font-size:14px;font-family:var(--font-body);border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;cursor:pointer}.lang-btn:active,.lang-btn:hover{background:var(--brand-tint)}.lang-btn.active{border-color:var(--brand);color:var(--brand-dark);font-weight:700;background:var(--brand-tint)}.btn-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--brand-dark);font-family:var(--font-head);font-size:15px;font-weight:600;padding:6px 0;margin-bottom:6px;cursor:pointer}.btn-back:active{opacity:.6}#app{max-width:var(--maxw);margin:0 auto;padding:18px 16px 80px}.screen-title{font-size:22px;font-weight:700;margin:4px 0 2px}.screen-sub{color:var(--muted);margin:0 0 18px;font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:16px}.stepper{display:flex;gap:6px;margin-bottom:18px}.step{flex:1;display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body)}.step .step-bar{height:5px;border-radius:3px;background:var(--line);transition:background .2s,box-shadow .2s}.step .step-label{font-size:11px;color:var(--muted);text-align:center}.step.done .step-bar{background:var(--brand)}.step.current .step-bar{background:var(--brand);box-shadow:0 0 0 2px var(--brand-tint)}.step.current .step-label{color:var(--brand-dark);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:15px 18px;font-size:16px;font-weight:600;cursor:pointer;background:var(--brand);color:#fff;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--brand-tint);color:var(--brand-dark)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.big{padding:20px;font-size:18px}.btn-row{display:flex;gap:10px;margin-top:8px}.btn-row .btn{width:auto;flex:1}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 5px}input,select,textarea{width:100%;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit}textarea{resize:vertical;min-height:72px}.grid-2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.grid-surfaces{display:grid;grid-template-columns:1fr;gap:4px}.hint{font-size:13px;color:var(--muted);margin:6px 0 0}.meter{height:14px;border-radius:8px;background:var(--line);overflow:hidden;position:relative;margin:10px 0}.meter>.fill{height:100%;width:0%;background:var(--brand);transition:width 60ms linear}.meter>.thresh{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--poor)}.phase-line{font-size:15px;font-weight:600;min-height:22px}.phase-line.big{font-size:18px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.dot.good{background:var(--good)}.dot.fair{background:var(--fair)}.dot.poor{background:var(--poor)}.measure-card{text-align:center;padding:48px 0 8px;background:none;border:none;box-shadow:none}.quality-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px}.quality-legend .dot{margin-right:5px}.balloon-stage{display:grid;place-items:center;gap:16px}.balloon-btn{border:none;background:none;padding:0;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}.balloon-img-wrap{position:relative;display:inline-block;line-height:0}.balloon-img{width:var(--balloon-w, 210px);max-width:90vw;height:auto;display:block;transition:filter .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.balloon-count{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:none;min-width:58px;height:58px;padding:0 6px;box-sizing:border-box;align-items:center;justify-content:center;background:#141618b8;color:#fff;border-radius:50%;font-family:var(--font-head);font-size:30px;font-weight:700}.balloon-stage.calibrating .balloon-count{display:inline-flex}.balloon-stage.ready .balloon-img{filter:drop-shadow(0 0 11px var(--good))}.balloon-stage.noisy .balloon-img{filter:drop-shadow(0 0 11px var(--poor))}.balloon-stage.error .balloon-img{filter:drop-shadow(0 0 8px var(--muted));opacity:.7}.balloon-stage.idle .balloon-btn:active{transform:translateY(1px) scale(.98)}.balloon-stage.calibrating .balloon-img{animation:breathe 1s ease-in-out infinite}.balloon-stage.ready .balloon-img{animation:bob 1.1s ease-in-out infinite}.balloon-stage.analyzing .balloon-img{animation:spin 1s linear infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.balloon-img{animation:none!important}}.guidance{position:relative;max-width:34ch;background:var(--brand-tint);color:var(--brand-dark);border:1px solid var(--line);border-radius:14px;padding:9px 14px;font-size:13.5px;font-weight:600;line-height:1.35;box-shadow:var(--shadow)}.guidance:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--brand-tint)}.guidance.good{background:#e6f6ec;color:var(--good);border-color:#bfe6cd}.guidance.good:before{border-bottom-color:#e6f6ec}.guidance.bad{background:#fdecec;color:var(--poor);border-color:#f3c6c6}.guidance.bad:before{border-bottom-color:#fdecec}.balloon-stage .meter{width:100%;max-width:320px;margin:2px 0 0}.chart-wrap{margin:12px 0 4px}.target-swatch{display:inline-block;width:14px;height:10px;background:var(--brand);opacity:.35;border-radius:2px;vertical-align:middle;margin-right:3px}.target-swatch.grey{background:var(--muted);opacity:.28}.lc-axis{fill:var(--muted);font-size:9px;font-family:var(--font-body)}.lc-title{fill:var(--muted);font-size:10px;font-weight:600;font-family:var(--font-body);letter-spacing:.02em}.lc-grid{stroke:var(--line);stroke-width:1}.lc-axisline{stroke:var(--muted);stroke-width:1;opacity:.55}.lc-target{fill:var(--muted);opacity:.16}.lc-line{stroke:var(--muted);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;opacity:.7}.lc-dot{fill:var(--brand)}.band-strip{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.band-chip{flex:1 1 0;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:9px;border:1px solid var(--line);background:var(--card)}.band-chip .bc-freq{font-size:11px;color:var(--muted)}.band-chip .bc-val{font-size:14px;font-weight:700;font-family:var(--font-head)}.band-chip.good{border-color:color-mix(in srgb,var(--good) 55%,var(--line));background:color-mix(in srgb,var(--good) 12%,var(--card))}.band-chip.good .bc-val{color:var(--good)}.band-chip.fair{border-color:color-mix(in srgb,var(--fair) 55%,var(--line));background:color-mix(in srgb,var(--fair) 12%,var(--card))}.band-chip.fair .bc-val{color:var(--fair)}.band-chip.poor{border-color:color-mix(in srgb,var(--poor) 55%,var(--line));background:color-mix(in srgb,var(--poor) 12%,var(--card))}.band-chip.poor .bc-val{color:var(--poor)}.band-chip.none .bc-val{color:var(--muted);font-weight:600}.rt-list{width:100%;border-collapse:collapse;margin:4px 0 2px;font-variant-numeric:tabular-nums}.rt-list th,.rt-list td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:center}.rt-list thead th{color:var(--muted);font-size:12px;font-weight:600}.rt-list tbody th{text-align:left;color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap}.rt-list td{font-size:16px;font-weight:700}.rt-list td.good{color:var(--good)}.rt-list td.fair{color:var(--fair)}.rt-list td.poor{color:var(--poor)}.rt-list td.none{color:var(--muted);font-weight:500}.rt-list .avg{background:var(--brand-tint)}.rt-list tbody tr:last-child th,.rt-list tbody tr:last-child td{border-bottom:none}.card.validate{border-color:var(--fair)}.card.validate h3{color:var(--fair)}.checklist{margin:0;padding-left:20px;font-size:14px}.checklist li{margin:4px 0}table.bands{width:100%;border-collapse:collapse;font-size:14px}table.bands th,table.bands td{text-align:right;padding:7px 6px;border-bottom:1px solid var(--line)}table.bands th:first-child,table.bands td:first-child{text-align:left}table.bands tr.avg td{font-weight:700;background:var(--brand-tint)}table.bands td .dot{margin-left:6px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table.bands{min-width:560px}.meas-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.meas-row:last-child{border-bottom:none}.meas-row .info{font-size:14px}.meas-row .info b{font-size:16px}.link-danger{background:none;border:none;color:var(--poor);font-size:14px;cursor:pointer;padding:6px}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.thumb{position:relative;width:92px;height:92px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;font-size:14px;line-height:1}.filebtn{display:block;text-align:center;border:1px dashed var(--brand);color:var(--brand-dark);background:var(--brand-tint);border-radius:12px;padding:16px;cursor:pointer;font-weight:600}.filebtn input{display:none}.kv{display:grid;grid-template-columns:130px 1fr;gap:4px 12px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0}.badge{display:inline-block;background:var(--brand-tint);color:var(--brand-dark);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.note-box{background:var(--brand-tint);border:1px solid #bfe4f1;border-radius:12px;padding:12px 14px;font-size:14px;color:var(--brand-dark)}.badge.draft{background:var(--line);color:var(--muted)}.badge.sent{background:#dff1e6;color:var(--good)}.saved-group-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 2px 8px}.saved-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;padding:12px 0;cursor:pointer}.saved-row .grow{flex:1;min-width:0}.saved-row .title{font-size:16px;font-weight:600}.saved-row .meta{font-size:13px;color:var(--muted);margin-top:2px}.saved-row .chev{color:var(--muted);font-size:20px}.saved-item{display:flex;align-items:center;border-bottom:1px solid var(--line)}.saved-item:last-child{border-bottom:none}.contact-card a{color:var(--brand-dark);text-decoration:none;font-weight:600}.contact-card a:active{text-decoration:underline}.contact-card .todo{color:var(--fair);font-size:12px;font-weight:600}.hero{text-align:center;padding:30px 8px}.hero .big-icon{font-size:56px}.hero h1{font-size:26px;margin:12px 0 6px}.hero p{color:var(--muted);margin:0 auto 22px;max-width:40ch}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 16px 40px;min-height:55vh;justify-content:center}.welcome-title{font-size:27px;margin:4px 0 0}.welcome-intro{color:var(--muted);margin:8px auto 0;max-width:34ch;font-size:16px;line-height:1.55}.welcome-stage{position:relative;width:min(90vw,380px);margin:0 auto;display:grid}.welcome-stage>*{grid-area:1 / 1}.welcome-video{width:100%;height:auto;display:block;border-radius:16px;background:#000;opacity:1;transition:opacity .6s ease}.welcome-copy{align-self:center;justify-self:center;padding:8px 4px;opacity:0;pointer-events:none;transition:opacity .6s ease}.welcome-stage.done .welcome-video{opacity:0}.welcome-stage.done .welcome-copy{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.welcome-video,.welcome-copy{transition:none}.welcome-stage.done .welcome-video{display:none}}.btn-start{margin-top:10px;background:var(--ink);color:#fff;font-family:var(--font-head);font-weight:600;font-size:16px;padding:12px 40px;border:none;border-radius:999px;cursor:pointer;box-shadow:var(--shadow)}.btn-start:active{transform:translateY(1px)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.drawer,.scrim,.toast{transition:none}}@media(max-width:480px){.app-header{--logo-h: 72px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top))}#app{padding:14px 14px 80px}.screen-title{font-size:20px}}.intro-box{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(92vw,380px)}.intro-box[hidden]{display:none}.intro-video{width:100%;height:auto;display:block;border-radius:14px;box-shadow:var(--shadow);background:#000}.intro-skip{background:var(--card);color:var(--muted);font-family:var(--font-head);font-weight:600;font-size:14px;padding:8px 20px;border:1px solid var(--line);border-radius:999px;cursor:pointer}.intro-skip:active{transform:translateY(1px)}.svc-list{display:flex;flex-direction:column;gap:10px}.svc-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.svc-head{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-head)}.svc-head:active{background:var(--brand-tint)}.svc-icon{font-size:22px;width:26px;text-align:center}.svc-title{flex:1;font-size:16px;font-weight:600;color:var(--ink)}.svc-chev{color:var(--muted);font-size:22px;line-height:1;transition:transform .2s ease}.svc-item.open .svc-chev{transform:rotate(90deg)}.svc-body{display:none;padding:0 16px 16px;color:var(--muted);font-size:15px;line-height:1.6}.svc-item.open .svc-body{display:block}.svc-body p{margin:0;white-space:pre-line}