:root{--background:#f7f6f1;--surface:#fffdfa;--surface-strong:#ffffff;--ink:#25231f;--muted:#6b665d;--line:#d7d2c7;--accent:#146c63;--accent-strong:#0f514a;--accent-soft:#d9eee9;--warning:#9b3d1b;--warning-soft:#fff0d9;--focus:#c18a21;--shadow:0 18px 42px rgba(52,45,35,0.11)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:linear-gradient(180deg,rgba(20,108,99,.07),rgba(247,246,241,0) 320px),var(--background);color:var(--ink);font-family:Chiron Hei HK,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Noto Sans,Liberation Sans,Arial,Microsoft JhengHei,Microsoft JhengHei UI,Noto Sans HK,Noto Sans CJK HK,sans-serif}button,input{font:inherit;cursor:inherit}button{border:0}.app-shell{width:min(100%,1080px);margin:0 auto;padding:14px clamp(8px,2vw,18px) 20px}.experiment-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(10px,2vw,18px);padding:clamp(4px,1vw,10px) 0 12px}.narrow-stage .experiment-header{max-width:820px;margin:0 auto}.brand-block{display:grid;grid-gap:6px;gap:6px}.eyebrow{color:var(--accent);font-size:clamp(.86rem,calc(.35vw + .75rem),1rem);font-weight:700}h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding-left:20px}h1{font-size:clamp(1.45rem,calc(1.6vw + 17px),2.2rem);line-height:1.12;letter-spacing:0}.header-note{color:var(--muted);font-size:clamp(.9rem,calc(.35vw + .78rem),1.05rem);line-height:1.45}.debug-button{flex:0 0 auto;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:8px 12px;font-size:.93rem;font-weight:750;cursor:pointer}.debug-button:hover{background:var(--accent-soft)}.content-panel{background:rgba(255,253,250,.9);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(12px,calc(1vw + 8px),24px)}.content-panel.narrow{max-width:820px;margin:0 auto}.stack{display:grid;grid-gap:clamp(8px,1vw,16px);gap:clamp(8px,1vw,16px)}.copy{color:var(--ink);font-size:clamp(.9rem,calc(.35vw + .78rem),1.05rem);line-height:1.75}.copy.muted{color:var(--muted);font-size:clamp(.86rem,2.2vw,1rem);line-height:1.42}.highlight{background:#fff0c2;color:#7a1d0d;font-weight:700;padding:1px 5px}.form-section{border:1px solid var(--line);border-radius:8px;padding:16px;background:rgba(255,255,255,.64)}.field{display:grid;grid-gap:9px;gap:9px}.field-title{font-weight:750;font-size:clamp(.9rem,2.4vw,1.1rem);line-height:1.45}.choices{display:grid;grid-gap:clamp(5px,calc(.25vw + 4px),7px);gap:clamp(5px,calc(.25vw + 4px),7px)}.choice{display:grid;grid-template-columns:clamp(18px,2vw,22px) minmax(0,1fr);align-items:flex-start;grid-gap:clamp(4px,calc(.25vw + 3px),8px);gap:clamp(4px,calc(.25vw + 3px),8px);width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:clamp(5px,calc(.15vw + 4px),6px) clamp(6px,calc(.2vw + 5px),8px);font-size:clamp(.86rem,2.2vw,1rem);line-height:1.42;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.choice input{width:clamp(.9rem,2.4vw,1.1rem);height:clamp(.9rem,2.4vw,1.1rem);margin:2px 0 0;accent-color:var(--accent)}.choice span{min-width:0;overflow-wrap:anywhere}.choice-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,serif;font-variant-emoji:emoji;margin-right:.35em}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.choice.disabled{cursor:default}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:center;margin-top:4px}.primary-button,.secondary-button{min-height:44px;border-radius:8px;padding:10px 24px;font-weight:750;cursor:pointer;white-space:nowrap}.primary-button{background:var(--accent);color:white}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.65}.secondary-button{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.error-message{border:1px solid #e4a480;border-radius:8px;background:var(--warning-soft);color:var(--warning);padding:10px 12px;font-weight:700;font-size:clamp(.9rem,calc(.35vw + .78rem),1.05rem);line-height:1.45}.carrier{text-align:center;font-size:clamp(1.8rem,calc(3vw + 18px),2.8rem);font-weight:700;letter-spacing:0;line-height:1.05}.question-count+.carrier{margin-top:clamp(-16px,-1vw,-8px)}.glyph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(6px,calc(.6vw + 4px),12px);gap:clamp(6px,calc(.6vw + 4px),12px)}.glyph-panel{display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:clamp(6px,calc(.6vw + 4px),12px)}.glyph-label{color:var(--muted);font-size:clamp(.82rem,calc(.5vw + .7rem),1.15rem);font-weight:750}.glyph-image-wrap{display:grid;place-items:center;justify-self:center;width:100%;min-height:0;border-radius:8px;background:#f1f4ee}.glyph-image{width:auto;height:clamp(82px,calc(10vw + 60px),150px);max-height:100%;object-fit:contain;image-rendering:auto}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.question-count{color:var(--muted);font-weight:700}.survey-grid{display:grid;grid-gap:clamp(20px,calc(1vw + 16px),28px);gap:clamp(20px,calc(1vw + 16px),28px)}.number-input{width:clamp(120px,18vw,180px);border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:clamp(5px,calc(.15vw + 4px),6px) clamp(6px,calc(.2vw + 5px),8px);font-size:clamp(.86rem,2.2vw,1rem);line-height:1.42}.done-panel{text-align:center}.done-panel h2{font-size:clamp(1.65rem,4vw,2.35rem)}.done-panel a{color:var(--accent);font-weight:800}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}