@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--witcx-orange:#ff9f2f;--witcx-primary:#ff9f2f;--witcx-orange-dark:#ff9f2f;--witcx-secondary:#07111f;--witcx-primary-contrast:#111827;--witcx-primary-soft:#ff9f2f1f;--witcx-primary-ultra-soft:#ff9f2f0f;--witcx-primary-border:#ff9f2f5c;--witcx-primary-shadow:#ff9f2f38;--witcx-secondary-soft:#07111f14;--witcx-orange-soft:var(--witcx-primary-soft);--witcx-orange-ultra-soft:var(--witcx-primary-ultra-soft);--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 var(--witcx-primary-shadow)}*{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 top left, var(--witcx-primary-soft), transparent 31%), radial-gradient(circle at bottom right, #0f172a14, transparent 30%), linear-gradient(180deg, #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{box-shadow:0 0 0 4px var(--witcx-primary-shadow);outline:none}.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-secondary);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{border-color:var(--witcx-primary-border);background:var(--witcx-primary-soft);color:var(--witcx-secondary);transform:translateY(-1px)}.language-option-active{border-color:var(--witcx-orange);background:var(--witcx-primary-soft);color:var(--witcx-secondary);box-shadow:0 10px 24px var(--witcx-primary-shadow), 0 0 0 3px var(--witcx-primary-soft)}.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, var(--witcx-primary-soft), #fffffff5), #fff;border-bottom:1px solid #e5e7ebd9;align-items:center;gap:12px;min-height:74px;padding:15px 18px;display:flex}.chat-avatar{background:var(--witcx-primary-soft);border:1px solid var(--witcx-primary-border);width:48px;height:48px;box-shadow:0 10px 22px var(--witcx-primary-shadow);border-radius:17px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.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-secondary);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%, var(--witcx-primary-ultra-soft), transparent 26%), linear-gradient(180deg, #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:var(--witcx-text);background:#f6f7f9;border:1px solid #e2e8f0b8;border-bottom-left-radius:7px}.user-bubble{background:var(--witcx-primary);color:var(--witcx-primary-contrast);box-shadow:0 14px 28px var(--witcx-primary-shadow);border-bottom-right-radius:7px}.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:var(--witcx-primary);width:100%;min-height:46px;color:var(--witcx-primary-contrast);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);box-shadow:0 18px 36px var(--witcx-primary-shadow);transform:translateY(-1px)}.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:var(--witcx-primary);width:100%;min-height:44px;color:var(--witcx-primary-contrast);box-shadow:0 14px 28px var(--witcx-primary-shadow);border:none;border-radius:15px;padding:12px 16px;font-size:14px;font-weight:850;transition:transform .15s,box-shadow .15s,filter .15s}.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);box-shadow:0 18px 34px var(--witcx-primary-shadow);transform:translateY(-1px)}.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{border-color:var(--witcx-primary-border);background:linear-gradient(180deg, var(--witcx-primary-ultra-soft) 0%, var(--witcx-primary-soft) 100%);color:var(--witcx-secondary);box-shadow:0 12px 26px var(--witcx-primary-shadow);transform:translateY(-1px)}.choice-button:active,.multi-choice-button:active{transform:translateY(0)}.multi-choice-button.selected,.choice-button.selected{border-color:var(--witcx-orange);background:var(--witcx-primary-soft);color:var(--witcx-secondary);box-shadow:0 0 0 4px var(--witcx-primary-soft)}.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-primary-soft);color:var(--witcx-secondary);box-shadow:0 12px 24px var(--witcx-primary-soft);transform:translateY(-1px)}.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 var(--witcx-primary-shadow));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);box-shadow:0 0 0 4px var(--witcx-primary-soft);background:#fff}.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}}.preview-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;flex-direction:column;gap:4px;margin:12px 0 14px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #0f172a0f}.preview-banner strong{letter-spacing:-.01em;font-size:13px;font-weight:800}.preview-banner span{font-size:12.5px;line-height:1.4}.mirror-readonly-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;flex-direction:column;gap:3px;width:100%;padding:11px 13px;display:flex}.mirror-readonly-note strong{font-size:12px;font-weight:800}.mirror-readonly-note span{font-size:11.5px;line-height:1.4}.faces-question-wrap{width:100%}.faces-options{background:#f8fafc;border:1px solid #e5e7ebf2;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffe6}.face-button{border:1px solid var(--witcx-border);color:#111827;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:82px;padding:8px 5px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s,color .15s;display:flex;box-shadow:0 7px 16px #0f172a0d}.face-button:hover,.face-button:focus-visible{border-color:var(--witcx-orange);background:var(--witcx-primary);color:var(--witcx-primary-contrast);box-shadow:0 12px 24px var(--witcx-primary-shadow);outline:none;transform:translateY(-1px)}.face-button:hover .face-value,.face-button:focus-visible .face-value,.face-button:hover .face-label,.face-button:focus-visible .face-label{color:var(--witcx-primary-contrast)}.face-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.face-button:disabled:hover,.face-button:disabled:focus-visible{border-color:var(--witcx-border);color:#111827;background:#fff;box-shadow:0 7px 16px #0f172a0d}.face-button:disabled:hover .face-value,.face-button:disabled:focus-visible .face-value{color:inherit}.face-button:disabled:hover .face-label,.face-button:disabled:focus-visible .face-label{color:var(--witcx-muted)}.face-emoji{font-size:28px;line-height:1}.face-value{font-size:12px;font-weight:850;line-height:1}.face-label{max-width:100%;color:var(--witcx-muted);text-align:center;overflow-wrap:anywhere;font-size:10px;font-weight:750;line-height:1.1}body{font-family:var(--witcx-font-family,Inter, "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);overscroll-behavior:none;min-height:100dvh}.survey-page{min-height:100svh;padding-top:max(clamp(14px, 4vh, 36px), env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));touch-action:manipulation;overflow:hidden}.survey-wrapper{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))}.chat-card,.survey-loading-card,.survey-state-card{border-radius:var(--witcx-card-radius,30px)}.brand-copy{flex-direction:column;align-items:flex-end;gap:5px;min-width:0;display:flex}.brand-subtitle{color:#64748b;text-align:right;max-width:230px;margin:0;font-size:11px;font-weight:750;line-height:1.25}.powered-text{bottom:env(safe-area-inset-bottom);z-index:5;pointer-events:none;width:100%;padding:2px 0;position:sticky}.chat-body{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (width<=520px){.survey-page{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom))}.survey-wrapper{min-height:calc(100dvh - max(10px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(10px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)))}.chat-card{flex:1;min-height:0}.chat-body{min-height:0}.brand-copy{align-items:flex-end}.brand-subtitle{max-width:175px;font-size:10.5px}.faces-options{gap:6px;padding:8px}.face-button{border-radius:14px;min-height:74px;padding:7px 4px}.face-emoji{font-size:25px}.face-label{font-size:9px}}@media (width<=380px){.brand-copy{align-items:center}.brand-subtitle{text-align:center;max-width:100%}.faces-options{gap:5px;padding:7px}.face-button{min-height:68px;padding:6px 3px}.face-emoji{font-size:23px}.face-value{font-size:11px}.face-label{display:none}}.brand-pill{color:var(--witcx-secondary);border-color:var(--witcx-primary-border)}.brand-subtitle{color:var(--witcx-muted)}.chat-info h1{color:var(--witcx-secondary)}.chat-info p{color:var(--witcx-muted)}.bot-bubble{color:var(--witcx-text)}.chat-header{background:linear-gradient(135deg, var(--witcx-primary-soft), #fffffff5), #fff}.chat-avatar{background:var(--witcx-primary-soft);border-color:var(--witcx-primary-border);box-shadow:0 10px 22px var(--witcx-primary-shadow)}.start-button,.primary-button,.text-submit-button,.multi-submit-button,.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:var(--witcx-primary);color:var(--witcx-primary-contrast);box-shadow:var(--shadow-orange)}.choice-button:hover,.multi-choice-button:hover,.multi-choice-button.selected,.choice-button.selected,.scale-button:hover,.language-option:hover,.language-option-active{border-color:var(--witcx-primary-border);background:var(--witcx-primary-soft);color:var(--witcx-secondary)}.star-button:hover,.star-button.active,.star-button.selected{color:var(--witcx-primary)}.user-bubble{background:var(--witcx-primary);color:var(--witcx-primary-contrast)}.face-button:hover,.face-button:focus-visible{background:var(--witcx-primary);color:var(--witcx-primary-contrast);border-color:var(--witcx-primary)}.face-button:hover .face-value,.face-button:focus-visible .face-value,.face-button:hover .face-label,.face-button:focus-visible .face-label{color:var(--witcx-primary-contrast)}.bot-bubble,.message-bubble.bot-bubble{color:var(--witcx-text)}.brand-subtitle,.chat-info p{color:var(--witcx-muted)}.brand-pill,.chat-info h1{color:var(--witcx-secondary)}.start-button,.primary-button,.text-submit-button,.multi-submit-button{background:var(--witcx-primary);color:var(--witcx-primary-contrast)}.brand-header-logo-only{justify-content:center}.brand-header-logo-only .brand-logo{margin:0 auto}.chat-info h1{margin:0}.chat-info p:empty{display:none}