@import url("https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter:wght@300;900&display=swap");:root{--colors-primary:#f5d547;--colors-secondary:#db3069;--colors-error:#bd0101;--colors-border:#3c3c3b;--colors-navBar:#233236;--colors-light:rgb(212,212,212);--colors-dark:#0e0e0e;--colors-answers:#007bff}@font-face{font-family:Titan;src:local("title-font"),url(/fonts/title-font.ttf) format("truetype");font-weight:400}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,html,p{margin:0;padding:0}p{font-size:calc(1rem + .2vmin)}a{color:var(--colors-light);text-decoration:none;font-size:.7rem}button{cursor:pointer;border:none;background:none;font:inherit;outline:none}button:disabled{cursor:not-allowed}.minimal-speaker-icon,.unstyled-speaker,button.minimal-speaker-icon,button.unstyled-speaker{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;background:none!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;text-shadow:none!important;text-decoration:none!important;transform:none!important;transition:none!important;animation:none!important;position:static!important;overflow:visible!important;min-height:auto!important;text-align:left!important;outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.minimal-speaker-icon:disabled,.unstyled-speaker:disabled,button.minimal-speaker-icon:disabled,button.unstyled-speaker:disabled{cursor:not-allowed!important;opacity:.5!important}.minimal-speaker-icon:active,.minimal-speaker-icon:focus,.minimal-speaker-icon:hover,.unstyled-speaker:active,.unstyled-speaker:focus,.unstyled-speaker:hover,button.minimal-speaker-icon:active,button.minimal-speaker-icon:focus,button.minimal-speaker-icon:hover,button.unstyled-speaker:active,button.unstyled-speaker:focus,button.unstyled-speaker:hover{background:none!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;color:inherit!important;text-shadow:none!important}.chat-message-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.user-message-container{display:flex;justify-content:flex-end;width:100%}.playful-user-bubble{background:#007bff;color:white;padding:.75rem 1rem;border-radius:18px 18px 6px 18px;max-width:70%;font-size:.95rem;line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,.1)}.agent-message-container{display:flex;justify-content:flex-start;width:100%}.playful-agent-bubble{background:linear-gradient(135deg,#f8faff,#f1f5f9);color:#333;padding:1rem;border-radius:18px 18px 18px 6px;max-width:80%;border:1px solid #e1e8f0;box-shadow:0 2px 8px rgba(59,130,246,.08);position:relative;transition:all .3s ease}.playful-agent-bubble.playing-audio{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 2px 16px rgba(245,158,11,.2),0 0 0 2px rgba(245,158,11,.1);animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{box-shadow:0 2px 16px rgba(245,158,11,.2),0 0 0 2px rgba(245,158,11,.1)}50%{box-shadow:0 4px 20px rgba(245,158,11,.3),0 0 0 3px rgba(245,158,11,.15)}}.chat-bubble-content{margin-bottom:.5rem}.speaker-button-container{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #e9ecef}.playful-chat-section{margin-bottom:.75rem}.playful-chat-section:last-child{margin-bottom:0}.playful-section-title{font-weight:700;margin-bottom:.25rem;color:#495057;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.playful-example-box{background:#f1f3f4;padding:.5rem;border-radius:8px;margin-bottom:.75rem;border-left:3px solid #007bff}.playful-example-box .playful-section-title{color:#495057}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1.1);opacity:0}}.playful-modal .btn-lg.rounded-circle{transition:all .2s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important}.playful-modal .btn-lg.rounded-circle:hover:not(:disabled){transform:scale(1.05)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.playful-modal .btn-lg.rounded-circle:active:not(:disabled){transform:scale(.95)!important}.audio-level-bar{background:rgba(220,53,69,.2);border-radius:2px;transition:all .1s ease}.chat-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-sm{width:14px;height:14px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:3px}.dot-spinner{display:inline-flex;gap:2px;align-items:center}.dot-spinner:after,.dot-spinner:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;animation:dot-pulse 1.4s ease-in-out infinite both}.dot-spinner:before{animation-delay:-.32s}.dot-spinner:after{animation-delay:.32s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.coming-soon-card{position:relative;filter:grayscale(20%);transition:all .3s ease}.coming-soon-card:hover{filter:grayscale(10%);opacity:.8!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)!important}.coming-soon-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,213,71,.1),rgba(217,119,6,.1));border-radius:inherit;pointer-events:none;z-index:0}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.ms-2{margin-left:.5rem}@media (max-width:768px){.navbar-brand{font-size:1.2rem!important}.navbar-brand img{height:40px!important;width:40px!important}.navbar-toggler{padding:.2rem .5rem!important;font-size:1rem!important}}