:root{--accent: #171c1b;--ink: #242a29;--muted: #5c6562;--bg: #f8f9f0;--surface: #ffffff;--line: #e0e3d4;--amber: #92650d;--amber-soft: #f6edd9;--danger: #d94848}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Noto Sans Sinhala,Noto Sans Tamil,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:20px}.s-header{text-align:center;padding:12px 0 4px}.logo-img{max-height:56px;max-width:60%;object-fit:contain}.logo-avatar{width:56px;height:56px;border-radius:14px;margin:0 auto;background:var(--accent);color:#fff;font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center}.merchant-name{font-weight:650;margin-top:8px}.node-label{margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lang-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.lang-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 15px;font-size:14px;font-weight:600;min-height:44px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.lang-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.lang-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.lang-chip{transition:none}}.entry,.unavailable{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:16px 0}.entry>*{flex:0 0 auto}@media(min-height:700px){.entry{justify-content:flex-start;padding-top:clamp(16px,5vh,48px)}}.question,.page-screen,.contact,.finish{flex:0 0 auto;display:flex;flex-direction:column;gap:18px;margin-top:clamp(12px,3vh,28px)}.big-face{width:clamp(96px,26vw,150px);height:auto;display:block;margin:0 auto 2px;color:var(--ink);transition:color .35s ease}.big-face path{transition:d .4s cubic-bezier(.22,1,.36,1)}.entry-title{font-size:clamp(34px,9vw,54px);line-height:1.02;letter-spacing:-.03em;font-weight:800;text-align:center;margin:0 0 6px;text-wrap:balance}.entry-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(5px,1.6vw,12px)}.entry-scale>*{min-width:0}.entry-scale.is-binary{grid-template-columns:repeat(2,1fr);gap:12px}.entry-scale.is-nps,.rating-scale.is-nps,.rating-scale.is-likert{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}.nps-preview{font-size:clamp(56px,16vw,88px);line-height:1;font-weight:800;text-align:center;margin:0 0 4px;letter-spacing:-.04em}.nps-tick{font-size:18px;font-weight:800;line-height:1}.scale-option.is-nps-tick{padding:12px 4px;border-radius:16px}.nps-anchors{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:clamp(11px,3vw,13px);font-weight:600;color:var(--muted)}.nps-anchors span{min-width:0}.nps-anchors span:last-child{text-align:right}.scale-option{display:grid;justify-items:center;align-content:start;gap:8px;padding:14px 6px 12px;min-height:44px;border:0;border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 2px #242a2912;font:inherit;cursor:pointer;transition:box-shadow .22s ease,transform .22s ease,background .22s ease}.scale-label{font-size:clamp(9.5px,2.6vw,13px);font-weight:600;color:var(--muted);text-align:center;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.entry-scale.is-binary .scale-label{font-size:15px}.face-svg{width:100%;max-width:96px;height:auto}@media(hover:hover){.scale-option:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px 30px -8px #242a2938}}.scale-option:focus-visible{outline:3px solid var(--face);outline-offset:3px}.scale-option:active:not(:disabled){transform:translateY(0) scale(.97)}.scale-option.is-chosen{box-shadow:0 0 0 3px var(--face),0 16px 34px #242a2924}.scale-option:disabled{cursor:default}.scale-option:disabled:not(.is-chosen){opacity:.35}.question,.page-screen,.contact,.finish{background:var(--surface);border-radius:24px;box-shadow:0 18px 44px #242a291a;padding:clamp(22px,5vw,34px);margin:0 0 8px}.shell[data-band=recovery]{background:#fbebe7}.shell[data-band=improve]{background:#faf5e4}.shell[data-band=advocacy]{background:#e7f2ec}.progress{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.on{background:var(--accent)}.q-prompt{font-size:clamp(24px,6vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0;text-wrap:balance}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:11px 17px;font-size:14.5px;min-height:44px;cursor:pointer;color:var(--muted);transition:border-color .15s,background .15s,color .15s;max-width:100%;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.chip.on{border-color:var(--accent);background:var(--accent);color:#fff}.chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pick-hint{margin:-8px 0 0;font-size:13px;color:var(--muted)}.rating-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(3px,1.2vw,10px)}.rating-scale>*{min-width:0}.rating-scale .scale-option{padding:10px 5px;border-radius:18px}.rating-scale .face-svg{max-width:68px}.rating-caption{margin:0;min-height:1.5em;text-align:center;font-size:14.5px;font-weight:600;color:var(--muted);overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.char-count{align-self:flex-end;font-size:12px;color:var(--muted)}.text-answer{width:100%;min-height:118px;border:1.5px solid var(--line);border-radius:14px;padding:14px;font:inherit;resize:vertical;background:var(--surface);color:var(--ink)}.q-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:15px 26px;font-size:15.5px;font-weight:600;cursor:pointer;min-height:48px}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14.5px;padding:12px;min-height:44px}.link-btn:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.chip,.scale-option,.big-face,.big-face path{transition:none!important}}.page-count{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.page-title{font-size:clamp(21px,5.2vw,29px);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin:-10px 0 0;text-wrap:balance}.page-intro{margin:-10px 0 0;font-size:14.5px;color:var(--muted)}.matrix{display:flex;flex-direction:column;gap:8px}.matrix-head,.matrix-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.4fr);gap:10px;align-items:center}.matrix-cols,.matrix-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.matrix-col{font-size:11px;line-height:1.15;text-align:center;color:var(--muted);overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.matrix-legend{display:none}.matrix-row{padding:6px 0;border-top:1px solid var(--line)}.matrix-row.is-answered .matrix-label{color:var(--ink)}.matrix-label{font-size:14.5px;font-weight:600;color:var(--muted);overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.matrix-cell{border:none;background:none;padding:4px 0;cursor:pointer;border-radius:12px;display:grid;justify-items:center;min-width:0;min-height:44px;opacity:.4;transition:opacity .15s,box-shadow .15s}.matrix-cell .face-svg{max-width:100%;height:auto}.matrix-cell:hover{opacity:.75}.matrix-cell.is-chosen{opacity:1;box-shadow:inset 0 0 0 2.5px var(--face)}.matrix-cell:focus-visible{outline:3px solid var(--face);outline-offset:2px;opacity:1}@media(max-width:560px){.matrix-head{display:none}.matrix-legend{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}.matrix-row{grid-template-columns:1fr;gap:4px}}.page-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14.5px;font-weight:600}.line-answer{width:100%;border:1.5px solid var(--line);border-radius:12px;min-height:48px;padding:12px 14px;font:inherit;background:var(--surface);color:var(--ink)}.line-answer:focus-visible,.text-answer:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.page-required{margin:0;font-size:13.5px;font-weight:600;color:var(--amber)}@media(prefers-reduced-motion:reduce){.matrix-cell{transition:none}}.contact h2{margin:0;font-size:clamp(22px,5vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.15}.field{display:flex;flex-direction:column;gap:4px;font-size:14px}.field input{border:1.5px solid var(--line);border-radius:14px;padding:13px;font:inherit;min-height:48px;background:var(--surface);color:var(--ink)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.consent input{width:22px;height:22px;margin-top:2px;flex:0 0 auto}.contact-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.error{color:var(--danger);font-size:14px;margin:0;text-align:center;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.finish{text-align:center;align-items:center}.finish h2{margin:0;font-size:clamp(24px,6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.celebrate{font-size:48px}.check{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}.finish.recovery .check{background:var(--amber)}.review-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.review-btn{background:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;min-height:52px;color:#fff}.review-btn+.review-btn{background:var(--surface);border-color:var(--line);color:var(--ink)}.soft-review{margin-top:8px}.small{font-size:12px}.review-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.review-qr .qr{width:clamp(148px,48vw,208px);height:auto;max-width:100%;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 12px #242a291f}.channel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-label{font-size:14px;color:var(--muted);overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.unavailable{text-align:center;align-items:center;color:var(--muted)}.unavailable-icon{font-size:40px}.muted{color:var(--muted)}.powered{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:12px;color:var(--muted);padding:16px 0 8px}.powered img{width:22px;height:22px;display:block}.platform-lockup{width:160px;height:auto;margin:8px auto 0;display:block}.skeleton{background:linear-gradient(90deg,var(--line),#eef2ef,var(--line));border-radius:8px;animation:pulse 1.4s ease-in-out infinite}.skeleton.logo{width:56px;height:56px;border-radius:14px;margin:40px auto 16px}.skeleton.line{width:60%;height:20px;margin:0 auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.scale-option{transition:none}.scale-option:hover:not(:disabled),.scale-option:active:not(:disabled){transform:none}}.text-block{display:flex;flex-direction:column;gap:10px}.voice-recorder,.mic-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mic-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:22px;cursor:pointer;flex:0 0 auto}.mic-btn:disabled{opacity:.45;cursor:not-allowed}.mic-btn:focus-visible,.btn-secondary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.voice-recorder.primary{flex-direction:column;align-items:center;text-align:center;gap:8px}.voice-recorder.primary .mic-row{flex-direction:column;gap:8px}.voice-recorder.primary .mic-btn{width:96px;height:96px;font-size:40px;border:2px solid var(--accent);box-shadow:0 10px 24px -14px #242a298c}.mic-cta{font-size:17px;font-weight:700;color:var(--accent)}.btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;padding:12px 22px;font:inherit;font-weight:600;min-height:48px;cursor:pointer}.recording{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}.rec-dot.warn{background:var(--amber)}.rec-time{font-variant-numeric:tabular-nums;font-weight:600}.rec-time.warn{color:var(--amber)}.review-clip{display:flex;flex-direction:column;gap:8px;width:100%}.review-clip audio{width:100%;max-width:100%}.clip-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.clip-status{font-size:13px;color:var(--muted)}.clip-status.warn{color:var(--amber)}.voice-fallback{margin:0}@keyframes blink{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}