:root{--brand:#16233f;--brand-ink:#fff;--surface:#fff;--ink:#16233f;--ink-3:#6b7690;--paper:#f6f7f9;--line:#e2e5eb;--neg:#d2453f;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Instrument Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s}:focus-visible{outline-offset:3px;outline:3px solid #2f6fde}.screen{max-width:560px;min-height:100%;padding:calc(28px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.where{color:var(--ink-3);font-size:14px}.where strong{color:var(--ink);font-size:16px;display:block}.question{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(28px,8vw,38px);font-weight:650;line-height:1.12}.faces{gap:10px;margin-top:8px;display:grid}.faces.s3{grid-template-columns:repeat(3,1fr)}.faces.s5{grid-template-columns:repeat(5,1fr)}.face{background:var(--surface);cursor:pointer;box-shadow:0 1px 0 var(--line), 0 0 0 1px var(--line) inset;font:600 13px var(--font-body);color:var(--ink);border:0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 4px 12px;transition:transform .12s;display:flex}.face:active{transform:scale(.94)}.face svg{width:100%;max-width:92px;height:auto}.faces.s5 .face{border-radius:16px;padding:12px 2px 10px;font-size:11px}.spacer{flex:1}.foot{text-align:center;color:var(--ink-3);font-size:12px}.reasons{flex-wrap:wrap;gap:8px;display:flex}.reason{border:1px solid var(--line);background:var(--surface);font:600 15px var(--font-body);color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 16px}.reason[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.comment-btn{border-radius:999px;flex:none;align-self:center;height:48px;margin-top:18px;padding:0 26px}.name-input{background:var(--surface);width:100%;height:52px;color:var(--ink);border:1px solid var(--line);font:16px var(--font-body);border-radius:14px;padding:0 14px}.name-input.invalid{border-color:#dc2626}.hint{font:14px var(--font-body);color:var(--ink-3);margin:-4px 0 0}textarea{background:var(--surface);width:100%;min-height:110px;color:var(--ink);border:1px solid var(--line);font:16px/1.4 var(--font-body);resize:vertical;border-radius:14px;padding:12px 14px}.actions{gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);height:52px;font:600 16px var(--font-body);color:var(--ink);cursor:pointer;border-radius:14px;flex:1}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn:disabled{opacity:.6}.center-screen{text-align:center;justify-content:center;align-items:center}.center-screen svg{width:120px;height:120px}.pop{animation:.45s cubic-bezier(.2,.9,.3,1.3) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.error{color:var(--neg)}.face.picked{box-shadow:0 0 0 3px var(--brand) inset;transform:scale(1.06)}.chosen{display:inline-block;position:relative}.chosen>svg:first-child{width:140px;height:140px}.chosen .tick{width:52px;height:52px;animation:.45s cubic-bezier(.3,1.6,.5,1) .2s both tick-pop;position:absolute;bottom:-4px;right:-6px}@keyframes tick-pop{0%{transform:scale(0)}to{transform:scale(1)}}.chosen-label{font:600 20px var(--font-body);color:var(--ink-3);margin:12px 0 0}.reason-head{align-items:center;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.chosen .tick,.pop{animation:none}.face{transition:none}}.brandbar{margin:calc(-28px - env(safe-area-inset-top)) -20px 0;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;background:var(--brand);color:var(--brand-ink);align-items:center;gap:14px;display:flex}.brandbar img{object-fit:contain;background:#fffffff0;border-radius:10px;max-width:150px;max-height:44px;padding:5px}.brandbar .where,.brandbar .where strong{color:inherit}.brandbar .where{opacity:.9}.theme-dark{--paper:#0f172a;--surface:#1e293b;--ink:#f8fafc;--ink-3:#cbd5e1;--line:#334155}.powered-by{color:var(--ink-3,#6b7280);justify-content:center;align-items:center;gap:6px;margin:6px 0 0;font-size:12px;display:flex}.powered-by strong{color:var(--ink-2,#374151);font-weight:600}