:root{--bg: #f5f7fa;--card: #ffffff;--ink: #1c2430;--muted: #6b7785;--line: #e3e8ef;--brand: #2f6df6;--brand-ink: #ffffff;--selected: #2f6df6;--error: #d23f3f;--ok: #1f9d57;--radius: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 64px}.card,.survey,.message,.done{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-top:24px}h1{font-size:22px;line-height:1.25;margin:0 0 12px}.muted{color:var(--muted)}.closes{margin:4px 0 0;font-size:14px}.privacy{background:#eef4ff;border:1px solid #d6e4ff;color:#234;border-radius:10px;padding:12px 14px;font-size:14px;margin:14px 0 4px}.q-card{padding:18px 0;border-top:1px solid var(--line)}.q-card:first-of-type{border-top:none}.q-label{display:block;font-weight:600;margin-bottom:12px}.req{color:var(--error)}.scale-row{display:grid;gap:8px;grid-template-columns:repeat(var(--cols, 5),1fr)}.scale-row.n-11{--cols: 11}.scale-row.n-7{--cols: 7}.scale-row.n-5{--cols: 5}.scale-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:12px 0;font-size:16px;font-weight:600;cursor:pointer;min-height:48px;transition:background .12s,border-color .12s,color .12s,transform .04s}.scale-btn:hover{border-color:var(--brand)}.scale-btn:active{transform:translateY(1px)}.scale-btn.selected{background:var(--selected);border-color:var(--selected);color:var(--brand-ink)}.scale-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:8px}@media (max-width: 460px){.scale-row.n-11{grid-template-columns:repeat(6,1fr)}.scale-btn{padding:10px 0;min-height:44px}}.text-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;resize:vertical;min-height:96px}.text-input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.counter{text-align:right;color:var(--muted);font-size:12px;margin-top:4px}.field-error,.submit-error{color:var(--error);font-size:14px;margin:8px 0 0;display:none}.field-error.show,.submit-error.show{display:block}.btn-primary{display:block;width:100%;margin-top:24px;background:var(--brand);color:var(--brand-ink);border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;min-height:52px}.btn-primary:disabled{opacity:.6;cursor:default}.message h1,.done h1{margin-top:0}.done{text-align:center}.done-mark{width:56px;height:56px;margin:4px auto 14px;border-radius:50%;background:var(--ok);color:#fff;font-size:30px;line-height:56px}