@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-orange-ultra-soft:#fff8ef;--witcx-text:#07111f;--witcx-muted:#6b7280;--witcx-muted-2:#94a3b8;--witcx-border:#e5e7eb;--witcx-border-strong:#cbd5e1;--witcx-bg:#f3f4f6;--witcx-card:#fff;--witcx-green:#16a34a;--witcx-green-soft:#ecfdf3;--witcx-red:#dc2626;--witcx-red-soft:#fef2f2;--shadow-card:0 28px 90px #0f172a26;--shadow-soft:0 14px 40px #0f172a14;--shadow-orange:0 16px 32px #f973163d}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--witcx-text);background:radial-gradient(circle at 0 0,#ff9f2f26,#0000 31%),radial-gradient(circle at 100% 100%,#0f172a14,#0000 30%),linear-gradient(#fafafa 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}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px #ff9f2f29}.survey-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(20px,4vh,36px) 16px;display:flex}.survey-wrapper{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;display:flex}.brand-header{justify-content:space-between;align-items:center;gap:14px;width:100%;padding:0 10px;display:flex}.brand-logo{object-fit:contain;width:clamp(120px,24vw,148px);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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#ffffffdb;border:1px solid #e2e8f0f2;border-radius:999px;max-width:230px;padding:8px 14px;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden;box-shadow:0 10px 30px #0f172a12}.language-selector{justify-content:flex-end;gap:8px;width:100%;padding:0 10px;display:flex}.language-option{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--witcx-muted);background:#ffffffe6;border:1px solid #e5e7ebf2;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:800;transition:border-color .15s,background .15s,color .15s,transform .15s,box-shadow .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;box-shadow:0 10px 24px #f973161f,0 0 0 3px #ff9f2f1a}.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}.chat-card{width:100%;min-height:540px;max-height:720px;box-shadow:var(--shadow-card), 0 1px 0 #ffffffe6 inset;background:#fffffffa;border:1px solid #e5e7ebeb;border-radius:30px;flex-direction:column;display:flex;overflow:hidden}.chat-header{background:linear-gradient(135deg,#ff9f2f2b,#fffffff5),#fff;border-bottom:1px solid #e5e7ebd9;align-items:center;gap:12px;min-height:74px;padding:15px 18px;display:flex}.chat-avatar{background:#fff3ed;border:1px solid #ff9f2f3d;border-radius:17px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;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:16.5px;font-weight:850}.chat-info p{color:var(--witcx-muted);margin:3px 0 0;font-size:12.5px;font-weight:650}.chat-status{color:#475569;white-space:nowrap;background:#16a34a14;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;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 18% 8%,#ff9f2f13,#0000 26%),linear-gradient(#fff 0%,#fbfcfd 100%);flex:1;min-height:0;padding:20px 20px 16px;overflow-y:auto}.chat-actions{background:#fffffffa;border-top:1px solid #e5e7ebd9;padding:16px 20px 18px}.message-row{width:100%;margin-bottom:11px;display:flex}.bot-row{justify-content:flex-start}.user-row{justify-content:flex-end}.message-bubble{white-space:pre-wrap;border-radius:19px;max-width:84%;padding:12px 15px;font-size:14.2px;line-height:1.45;box-shadow:0 10px 26px #0f172a11}.bot-bubble{color:#0f172a;background:#f6f7f9;border:1px solid #e2e8f0b8;border-bottom-left-radius:7px}.user-bubble{background:linear-gradient(135deg, var(--witcx-orange), var(--witcx-orange-dark));color:#fff;border-bottom-right-radius:7px;box-shadow:0 14px 28px #f973163d}.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,.multi-choice-button{outline:none}.start-button,.primary-button,.text-submit-button,.multi-submit-button{background:linear-gradient(135deg, var(--witcx-orange), var(--witcx-orange-dark));color:#fff;width:100%;min-height:46px;box-shadow:var(--shadow-orange);border:none;border-radius:16px;padding:13px 18px;font-size:14px;font-weight:850;transition:transform .15s,filter .15s,box-shadow .15s}.start-button:hover,.primary-button:hover,.text-submit-button:hover,.multi-submit-button:hover{filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 18px 36px #f973164d}.start-button:disabled,.primary-button:disabled,.text-submit-button:disabled,.multi-submit-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.chat-actions button:not(.start-button):not(.primary-button):not(.choice-button):not(.scale-button):not(.star-button):not(.text-submit-button):not(.multi-submit-button):not(.multi-choice-button){background:linear-gradient(135deg, var(--witcx-orange), var(--witcx-orange-dark));color:#fff;border:none;border-radius:15px;width:100%;min-height:44px;padding:12px 16px;font-size:14px;font-weight:850;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 14px 28px #f9731638}.chat-actions button:not(.start-button):not(.primary-button):not(.choice-button):not(.scale-button):not(.star-button):not(.text-submit-button):not(.multi-submit-button):not(.multi-choice-button):hover{filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 18px 34px #f9731647}.choice-list,.stars-list,.multiple-list{flex-direction:column;gap:9px;display:flex}.choice-button,.multi-choice-button{color:#0f172a;text-align:left;background:linear-gradient(#fff 0%,#fbfcfd 100%);border:1px solid #cbd5e1e6;border-radius:16px;width:100%;min-height:46px;padding:12px 15px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s,color .15s;box-shadow:0 7px 18px #0f172a0b}.choice-button:hover,.multi-choice-button:hover{color:#7c3a00;background:linear-gradient(#fffaf3 0%,#fff3e2 100%);border-color:#f97316bf;transform:translateY(-1px);box-shadow:0 12px 26px #f973161f}.choice-button:active,.multi-choice-button:active{transform:translateY(0)}.multi-choice-button.selected,.choice-button.selected{border-color:var(--witcx-orange);color:#7c3a00;background:#fff3e2;box-shadow:0 0 0 4px #ff9f2f1f}.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:14px;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,.stars-list{justify-content:center;align-items:center;gap:7px;display:flex}.star-button{color:#cbd5e1;text-shadow:0 5px 12px #0f172a14;background:0 0;border:none;padding:0 2px;font-size:33px;line-height:1;transition:transform .15s,color .15s,filter .15s}.star-button:hover,.star-button.active,.star-button.selected{color:var(--witcx-orange);filter:drop-shadow(0 8px 10px #f973162e);transform:translateY(-1px)scale(1.05)}.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],.chat-actions input[type=email],.chat-actions input[type=tel],.chat-actions input[type=number],.chat-actions input:not([type]){border:1px solid var(--witcx-border);color:#111827;background:#fff;border-radius:16px;outline:none;width:100%;padding:13px 14px;font-size:14px;line-height:1.45;transition:border-color .15s,box-shadow .15s,background .15s}.text-answer-wrap textarea,.chat-actions textarea{resize:vertical;min-height:92px}.text-answer-input,.chat-actions input[type=text],.chat-actions input[type=email],.chat-actions input[type=tel],.chat-actions input[type=number],.chat-actions input:not([type]){resize:none;height:48px;min-height:48px}.text-answer-input:focus,.text-answer-wrap textarea:focus,.chat-actions textarea:focus,.chat-actions input[type=text]:focus,.chat-actions input[type=email]:focus,.chat-actions input[type=tel]:focus,.chat-actions input[type=number]:focus,.chat-actions input:not([type]):focus{border-color:var(--witcx-orange);background:#fff;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:370px;box-shadow:var(--shadow-card);text-align:center;background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:30px;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:370px;box-shadow:var(--shadow-card);text-align:center;background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:30px;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:#94a3b8;text-align:center;margin:2px 0 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}@media (width<=520px){.survey-page{align-items:stretch;padding:14px 10px}.survey-wrapper{gap:12px;max-width:none}.brand-header{gap:10px;padding:0 6px}.brand-logo{width:118px}.brand-pill{max-width:175px;padding:7px 10px;font-size:11px}.language-selector{justify-content:center;gap:7px;padding:0}.language-option{min-height:34px;padding:6px 10px}.chat-card{border-radius:26px;min-height:auto;max-height:none}.chat-header{min-height:70px;padding:14px 15px}.chat-avatar{border-radius:15px;width:43px;height:43px}.chat-info h1{font-size:15.5px}.chat-info p{font-size:12px}.chat-status{padding:5px 8px;font-size:11px}.chat-body{min-height:300px;padding:17px 14px 14px}.chat-actions{padding:14px}.message-bubble{max-width:90%;padding:11px 13px;font-size:13.8px}.choice-button,.multi-choice-button{border-radius:15px;min-height:46px;padding:12px 14px;font-size:13.8px}.start-button,.primary-button,.text-submit-button,.multi-submit-button{border-radius:15px;min-height:46px}.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}.star-button{font-size:31px}.text-answer-wrap textarea,.chat-actions textarea{min-height:92px}.text-answer-input,.chat-actions input[type=text],.chat-actions input[type=email],.chat-actions input[type=tel],.chat-actions input[type=number],.chat-actions input:not([type]){height:48px;min-height:48px}.survey-loading-card,.survey-state-card{border-radius:26px;max-width:none;min-height:350px}}@media (width<=380px){.brand-header{flex-direction:column;align-items:center}.brand-pill{max-width:100%}.chat-status{display:none}.chat-body{min-height:285px}}