:root{--primary-bg: #000000;--secondary-bg: #121212;--accent-color: #00bcd4;--text-color-light: #ffffff;--text-color-dark: #808080;--scrollbar-track-color: #000000;--scrollbar-thumb-color: #e0e0e0}body{background-color:var(--primary-bg);color:var(--text-color-light);margin:0!important;padding:0!important;overflow-x:hidden!important;min-height:100vh!important}.bg-secondary{background-color:var(--secondary-bg)}.text-accent{color:var(--accent-color)}.border-accent{border-color:var(--accent-color)}.login-button-gradient{background-color:#000;color:#fff!important}.input-container{display:flex;flex-direction:column;align-items:center}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #000000 inset!important;-webkit-text-fill-color:#f5f5f5!important}.playfair-font{font-family:Playfair Display,serif}.email-field-hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-full-width{width:100%;max-width:300px}::-webkit-scrollbar{width:3px;height:0px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ff8080,#ffa080,#ffff80,#80ff80,#8080ff,#ff80ff);border-radius:1px;transition:3s}.scrollbar-hover-zone ::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ffc0c0,#ffe0c0,#ffffc0,#c0ffc0,#c0c0ff,#ffc0ff);transition:2s}@media (max-width: 640px){.text-4xl-sm{font-size:2.25rem}.text-xl-sm{font-size:1.125rem}.text-lg-sm{font-size:1rem}.text-2xl-sm{font-size:1.5rem}.otp-tracking-sm{letter-spacing:.25em}.input-tracking-sm{letter-spacing:normal}}@media (max-width: 360px){.navbar-link-responsive{font-size:.7rem!important;padding:.1rem .2rem!important}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.message-fade-in{animation:messageFadeIn .3s ease-in}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-gradient-bg{background:linear-gradient(135deg,#00b4c840,#9627aa40,#f0960040,#00b4c840);background-size:300% 300%;animation:gradientShift 10s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chat-textarea-resize{min-height:24px;max-height:150px;resize:none;overflow-y:auto}.chat-container-height{min-height:calc(100vh - 300px)}.message-content{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}