@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap";:root{--leo-bg-darker: #0f0f0f;--leo-surface: #252525;--leo-text-dim: #999999;--leo-user-bubble: #94d7f1;--leo-bubble-transparent: rgba(148, 215, 241, .8);--leo-glass-bg: rgba(28, 28, 28, .6);--leo-glass-bg-light: rgba(4, 2, 2, .8);--leo-glass-border: rgba(148, 215, 241, .2);--leo-shadow: rgba(0, 0, 0, .5);--leo-shadow-light: rgba(148, 215, 241, .2)}.chatbot-container{display:flex;flex-direction:column;height:90vh;max-width:480px;margin:2.5rem auto;background:linear-gradient(145deg,#28282866,#0a0a0a99);-webkit-backdrop-filter:blur(.75rem) saturate(150%);backdrop-filter:blur(.75rem) saturate(150%);border:1px solid rgba(148,215,241,.25);border-radius:2rem;box-shadow:0 .25rem 1.531rem #0009,inset 0 1.313 #94d7f10d;overflow:hidden;transition:transform .4s ease}.chatbot-container:hover{transform:translateY(-.188rem)}:focus-visible{outline:1px solid var(--leo-primary);outline-offset:.188rem}.chatbot-header{flex:0 1 2.625rem;position:relative;background:transparent;color:var(--leo-text);border-radius:1.75rem 1.75rem 0 0;text-transform:uppercase;text-align:center;padding:1.75rem 1.313rem 1.313rem;margin:0;z-index:2}h1,h2{position:relative;font-weight:400;margin:0;padding:0;z-index:2;line-height:1;background:linear-gradient(90deg,var(--leo-primary),var(--leo-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glowShift 3s ease-in-out infinite alternate}h1{font-size:var(--step-3);line-height:1.15;letter-spacing:.125rem;margin-bottom:.625rem}@keyframes glowShift{0%{text-shadow:0 0 .625rem rgba(148,215,241,.4)}to{text-shadow:0 0 1.563rem rgba(148,215,241,.8)}}h2{color:var(--leo-text-dim);font-size:clamp(.75rem,calc(.696rem + .238vw),.875rem);letter-spacing:.075rem;padding-top:.25rem}.subtitle{visibility:hidden;block-size:2lh}@supports not (block-size: 1lh){.subtitle{min-height:2.4em}}.subtitle--show{visibility:visible;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.new-chat-btn{position:absolute;top:2.188rem;right:2.188rem;width:2.188rem;height:2.188rem;padding:0;line-height:0%;background:none;border:none;font-size:clamp(1.5rem,calc(1.393rem + .476vw),1.75rem);color:var(--leo-primary);opacity:.8;cursor:pointer;z-index:3;transition:transform .25s ease,opacity .2s}.new-chat-btn:hover{transform:rotate(180deg) scale(1.1);filter:brightness(1.2);opacity:1}.new-chat-btn:active{transform:scale(.95)}.new-chat-btn:focus-visible{outline:none;filter:drop-shadow(0 0 .313rem var(--leo-primary))}.new-chat-btn .icon{width:clamp(1.5rem,calc(1.393rem + .476vw),1.75rem);height:clamp(1.5rem,calc(1.393rem + .476vw),1.75rem);pointer-events:none}.chat-window{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:.875rem 1.313rem 1.313rem;display:flex;flex-direction:column;gap:.875rem;overscroll-behavior:contain;scroll-behavior:smooth;contain:layout paint}.message-wrapper{position:relative;display:flex;clear:both}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start;align-items:flex-start}.message{position:relative;padding:.438rem .875rem;max-width:68%;font-size:clamp(1rem,calc(.98rem + .35vw),1.125rem);line-height:1.6;word-wrap:break-word;animation:messagePop .3s ease;overflow:clip}.message-avatar{position:absolute;top:.063rem;left:clamp(-.125rem,calc(-.071rem - .0149vw),-.25rem);width:clamp(2.25rem,calc(2.089rem + .0446vw),2.625rem);height:clamp(2.375rem,calc(2.188rem + .0521vw),2.8125rem);overflow:clip;filter:drop-shadow(0 .063rem 0 rgba(0,0,0,.35)) drop-shadow(0 0 .5rem rgba(148,215,241,.35))}@keyframes messageSlide{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}@keyframes messagePop{0%{opacity:0;transform:translateY(.875rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message.assistant{position:relative;background:linear-gradient(135deg,#2a2a2a,#353535);border:1px solid var(--leo-border-dark);color:var(--leo-text);border-radius:.875rem .875rem .875rem .25rem;-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);margin-left:3.438rem;box-shadow:0 2px 7px var(--leo-shadow);z-index:2}.message.assistant:before{content:"";position:absolute;bottom:-.375rem;left:0;width:0;height:0;border-top:.438rem solid var(--leo-border-dark);border-right:.5rem solid transparent;z-index:0}.message.user{position:relative;background:linear-gradient(135deg,var(--leo-primary),var(--leo-light));border:1px solid var(--leo-user-bubble);backdrop-filter:blur(.875rem);-webkit-backdrop-filter:blur(.875rem);color:var(--leo-bg-darker);border-radius:.75rem .75rem .25rem;box-shadow:0 2px 8px var(--leo-shadow-light),0 0 14px #94d7f14d;z-index:2}.message.user:before{content:"";position:absolute;bottom:-.375rem;right:0;width:0;height:0;border-top:.438rem solid var(--leo-user-bubble);border-left:.5rem solid transparent;z-index:0}.loading{text-align:center;color:var(--leo-secondary);font-style:italic;padding:.875rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.input-area{display:flex;gap:clamp(.875rem,calc(.821rem + .238vw),1.125rem);padding:.875rem 1.313rem;background:var(--leo-surface-transparent);-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);border-top:1px solid var(--leo-glass-border);border-radius:0 0 1.75rem 1.75rem}.message-input{flex:1;padding:.875rem;background:var(--leo-bg-darker);color:var(--leo-text);border:2px solid var(--leo-glass-border);border-radius:1.75rem;font-size:clamp(.875rem,calc(.821rem + .238vw),1.125rem);font-family:inherit;outline:none;transition:border-color .2s}.message-input:focus{border-color:var(--leo-primary);box-shadow:0 0 .75rem #94d7f199,inset 0 0 .375rem #94d7f14d}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.message-input::placeholder{color:var(--leo-text-dim)}.send-button{padding:.875rem 1.313rem;background:linear-gradient(135deg,var(--leo-secondary),var(--leo-secondary-light));box-shadow:0 0 .625rem #d5192e80;background-size:200% 200%;animation:gradientMove 3s ease infinite;color:#fff;border:none;border-radius:1.75rem;font-size:clamp(.875rem,calc(.821rem + .238vw),1.125rem);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;transition:transform .2s ease}.send-button:hover:not(:disabled){background:linear-gradient(135deg,var(--leo-secondary-light),var(--leo-secondary));box-shadow:0 0 1.313rem #d5192ecc;transform:translateY(-2px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:var(--leo-surface-light);color:var(--leo-text);border:1px solid var(--leo-glass-border);box-shadow:none;opacity:.5;cursor:not-allowed;opacity:1}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.messages::-webkit-scrollbar{width:.438rem}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:linear-gradient(var(--leo-dark),var(--leo-primary));border-radius:.188rem}.messages::-webkit-scrollbar-thumb:hover{background:var(--leo-secondary)}@media screen and (max-height: 900px){.chatbot-header{padding:2.625rem 1.313rem 1.313rem}}@media screen and (max-width: 648px){.chatbot-container{height:95vh;max-width:90%;margin:1.313rem auto}.chatbot-header{padding:1.313rem .875rem .875rem}h1{margin-bottom:.438rem}.new-chat-btn{top:1.313rem;right:1.313rem;width:1.75rem;height:1.75rem;font-size:1.5rem}.input-area{padding:10px 14px;gap:.625rem}.message-input{font-size:.75rem}.send-button{padding:10px 14px;font-size:.75rem}}@media (max-width: 380px){.message{max-width:88%}}@media screen and (max-width: 350px){.chatbot-container{height:95vh;max-width:95%;margin:1.313rem auto}}.tw-caret{display:inline-block;animation:tw-blink 1s steps(2,start) infinite;margin-left:1px;color:var( --leo-text-dim)}@keyframes tw-blink{to{opacity:0}}@media (prefers-reduced-motion: reduce){.tw-caret{animation:none}}:root{--leo-primary: #94d7f1;--leo-primary-transparent: rgba(148, 215, 241, .8);--leo-secondary: #d5192e;--leo-secondary-light: #ff2a47;--leo-light: #b8e6f7;--leo-dark: #6ab8d9;--leo-bg: #1a1a1a;--leo-bg-transparent: rgba(26, 26, 26, .8);--leo-bg-darker: #0f0f0f;--leo-surface: #252525;--leo-surface-transparent: rgba(37, 37, 37, .8);--leo-surface-light: #5c5c5c;--leo-surface-light-transparent: rgba(92, 92, 92, .4);--leo-border: #898989;--leo-border-dark: #505050;--leo-text: #e0e0e0;--leo-text-dim: #999999;--leo-bot-bubble: #2a2a2a;--leo-bot-bubble-transparent: rgba(42, 42, 42, .9);--leo-user-bubble: #94d7f1;--leo-user-bubble-transparent: rgba(148, 215, 241, .9);--leo-glass-border: rgba(148, 215, 241, .2);--leo-shadow: rgba(0, 0, 0, .5);--leo-shadow-light: rgba(148, 215, 241, .2);--step--1: clamp(.875rem, calc(.821rem + .238vw) , 1rem);--step-0: clamp(1rem, calc(.946rem + .238vw) , 1.125rem);--step-1: clamp(1.25rem, calc(1.143rem + .476vw) , 1.5rem);--step-2: clamp(1.5rem, calc(1.179rem + 1.429vw) , 2.25rem);--step-3: clamp(2rem, calc(1.571rem + 1.905vw) , 3rem);--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: clamp(1.75rem, 1.2rem + 1.5vw, 2.25rem)}*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:.657rem}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(var(--leo-dark),var(--leo-primary));border-radius:.282rem}*::-webkit-scrollbar-thumb:hover{background:var(--leo-secondary)}body{height:100vh;background-image:url(/Chatbot/img/marble.webp);background-size:cover;background-position:center;color:var(--leo-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-family:Nunito,sans-serif;overflow:hidden}@media screen and (max-width: 648px){body{background-image:url(/Chatbot/img/marble-mobile.webp)}}