html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;background:#f9f9f9;min-height:100vh}:root{--theme-primary: #d88383;--theme-primary-dark: #c47f7c;--theme-primary-darker: #c96f6f;--theme-primary-light: #dd8d8d;--theme-primary-rgb: 216, 131, 131;--theme-accent: #f3c165;--theme-header-text: #ffeceb;--theme-panel-tint: #fff5f3;--theme-border-accent: #eacbcb}#container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1 1 auto;padding:clamp(12px,2vw,32px);box-sizing:border-box}.main-layout{width:100%;display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;grid-template-areas:"interaction journal" "input journal";gap:24px;align-items:start;min-height:0}.interaction-pane{grid-area:interaction}.journal-pane{grid-area:journal;display:flex;flex-direction:column;min-height:0;margin-bottom:24px}.input-pane{grid-area:input}.interaction-card,.input-card{background:#fff;border:1px solid rgba(var(--theme-primary-rgb),.18);border-radius:20px;padding:16px;box-shadow:0 12px 28px #0000000f;display:flex;flex-direction:column;gap:16px}.input-card{position:relative;z-index:5}.header{display:none!important}.main-header{width:100%;background:var(--theme-primary);box-shadow:0 4px 10px #00000026}.header-inner{max-width:920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:16px;flex-wrap:wrap}.header-logo{width:120px;height:auto;object-fit:contain}.header-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.header-center{flex:1;text-align:center}.header-slogan{margin:4px 0 0;font-size:1.2rem;font-weight:500;color:var(--theme-header-text);letter-spacing:.02em}.header-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.store-link{display:inline-block;margin-top:6px;font-size:1rem;font-weight:600;color:#fff;text-decoration:underline;transition:opacity .2s ease}.store-link:hover{opacity:.85}.btn-login,.btn-signup{padding:6px 18px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .25s ease,transform .1s ease,color .25s ease;min-width:100px;text-align:center;white-space:nowrap}.btn-login{background:transparent;border:2px solid var(--theme-accent);color:#fff}.btn-login:hover{background:var(--theme-accent);color:var(--theme-primary);transform:translateY(-1px)}.btn-signup{background:var(--theme-primary);border:2px solid var(--theme-primary);color:#fff}.btn-signup:hover{background:var(--theme-primary-dark);border-color:var(--theme-primary-dark);transform:translateY(-1px)}#userName{font-weight:600;color:#fff;font-size:.95rem;display:none;padding:6px 0}#video-wrapper{width:100%!important;max-width:none;margin:0;aspect-ratio:16/9;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #00000012;overflow:hidden;background:#f6f7fb url(/assets/audiowaveform-Cd_Lfn9O.png);background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important}#video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}#buttons,.inputsDiv{width:100%!important;max-width:none;margin:0}#buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#buttons input[type=radio]{display:none}#buttons .button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:#111827;transition:transform .06s ease,box-shadow .06s ease,border-color .12s ease}#speakOption,label[for=speakOption],#chatOption,label[for=chatOption]{display:none!important}#buttons input[type=radio]:checked+.button{border-color:var(--theme-primary);box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.12)}#clearHistoryButton.button{margin:8px 0 0;width:100%;display:flex;justify-content:center;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--theme-primary);background:#fff;color:var(--theme-primary);font-weight:600;transition:background .15s ease,color .15s ease,box-shadow .15s ease}#clearHistoryButton.button:hover{background:var(--theme-primary);color:#fff;box-shadow:0 6px 16px rgba(var(--theme-primary-rgb),.35)}.button-ghost{background:#fff;border:1px solid #e5e7eb}.button-ghost:hover{border-color:#111827;box-shadow:0 0 0 3px #11182714}.systemNote{margin:10px 14px 0;padding:8px 10px;border:1px dashed #cbd5e1;border-radius:10px;color:#475569;background:#f8fafc;font-size:13px}#hidden{display:none;width:100%;margin:0 0 18px;padding:0;border-radius:14px;background:none;box-shadow:none}.hidden-inner{width:100%;max-width:none;margin:0;padding:20px 0;border:1px solid rgba(var(--theme-primary-rgb),.35);border-radius:14px;background:var(--theme-panel-tint);box-shadow:0 10px 25px #00000012;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}#hidden h2{margin:0;font-size:1.4rem;font-weight:700;color:#2f2f2f}#hidden h3{margin:8px 0 0;font-size:1rem;font-weight:500;color:#5f5f5f}#hidden #reconnectButton.button{margin-top:14px;padding:10px 22px;border-radius:999px;border:1px solid var(--theme-primary);color:#fff;background:var(--theme-primary);box-shadow:0 6px 14px rgba(var(--theme-primary-rgb),.25)}#hidden #reconnectButton.button:hover{background:var(--theme-primary-dark);border-color:var(--theme-primary-dark)}.inputsDiv{margin-top:8px}.mainInput{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;border:1px solid rgba(var(--theme-primary-rgb),.3);background:#fff;border-radius:12px;padding:10px;min-height:72px;height:auto}.mainInput>textarea{flex:1 1 280px;min-height:52px;max-height:28vh;font-size:16px;line-height:1.35;text-align:left;width:100%;border:none;outline:none;resize:none;padding:10px 4px;color:#111827;background:transparent}.input-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.roundButton{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:none;outline:none;cursor:pointer;background:var(--theme-primary);color:#fff;transition:transform .06s ease,box-shadow .06s ease,background .12s ease}.roundButton:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f;background:var(--theme-primary-darker)}.roundButton:active{transform:translateY(0);box-shadow:none}#speechButton.roundButton:not(:disabled){background:var(--theme-primary)!important;color:#fff!important;box-shadow:0 6px 14px rgba(var(--theme-primary-rgb),.25)}#speechButton.roundButton:not(:disabled):hover{background:var(--theme-primary-darker)!important;box-shadow:0 8px 18px #c96f6f59}#speechButton.roundButton:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:1}#speechButton.roundButton.is-recording{background:var(--theme-accent);box-shadow:0 8px 18px #f3c16566}#actionButton{background:var(--theme-primary)}#stopSpeechButton{display:none;background:var(--theme-primary);color:#fff;box-shadow:0 6px 14px rgba(var(--theme-primary-rgb),.25)}#stopSpeechButton.is-visible{display:inline-flex}#stopSpeechButton:hover{background:var(--theme-primary-darker);box-shadow:0 8px 18px #c96f6f59}.roundButton svg{display:block;width:22px;height:22px}#answers{width:100%!important;max-width:none;margin:0;height:70vh;min-height:520px;max-height:80vh;overflow-y:auto;overflow-x:hidden;background:var(--theme-panel-tint);border:1px solid rgba(var(--theme-primary-rgb),.2);border-radius:20px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;clear:both;float:none!important;padding-right:10px}#answers>summary{position:sticky;top:0;z-index:2;background:#fafafa;border-bottom:1px solid #eee;padding:12px 18px;text-align:left;font-weight:800;display:block;width:100%;margin:0;color:var(--theme-primary)}#answers a{text-decoration:underline;color:var(--theme-primary);font-weight:600}#answers a:hover{opacity:.9;color:var(--theme-primary-darker)}.bubble{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin:14px 12px 0;padding:0;border:none}.bubble .avatar{display:none}.bubble .bubble-body{max-width:100%;text-align:left}.agentMessage,.userMessage{position:relative;display:block;margin:0;padding:12px 14px;border:none;box-shadow:0 6px 14px #0000000f;font-size:1rem;line-height:1.6;border-radius:18px;max-width:76%}.agentMessage{background:#fff;color:#4b3a3a;margin-right:auto;max-width:85%;border-top-left-radius:8px;box-shadow:0 2px 8px rgba(var(--theme-primary-rgb),.1)}.agentMessage:after{content:"";position:absolute;left:-6px;bottom:10px;width:12px;height:12px;background:#f5f5f5;transform:rotate(45deg);border-radius:3px;box-shadow:-2px 2px 6px #0000000d}.userMessage{background:linear-gradient(180deg,var(--theme-primary-light) 0%,var(--theme-primary) 100%);color:#fff;width:80%;max-width:80%;margin:6px -17px 6px auto;border-radius:18px;box-shadow:0 6px 14px #0000001a;overflow:hidden}.userMessage:after{content:none}.agentMessage:before,.agentMessage:after,.userMessage:before,.userMessage:after{content:none!important;display:none!important;background:none!important;width:0!important;height:0!important;box-shadow:none!important;border:none!important}#answers,#answers *,.mainInput *,#buttons{text-align:left}html::-webkit-scrollbar,body::-webkit-scrollbar,#answers::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,#answers::-webkit-scrollbar-track{background:var(--theme-panel-tint);margin:24px 0}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,#answers::-webkit-scrollbar-thumb{background:var(--theme-border-accent);border-radius:999px;border:2px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,#answers::-webkit-scrollbar-thumb:hover{background:var(--theme-primary)}#answers,body{scrollbar-width:thin;scrollbar-color:var(--theme-border-accent) transparent}@media (max-width: 1100px){.header-inner{padding:14px 24px}.header-right{flex-direction:row;align-items:center;justify-content:flex-end;width:auto;gap:10px}}@media (max-width: 960px){.main-layout{grid-template-columns:1fr;grid-template-areas:"interaction" "input" "journal";gap:16px}#video-wrapper{aspect-ratio:3/4;max-height:320px}.input-card{position:sticky;bottom:0;box-shadow:0 -10px 24px #0000001f}}@media (max-width: 820px){.header-inner{flex-direction:column;align-items:center;text-align:center}.header-left,.header-center,.header-right{width:100%;justify-content:center}.header-left{align-items:center}.header-right{flex-direction:row;justify-content:center;gap:12px}.store-link{margin-top:2px}.interaction-card,.input-card{padding:10px}#answers{height:60vh;min-height:320px;max-height:none}.mainInput{flex-wrap:wrap}.mainInput>textarea{flex:1 1 100%;min-height:40px}.input-actions{width:100%;justify-content:flex-end}.input-actions .roundButton{flex:0 0 auto}#hidden{margin:0 0 14px}.main-footer{padding:20px 0}.footer-inner{flex-direction:column;text-align:center}}@media (max-width: 600px){#container{padding:14px 16px 0}#video-wrapper{aspect-ratio:3/4;max-height:280px}.main-layout{gap:5px}.interaction-card,.input-card{padding:10px;border-radius:14px}.input-card{position:sticky;bottom:10px;box-shadow:0 -8px 18px #0000001a}#answers{height:65vh;min-height:400px;max-height:80vh;border-radius:14px;padding-right:0}#answers>summary{border-radius:14px 14px 0 0;padding:12px 14px}#hidden{padding:12px 0;border-radius:12px;text-align:left;margin:0 0 14px}#hidden .hidden-inner{width:100%;max-width:none;margin:0;padding:14px 10px}#hidden h2{font-size:1.2rem}#hidden h3{font-size:.95rem}#hidden #reconnectButton.button{width:100%;max-width:220px;margin:12px auto 0}.mainInput{flex-direction:row;align-items:flex-end;gap:12px}.input-actions{width:100%;justify-content:flex-end}.input-actions .roundButton{width:48px;height:48px}.roundButton svg{width:20px;height:20px}#answers>summary{font-size:1rem}.input-card{position:static;box-shadow:0 12px 28px #00000014}.header-logo{width:100px}.btn-login,.btn-signup{width:100%}.main-footer{margin-top:12px;padding-bottom:0}}.main-footer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--theme-primary);color:#fff;padding:22px 0;margin-top:32px;box-shadow:0 -4px 10px #0000001f}.footer-inner{width:100%;max-width:920px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.footer-left,.footer-middle,.footer-right{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.footer-middle{font-size:.95rem}.footer-right{white-space:nowrap}.footer-logo{width:44px;height:44px;object-fit:contain;display:block}.footer-logo-text{display:inline-flex;align-items:center;gap:8px;font-weight:700}.footer-right .footer-link{color:#fff;text-decoration:underline;font-weight:700;position:relative}.footer-right .footer-link:after{content:none!important}.footer-sep{opacity:.7}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#0009}.modal-content{position:relative;background:#fff;margin:5% auto;padding:20px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 6px 20px #00000040;overflow:hidden}.modal-header{position:relative;text-align:center;margin-bottom:10px}.modal-title{margin:0;font-size:1.4rem;font-weight:600;color:#333}.close-btn{position:absolute;right:15px;top:5px;font-size:26px;font-weight:700;color:#333;cursor:pointer}.close-btn:hover{color:var(--theme-primary)}.signup-frame{width:100%;height:650px;border:none;overflow:hidden}.login-frame{width:100%;height:350px;border:none;background:#fff;display:block}.modal-content{background:#fff;border-radius:12px;padding:20px;max-width:480px;width:90%;margin:auto;overflow:hidden}@media (max-width: 480px){.header-slogan{font-size:1rem}.store-link{font-size:.95rem}#answers>summary{position:static;border-radius:12px 12px 0 0}.interaction-card,.input-card,#hidden{border-radius:16px}.footer-inner{gap:6px}.footer-left{flex-direction:column}.footer-middle{flex-direction:row;justify-content:center;gap:6px;font-size:.9rem}.footer-left,.footer-right{font-size:.9rem}.footer-right .footer-link{font-size:inherit}.footer-logo{width:32px;height:32px}}#cookiego-container,[id^=cookiego-] .cookiego-modal,[id^=cookiego-] .cookiego-banner{max-width:460px;margin:0 auto;border-radius:18px;box-shadow:0 18px 40px #0000002e;font-family:inherit;z-index:2500}[id^=cookiego-] .cookiego-modal__content{max-height:70vh;overflow:auto}[id^=cookiego-] .cookiego-actions button{border-radius:999px;font-weight:600}@media (max-width: 600px){[id^=cookiego-] .cookiego-modal,[id^=cookiego-] .cookiego-banner{width:90%;max-width:none;left:50%!important;transform:translate(-50%)}}