@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--witcx-orange:#ff9f2f;--witcx-orange-dark:#f97316;--witcx-orange-soft:#fff3e2;--witcx-text:#07111f;--witcx-muted:#6b7280;--witcx-border:#e5e7eb;--witcx-bg:#f3f4f6;--witcx-card:#fff;--witcx-green:#16a34a;--witcx-green-soft:#ecfdf3;--witcx-red:#dc2626;--witcx-red-soft:#fef2f2;--shadow-card:0 24px 80px #0f172a29;--shadow-soft:0 14px 40px #0f172a1a}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--witcx-text);background:radial-gradient(circle at 0 0,#ff9f2f29,#0000 32%),radial-gradient(circle at 100% 100%,#0f172a14,#0000 30%),linear-gradient(#f9fafb 0%,#eef1f5 100%);margin:0;font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.survey-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 18px;display:flex}.survey-wrapper{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex}.brand-header{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.brand-logo{object-fit:contain;width:132px;height:auto;display:block}.brand-text{letter-spacing:-.06em;color:var(--witcx-text);font-size:24px;font-weight:800}.brand-text span{font-weight:500}.brand-text strong{color:var(--witcx-orange)}.brand-pill{max-width:220px;color:var(--witcx-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffffc7;border:1px solid #e5e7ebf2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.chat-card{width:100%;min-height:620px;max-height:760px;box-shadow:var(--shadow-card);background:#fffffff5;border:1px solid #e5e7ebeb;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.chat-header{background:linear-gradient(135deg,#ff9f2f29,#fffffff5),#fff;border-bottom:1px solid #e5e7ebd9;align-items:center;gap:12px;min-height:76px;padding:16px 18px;display:flex}.chat-avatar{background:#fff3ed;border:1px solid #ff9f2f3d;border-radius:16px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden;box-shadow:0 10px 22px #ff9f2f24}.chat-avatar img{object-fit:contain;width:78%;height:78%;display:block}.chat-info{flex:1;min-width:0}.chat-info h1{letter-spacing:-.03em;color:var(--witcx-text);margin:0;font-size:16px;font-weight:850}.chat-info p{color:var(--witcx-muted);margin:3px 0 0;font-size:12.5px;font-weight:650}.chat-status{color:var(--witcx-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.chat-status span{background:var(--witcx-green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #16a34a1f}.chat-body{background:radial-gradient(circle at 20% 10%,#ff9f2f14,#0000 24%),linear-gradient(#fff 0%,#fbfbfc 100%);flex:1;min-height:0;padding:20px 18px 18px;overflow-y:auto}.chat-actions{background:#fff;border-top:1px solid #e5e7ebd9;padding:16px 18px 18px}.message-row{width:100%;margin-bottom:12px;display:flex}.bot-row{justify-content:flex-start}.user-row{justify-content:flex-end}.message-bubble{white-space:pre-wrap;border-radius:18px;max-width:82%;padding:11px 14px;font-size:14px;line-height:1.45;box-shadow:0 8px 22px #0f172a12}.bot-bubble{color:#111827;background:#f3f4f6;border-bottom-left-radius:6px}.user-bubble{background:var(--witcx-orange);color:#fff;border-bottom-right-radius:6px}.typing-bubble{background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:62px;height:34px;padding:0 13px;display:flex;box-shadow:0 8px 22px #0f172a12}.typing-bubble span{background:#9ca3af;border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite typing-dot}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.start-button,.primary-button,.choice-button,.scale-button,.star-button,.text-submit-button,.multi-submit-button{border:none;outline:none}.start-button,.primary-button,.text-submit-button,.multi-submit-button{background:var(--witcx-orange);color:#fff;border-radius:16px;width:100%;padding:13px 16px;font-size:14px;font-weight:850;transition:transform .15s,filter .15s;box-shadow:0 14px 28px #ff9f2f40}.start-button:hover,.primary-button:hover,.text-submit-button:hover,.multi-submit-button:hover{filter:brightness(.98);transform:translateY(-1px)}.start-button:disabled,.primary-button:disabled,.text-submit-button:disabled,.multi-submit-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.choice-list,.stars-list,.multiple-list{flex-direction:column;gap:10px;display:flex}.choice-button,.multi-choice-button{border:1px solid var(--witcx-border);color:#111827;text-align:left;background:#fff;border-radius:15px;width:100%;padding:12px 14px;font-size:14px;font-weight:750;transition:border-color .15s,background .15s,transform .15s}.choice-button:hover,.multi-choice-button:hover{background:var(--witcx-orange-soft);border-color:#ff9f2fb3;transform:translateY(-1px)}.multi-choice-button.selected,.choice-button.selected{border-color:var(--witcx-orange);background:var(--witcx-orange-soft);color:#9a4d00}.scale-question-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.scale-options{background:#f8fafc;border:1px solid #e5e7ebf2;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffe6}.scale-options-wide{grid-template-columns:repeat(6,minmax(0,1fr))}.scale-button{border:1px solid var(--witcx-border);color:#111827;background:#fff;border-radius:13px;justify-content:center;align-items:center;min-width:0;min-height:42px;font-size:14px;font-weight:850;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s,color .15s;display:inline-flex;box-shadow:0 7px 16px #0f172a0d}.scale-button:hover{border-color:var(--witcx-orange);background:var(--witcx-orange-soft);color:#9a4d00;transform:translateY(-1px);box-shadow:0 12px 24px #ff9f2f1f}.scale-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.scale-button-negative:hover{color:#b91c1c;background:#fef2f2;border-color:#dc262673}.scale-button-neutral:hover{color:#92400e;background:#fffbeb;border-color:#d9770673}.scale-button-positive:hover{color:#15803d;background:#ecfdf3;border-color:#16a34a73}.scale-legend{color:var(--witcx-muted);justify-content:space-between;gap:10px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.stars-row{justify-content:center;align-items:center;gap:6px;display:flex}.star-button{color:#d1d5db;background:0 0;padding:0 2px;font-size:32px;line-height:1;transition:transform .15s,color .15s}.star-button:hover,.star-button.active{color:var(--witcx-orange);transform:translateY(-1px)scale(1.04)}.text-answer-wrap{flex-direction:column;gap:10px;display:flex}.text-answer-input,.text-answer-wrap textarea,.chat-actions textarea,.chat-actions input[type=text]{border:1px solid var(--witcx-border);color:#111827;resize:vertical;background:#fff;border-radius:16px;outline:none;width:100%;min-height:92px;padding:13px 14px;font-size:14px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.text-answer-input:focus,.text-answer-wrap textarea:focus,.chat-actions textarea:focus,.chat-actions input[type=text]:focus{border-color:var(--witcx-orange);box-shadow:0 0 0 4px #ff9f2f1f}.question-hint,.input-hint{color:var(--witcx-muted);margin:6px 0 0;font-size:12px;line-height:1.4}.survey-loading-card{width:100%;max-width:430px;min-height:420px;box-shadow:var(--shadow-card);text-align:center;background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:36px 28px;display:flex}.survey-loading-logo-img{object-fit:contain;width:158px;height:auto;margin-bottom:4px;display:block}.survey-loading-spinner{border:4px solid #ffe0d2;border-top-color:var(--witcx-orange);border-radius:999px;width:42px;height:42px;animation:.8s linear infinite survey-loading-spin}.survey-loading-card h1{color:#111827;letter-spacing:-.03em;margin:0;font-size:20px;font-weight:850}.survey-loading-card p{color:var(--witcx-muted);margin:-8px 0 0;font-size:14px;line-height:1.5}@keyframes survey-loading-spin{to{transform:rotate(360deg)}}.survey-state-card{width:100%;max-width:430px;min-height:390px;box-shadow:var(--shadow-card);text-align:center;background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:38px 30px;display:flex}.survey-state-logo{object-fit:contain;width:158px;height:auto;margin-bottom:8px}.survey-state-icon{background:var(--witcx-green-soft);width:50px;height:50px;color:var(--witcx-green);border-radius:999px;justify-content:center;align-items:center;margin-top:2px;font-size:26px;font-weight:950;display:flex}.survey-state-icon-error{background:var(--witcx-red-soft);color:var(--witcx-red)}.survey-state-card h1{color:#111827;letter-spacing:-.03em;margin:4px 0 0;font-size:21px;font-weight:850}.survey-state-card p{color:var(--witcx-muted);margin:0;font-size:14px;line-height:1.5}.survey-state-card span{color:#9ca3af;margin-top:14px;font-size:12px;font-weight:750}.powered-text{color:#9ca3af;text-align:center;margin:0;font-size:12px;font-weight:750}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-thumb{background:#9ca3af6b;border-radius:999px}.language-selector{justify-content:flex-end;gap:8px;width:100%;display:flex}.language-option{color:var(--witcx-muted);background:#ffffffd1;border:1px solid #e5e7ebf2;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:800;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex;box-shadow:0 8px 24px #0f172a0f}.language-option:hover{background:var(--witcx-orange-soft);color:#9a4d00;border-color:#ff9f2fb3;transform:translateY(-1px)}.language-option-active{border-color:var(--witcx-orange);background:var(--witcx-orange-soft);color:#9a4d00}.language-option strong{font-size:11px;line-height:1}.language-flag{object-fit:cover;border-radius:999px;flex:none;width:18px;height:18px;display:block;box-shadow:0 0 0 1px #0f172a14}@media (width<=520px){.survey-page{align-items:stretch;padding:18px 12px}.survey-wrapper{max-width:none}.brand-header{padding:0 4px}.brand-logo{width:118px}.brand-pill{max-width:185px;font-size:11.5px}.chat-card{border-radius:24px;min-height:calc(100vh - 150px);max-height:none}.chat-header{padding:14px 15px}.chat-avatar{border-radius:14px;width:42px;height:42px}.chat-status{font-size:11px}.chat-body{padding:18px 14px 16px}.chat-actions{padding:14px}.message-bubble{max-width:88%}.scale-options{gap:7px;padding:9px}.scale-options-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.scale-button{min-height:40px;font-size:13px}.survey-loading-card,.survey-state-card{border-radius:24px;max-width:none;min-height:380px}}