: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)}.chat-page{max-width:860px}.advanced-chat-panel{display:grid;grid-gap:16px;gap:16px;min-height:520px}.message-list{display:flex;flex-direction:column;gap:12px;min-height:280px;overflow:hidden;padding:4px 0}.chat-message{align-items:flex-end;display:flex;gap:10px;width:100%}.chat-message-bot{justify-content:flex-start}.chat-message-user{justify-content:flex-end}.chat-bubble{border-radius:8px;line-height:1.45;max-width:min(680px,calc(100% - 52px));padding:12px 14px;white-space:pre-wrap;word-break:break-word}.bot-bubble{background:var(--bot);border:1px solid var(--bot-line)}.user-bubble{background:#eaf7ef;border:1px solid #bfe2cb}.typing-row{align-items:center;display:flex;min-height:38px}.typing-bubble{align-items:center;background:var(--bot);border:1px solid var(--bot-line);border-radius:8px;display:inline-flex;gap:5px;min-height:34px;padding:10px 14px}.typing-bubble span{animation:typingPulse .9s ease-in-out infinite;background:#6a7d92;border-radius:999px;display:block;height:7px;width:7px}.typing-bubble span:nth-child(2){animation-delay:.12s}.typing-bubble span:nth-child(3){animation-delay:.24s}.chat-input-bar{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:14px}.chat-input-bar input,.chat-input-bar select,.chat-input-bar textarea{border:1px solid #c7d3e2;border-radius:6px;min-height:44px;padding:10px 12px;width:100%}.chat-input-bar textarea{min-height:110px;resize:vertical}.chat-input-bar .primary{justify-self:end;min-width:130px}@keyframes typingPulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@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))}.advanced-chat-panel{min-height:440px}.chat-bubble{max-width:calc(100% - 48px)}.chat-input-bar .primary{justify-self:stretch}}