:root{color-scheme:light;--bg:#eef3f8;--surface:#f7fafc;--panel:#fff;--line:#d8e0ea;--text:#172231;--muted:#607089;--brand:#0878df;--brand-dark:#075fb0;--bot:#eef6ff;--bot-line:#cfe2f8;--danger:#c91546;--success:#118847}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eaf1f8 0,var(--bg) 42%,#f6f9fc 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.topbar{align-items:center;background:#141c28;color:#fff;display:flex;gap:18px;min-height:56px;padding:0 28px}.topbar strong{font-size:16px}.topbar span{color:#c8d2df}.page{margin:0 auto;max-width:980px;padding:26px 18px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(23,34,49,.06);padding:22px}.event-card{border-left:4px solid var(--success);display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr minmax(260px,360px);padding:20px 22px}.survey-context{background:linear-gradient(135deg,#fff,#f3f8fd);grid-template-columns:1fr;padding:18px 22px}.survey-event-name{display:grid;grid-gap:8px;gap:8px}.survey-event-name span{color:#2d4059;font-size:14px;font-weight:800;text-transform:uppercase}.survey-event-name strong{background:#edf6ff;border:1px solid #c3d8ef;border-radius:8px;color:#142235;display:block;font-size:24px;line-height:1.2;padding:16px 18px}.eyebrow{color:var(--muted);font-size:12px;margin-bottom:6px}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:28px;line-height:1.15}.muted{color:var(--muted)}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:#314056;font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid #c7d3e2;border-radius:6px;min-height:44px;padding:10px 12px;width:100%}.field input[readonly]{background:#f4f8fc;color:#334258;font-weight:700}.field textarea{min-height:130px;resize:vertical}.bot{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.survey-header{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(23,34,49,.06);overflow:hidden}.survey-header img{display:block;max-height:220px;object-fit:cover;object-position:center;width:100%}.chat-panel{display:grid;grid-gap:18px;gap:18px;overflow:hidden}.completion-panel{display:grid;grid-gap:8px;gap:8px;text-align:center}.completion-panel h1{color:var(--success)}.chat-progress{align-items:center;color:var(--muted);display:grid;font-size:12px;grid-gap:8px;gap:8px}.progress-track{background:#e5edf5;border-radius:999px;height:6px;overflow:hidden;width:100%}.progress-fill{background:var(--brand);height:100%;transition:width .18s ease}.message-row{display:flex;gap:12px}.bot-message{align-items:flex-start}.answer-message{justify-content:flex-end}.avatar{align-items:center;background:var(--brand);border-radius:50%;color:#fff;display:flex;flex:0 0 38px;font-size:13px;font-weight:800;height:38px;justify-content:center;width:38px}.bubble{background:var(--bot);border:1px solid var(--bot-line);border-radius:8px;max-width:760px;padding:16px 18px}.bubble h2{font-size:24px;line-height:1.25}.answer-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;max-width:760px;padding:14px;width:calc(100% - 50px)}.choice-grid,.rating-grid{display:grid;grid-gap:10px;gap:10px}.rating-grid{grid-template-columns:repeat(10,minmax(44px,1fr))}.choice{align-items:center;background:#fff;border:1px solid #c7d3e2;border-radius:6px;cursor:pointer;display:flex;gap:10px;min-height:44px;padding:10px 12px}.choice:hover,.rating-button:hover{border-color:var(--brand)}.choice:has(input:checked){background:#edf6ff;border-color:var(--brand)}.choice input{min-height:auto;width:auto}.rating-button{background:#fff;border:1px solid #c7d3e2;border-radius:6px;cursor:pointer;min-height:44px}.primary,.rating-button.active{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary{background:#e7edf5;border-color:#e7edf5;color:#263447}.actions{display:flex;gap:10px;justify-content:flex-end}.actions button,.primary,.secondary{border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:700;min-height:42px;padding:10px 16px}.alert{border-radius:6px;margin-bottom:16px;padding:12px 14px}.alert.error{background:#ffe8ef;color:var(--danger)}.alert.success{background:#e6f6ed;color:var(--success)}.alert.info{background:#e7f1ff;color:var(--brand-dark)}@media (max-width:720px){.event-card{grid-template-columns:1fr}.survey-event-name strong{font-size:21px}.page{padding-left:12px;padding-right:12px}.panel{padding:16px}.survey-header img{max-height:160px}.answer-card{width:100%}.bubble h2{font-size:21px}.rating-grid{grid-template-columns:repeat(5,minmax(44px,1fr))}}