:root{--primary:#686D76;--primary-alt:#373A40;--secondary:#EEEEEE;--accent:#DC5F00;--dark:hsl(0,0%,10%);--gray:hsl(0,0%,50%);--grayer:hsl(0,0%,70%);--light:hsl(0,0%,90%);--lighter:hsl(0,0%,95%);--filter-light:invert(100%);--filter-dark:brightness(0) saturate(100%) invert(15%) sepia(12%) saturate(5%) hue-rotate(40deg) brightness(93%) contrast(84%);--filter-red:brightness(0) saturate(100%) invert(10%) sepia(45%) saturate(7441%) hue-rotate(355deg) brightness(120%) contrast(114%);--filter-accent:brightness(0) saturate(100%) invert(43%) sepia(66%) saturate(4103%) hue-rotate(12deg) brightness(96%) contrast(101%);--ff:mainFont;--h1:bold 1.125rem/1.4em var(--ff);--h2:bold 1rem/1.4em var(--ff);--p1:1rem/1.4em var(--ff);--p2:.875rem/1.4em var(--ff);--br:4px;--br-r:50px;--border:1px solid var(--gray);--border-light:1px solid var(--light);--shadow:0px 6px 5px 0px rgba(0,0,0,0.1);--lh-l:1.2;--lh-m:1.1;--lh-s:1;--lh-xs:1;--fs-c-xl:clamp(2.1rem,1.92rem + 0.94vw,3.05rem);--fs-c-l:clamp(1.7rem,1.55rem + 0.74vw,2.44rem);--fs-c-m:clamp(1.35rem,1.23rem + 0.6vw,1.95rem);--fs-c-s:clamp(1.25rem,1.19rem + 0.31vw,1.56rem);--fs-c-xs:clamp(1.06rem,1.03rem + 0.19vw,1.25rem);--fs-l:1rem;--fs-m:0.8rem;--fs-s:0.64rem}.chat-box{display:flex;flex-direction:column;gap:10px;padding-right:5px;height:55vh;margin-top:auto;overflow-y:auto}.chat-box::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.chat-box::-webkit-scrollbar-track{background:transparent}.message{display:flex;max-width:75%;padding:8px 16px;border-radius:16px;word-wrap:break-word}.user{align-self:flex-end;background:var(--accent);color:white;justify-content:flex-end}.bot{align-self:flex-start;background:#e0e0e0;color:black;justify-content:flex-start}.input-area{display:flex;gap:5px;margin-top:10px}input{flex:1 1;padding:10px 20px;border:1px solid #ccc;outline:none;background:rgba(255,255,255,.15);border-radius:16px 8px 8px 16px;box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:white}button{padding:10px 15px;background:var(--accent);color:white;cursor:pointer;border:1px solid #cccccc15;border-radius:8px 16px 16px 8px;&:hover{opacity:.9}}button:disabled{background:var(--primary);cursor:not-allowed}.content-top h1{display:flex}.chat-wrapper{position:relative}.chat-content.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.overlay-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.85);padding:2rem;border-radius:12px;text-align:center;z-index:10;max-width:400px;width:100%;box-shadow:0 0 20px rgba(0,0,0,.15)}