:root{--gradient-start-color:#007bff;--gradient-end-color:#00c6ff;--hover-highlight-color:#ffdd57;--body-background-color:#ffffff;--default-text-color:#333;--button-hover-bg-color:#0056b3;--alert-error-bg-color:#f44336;--alert-success-bg-color:#1db954;--alert-info-bg-color:#2196F3;--alert-warning-bg-color:#ff9800}body{max-width:1400px;margin:auto;background:linear-gradient(to bottom,transparent,#f4fff7,transparent)}#lowfi-loader{position:fixed;inset:0;z-index:9999;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;pointer-events:all;transition:opacity 0.6s ease}.loader-content{animation:pulse 1.5s infinite ease-in-out}.loader-logo{width:48px;height:auto;filter:drop-shadow(0 0 2px rgba(0,0,0,0.2))}.loader-brand{font-size:2rem;font-weight:700;color:#2d6a4f;animation:shimmer-text 2s infinite linear}.loader-slogan{font-size:0.9rem;color:#444;font-weight:500;margin-top:0.5rem;opacity:0.8}@keyframes shimmer-text{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:0.85}}.messages{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1100;width:100%;max-width:600px}.alert{box-shadow:0 4px 20px rgba(0,0,0,0.15);margin-bottom:15px;opacity:1;transition:opacity 0.5s ease;position:relative;padding-right:2.5rem}.alert.fade-out{opacity:0}.close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;line-height:1;color:inherit;opacity:0.5;background:none;border:none;padding:0;cursor:pointer}.close:hover{opacity:1}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.pharma-brand{background:linear-gradient(45deg,#1db954,#22A565,#178C4F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}#accessibility-button[title]:hover::after{content:attr(title);position:absolute;bottom:-15px;left:-30px;transform:translateX(-50%);background-color:#1db954;color:#fff;padding:5px 10px;border-radius:5px;font-size:0.9rem;white-space:nowrap;z-index:1100;margin-left:20px}.pharmacy-notice{text-align:center;font-size:10px;color:#4f4f4f;padding:2px;position:relative}.pharmacy-line{border:0;height:1px;background:#4f4f4f;margin:1px 0}.pharmacy-text{margin:0;padding:0}.icon-large{text-align:center;margin:5px 0}.icon-large img{width:45px;height:45px}body{font-family:'Raleway',sans-serif;position:relative;background-color:var(--body-background-color);color:#333}body::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:0.03;z-index:-1}.more-info{color:#fff;cursor:pointer;text-decoration:underline;transition:color 0.3s}.more-info:hover{color:var(--hover-highlight-color)}a.text-decoration-none h1{color:rgb(41,41,41)}.navbar,.navbar-toggler{top:0;z-index:10;transition:background-color 0.3s ease;background-size:cover;position:sticky;border-radius:20px;margin-bottom:10px}.navbar-toggler{padding:0.25rem 0.75rem;font-size:0.875rem;margin-left:auto}.navbar-content{position:relative;z-index:3}.navbar-brand{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#000000;position:relative;z-index:2}.navbar-brand img{height:40px;margin-right:5px}.nav-item{margin:0 5px}.nav-link{display:inline-block;color:#000000;text-align:center;transition:color 0.3s}.nav-link:hover{color:#0056b3}.navbar-collapse{justify-content:center!important;text-align:center}@media (max-width:992px){.navbar-nav{flex-direction:column}.dropdown-toggle{margin:5px 0}.mobile-items{margin:8px 0}.icon-large img{width:35px;height:35px}}.dropdown-menu{background-color:#ffffff;border:1px dashed #0F8A33;border-radius:8px;box-shadow:0px 8px 16px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out;width:auto;justify-items:center}.dropdown-header{font-size:16px;color:#343a40;border-bottom:2px solid #f1f1f1;padding-bottom:5px;text-align:center}.dropdown-item{font-size:14px;font-weight:500;color:#495057;padding:10px 5px;border-radius:6px;transition:all 0.2s ease-in-out;text-align:center}.dropdown-item:hover{background-color:#f8f9fa;color:#2d6a4f;transform:translateX(3px)}.multi-column .row{display:flex;flex-wrap:nowrap;padding:10px 10px;gap:10px}.multi-column .col-md-6{flex:1;width:auto;padding:0 5px;border-left:1px solid #f1f1f1}.multi-column .col-md-6:first-child{border-left:none}.nav-link.dropdown-toggle{font-size:16px;position:relative;padding-right:25px}.nav-link.dropdown-toggle::after{content:"▼";position:absolute;margin:auto;top:50%;transform:translateY(-50%);font-size:10px;color:#6c757d;transition:all 0.3s ease-in-out}.nav-link.dropdown-toggle[aria-expanded="true"]::after{transform:translateY(-50%) rotate(180deg)}.footer{padding:20px 0;color:rgb(46,46,46)}.footer-content .row>div{margin-bottom:15px}@media (max-width:767px){.footer-content .row{display:flex;flex-wrap:wrap;gap:10px}.footer-content .col-lg-4{flex:1 1 calc(33.333% - 10px)}.footer-content .col-lg-4{flex:1 1 calc(33.333% - 10px)}.footer-content .col-lg-4.half-width{flex:1 1 calc(50% - 10px)}.footer-title{font-size:1rem;margin-bottom:10px}.footer-quote{font-size:0.9rem}.footer-branding{font-size:0.8rem}.footer-link{font-size:0.9rem}.social-links i{font-size:1rem;margin-right:5px}.footer-input{padding:6px;font-size:0.9rem}}.footer-link{color:rgb(46,46,46);text-decoration:none;transition:font-size 0.3s ease-in-out}.footer-link:hover{text-decoration:underline}.footer-icon{font-size:1.5rem}@media (min-width:768px){.footer-content .col-lg-4{flex:1 1 calc(33.333% - 20px)}}.footer-title{font-weight:bold;display:inline;margin-right:5px}.alert-messages{margin:10px 0}.alert{padding:15px;margin:10px 0;border-radius:5px;font-weight:bold}.alert.error{background-color:var(--alert-error-bg-color);color:white}.alert.success{background-color:var(--alert-success-bg-color);color:white}.alert.info{background-color:var(--alert-info-bg-color);color:white}.alert.warning{background-color:var(--alert-warning-bg-color);color:white}.floating-button{position:fixed;bottom:50px;right:20px;background-color:transparent;color:#1db954;padding:15px;border-radius:50%;cursor:pointer;z-index:1000;text-align:center;transition:background-color 0.3s ease,transform 0.3s ease}.floating-button i{font-size:24px}.floating-button:hover{transform:scale(1.1)}.accessibility-options{display:none;position:fixed;bottom:120px;right:20px;background-color:#ffffff;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:8px;z-index:9999}.accessibility-options button{display:block;margin:5px 0;padding:10px;width:200px;background-color:#1db954;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px}.accessibility-options button:hover{background-color:#1db954}.go-back-up{color:#2f2f2f;text-decoration:none}.footer-pro-tip{background-color:#e8f1ff;padding:5px;border-radius:10px;font-size:1rem;color:#064273;display:flex;align-items:center;justify-content:center;margin:auto;width:90%;max-width:900px;box-shadow:0 4px 12px rgba(6,66,115,0.2);animation:fadeInUp 1s ease-in-out}.footer-pro-tip-btn{background-color:#1db954;color:white;padding:8px 15px;border-radius:6px;font-weight:bold;text-decoration:none;margin:15px;transition:transform 0.3s ease}.footer-pro-tip-btn:hover{transform:translateY(-2px)}.footer-pro-tip-text strong{margin-right:8px}@media (max-width:768px){.footer-pro-tip-text,.footer-pro-tip-btn{display:block;text-align:center;margin:10px}.footer-pro-tip-btn{margin-left:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-pro-tip{animation:fadeInUp 1s ease}.modal-content{position:relative;overflow:hidden}.modal-close-btn{position:absolute;top:15px;right:15px;font-size:1.5rem;z-index:100}.modal-image-section{background-size:cover;background-position:center;flex:1;min-height:250px;width:100%}.modal-copy-section{flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width:767px){.modal-image-section{height:200px}.modal-copy-section{padding:1.5rem}}#installBtn{position:fixed;bottom:50px;left:20px;background:linear-gradient(135deg,#1db954,#28ef6d);color:white;font-weight:600;border:none;border-radius:50px;padding:12px 20px;box-shadow:0 4px 10px rgba(0,0,0,0.25);cursor:pointer;transition:transform 0.2s ease;display:none;z-index:1000}#installBtn:hover{background:linear-gradient(135deg,#26f16d,#1db954)}.auth-container{min-height:50vh;display:flex;justify-content:center;align-items:center;padding:10px 20px}.auth-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:40px 30px;max-width:450px;width:100%;box-shadow:0 12px 25px rgba(0,0,0,0.2);animation:fadeInUp 0.6s ease;text-align:left;border:1px solid rgba(255,255,255,0.4)}.auth-card h1{font-size:1.9rem;font-weight:700;color:#222;margin-bottom:15px;text-align:center}.auth-card p{font-size:0.95rem;color:#444;margin-bottom:20px;text-align:center;line-height:1.5}.auth-card .form-group{margin-bottom:20px}.auth-card label{font-weight:600;margin-bottom:6px;display:block;color:#333}.auth-card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ccc;font-size:1rem;transition:border 0.3s,box-shadow 0.3s;background:rgba(255,255,255,0.8)}.auth-card input:focus{border-color:#6a11cb;box-shadow:0 0 0 0.2rem rgba(106,17,203,0.25);outline:none}.auth-card button{padding:12px;font-size:1rem;font-weight:600;border-radius:10px;transition:all 0.3s ease;border:none}.auth-card button.btn-primary{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;box-shadow:0 4px 10px rgba(37,117,252,0.3)}.auth-card button.btn-primary:hover{background:linear-gradient(135deg,#5a0fb3,#1a5fcc);transform:translateY(-2px)}.auth-card button.btn-success{background:linear-gradient(135deg,#28a745,#218838);color:#fff;box-shadow:0 4px 10px rgba(40,167,69,0.3)}.auth-card button.btn-success:hover{background:linear-gradient(135deg,#23913b,#1a6e2d);transform:translateY(-2px)}.auth-footer{margin-top:20px;text-align:center}.auth-footer a{color:#2575fc;text-decoration:none;font-weight:500;transition:color 0.3s}.auth-footer a:hover{text-decoration:underline;color:#6a11cb}@keyframes fadeInUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}#strength-bar{height:8px;border-radius:4px;background:#ddd;margin-top:6px;transition:all 0.3s}.auth-card .errorlist{list-style:none;margin:0 0 15px 0;padding:10px 14px;border-radius:8px;font-size:0.9rem;font-weight:500;color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.auth-card .errorlist li{margin:0;padding:0}.auth-card .nonfield{margin-bottom:15px;padding:10px 14px;border-radius:8px;font-size:0.9rem;font-weight:500;color:#856404;background:#fff3cd;border:1px solid #ffeeba}.auth-card .success-msg{margin-bottom:15px;padding:10px 14px;border-radius:8px;font-size:0.9rem;font-weight:500;color:#155724;background:#d4edda;border:1px solid #c3e6cb}:root{--search-button-color:#4CAF50;--search-button-hover-color:#45a049;--search-container-bg-color:#f9f9f9;--search-input-border-color:#ccc;--search-input-focus-color:#4CAF50;--heading-text-color:#333;--link-text-color:#007bff;--flashcard-header-color:#2d6a4f;--flashcard-body-text-color:#333;--flashcard-gradient-start-color:rgb(45,106,79,0.3);--flashcard-gradient-end-color:#f7f7f7;--pagination-link-text-color:#3a82f7;--pagination-active-bg-color:#3a82f7;--alert-error-color:#f44336;--box-shadow:0 4px 20px rgba(0,0,0,0.1);--hover-transform:scale(1.02)}.instructions-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(45deg,#1db954,#27ae60);color:white;font-size:16px;font-weight:bold;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease-in-out;margin-top:5px;margin-bottom:15px;position:relative;margin-left:auto}.instructions-btn:hover{background:linear-gradient(45deg,#27ae60,#1db954);transform:scale(1.05)}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;transition:transform 0.3s ease-in-out}.hamburger .bar{width:100%;height:3px;background:white;border-radius:5px;transition:all 0.4s ease-in-out}.instructions-sidebar{position:fixed;top:0;left:-320px;width:300px;height:100%;background:linear-gradient(135deg,#128c4e,#1db954,#27ae60);background-size:200% 200%;color:white;padding:20px;transition:left 0.4s ease-in-out,opacity 0.3s ease-in-out;z-index:999;box-shadow:5px 0px 15px rgba(0,0,0,0.3);border-radius:0 12px 12px 0;opacity:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.6) transparent;z-index:2101}.sidebar-open{left:0!important;opacity:1}.instructions-sidebar::-webkit-scrollbar{width:6px}.instructions-sidebar::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);border-radius:10px}.instructions-sidebar::-webkit-scrollbar-track{background:transparent}.sidebar-content h3{text-align:center;font-size:18px;margin-bottom:15px}.sidebar-content p{font-size:14px;margin-bottom:10px}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.instructions-sidebar{animation:moveGradient 6s infinite linear}.close-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.close-btn .bar{width:100%;height:3px;background:white;border-radius:5px;transition:all 0.4s ease-in-out}.sidebar-open{left:0!important}.sidebar-open .close-btn .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-open .close-btn .bar:nth-child(2){transform:translateY(-8px) rotate(-45deg)}.test-response{margin-top:15px;text-align:center}.response-message{padding:12px;border-radius:6px;font-size:16px;font-weight:bold;display:none;transition:opacity 0.5s ease-in-out}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-spinner{display:none;align-items:center;justify-content:center;font-size:14px;color:#007bff;margin-top:10px}.spinner{border:3px solid rgba(0,123,255,0.3);border-top:3px solid #007bff;border-radius:50%;width:20px;height:20px;animation:spin 0.8s linear infinite;margin-right:5px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.test-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(8px);justify-content:center;align-items:center;transition:opacity 0.3s ease-in-out;z-index:2100}.test-modal-content{background:white;padding:25px;border-radius:10px;width:90%;max-width:600px;position:relative;animation:fadeIn 0.3s ease-in-out;box-shadow:0px 5px 15px rgba(0,0,0,0.3);max-height:80vh;overflow-y:auto}.auto-expand{width:100%;min-height:40px;max-height:200px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px;overflow-y:hidden;resize:none;transition:height 0.2s ease-in-out}.drug-name{color:#1d6b3b;font-weight:bold}.closing-container{position:relative;display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:100%}.close{font-size:100px;cursor:pointer;color:#28a745;transition:color 0.3s ease-in-out;background:transparent;display:inline-block;line-height:1}.close:hover{color:red}.test-modal-content textarea{width:100%;padding:10px;margin-top:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;font-size:16px;transition:border-color 0.3s ease,box-shadow 0.3s ease,height 0.2s ease-in-out;resize:none;overflow-y:hidden;min-height:40px;max-height:200px}.test-modal-content textarea:focus{border-color:#28a745;outline:none;box-shadow:0px 0px 8px rgba(40,167,69,0.5);background-color:#f8fff8}.test-modal-content textarea::placeholder{color:#888;font-style:italic}.test-modal-content textarea:focus::placeholder{color:#28a745}.test-modal-content label{display:block;font-weight:bold;font-size:18px;color:#333;margin-top:15px}.confirm-btn{width:100%;padding:12px;background:linear-gradient(135deg,#28a745,#218838);color:white;font-size:16px;font-weight:bold;border:none;border-radius:6px;cursor:pointer;transition:0.3s;margin-top:15px}.confirm-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0px 3px 10px rgba(40,167,69,0.3)}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.modal-open{overflow:hidden}.test-myself-btn{display:block;width:80%;margin:15px auto 0;padding:12px;font-size:18px;font-weight:bold;text-align:center;color:white;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease-in-out;box-shadow:0px 4px 10px rgba(40,167,69,0.3);position:relative;overflow:hidden}.test-myself-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0px 6px 15px rgba(40,167,69,0.5);transform:translateY(-3px)}.test-myself-btn:active{transform:translateY(2px);box-shadow:0px 2px 8px rgba(40,167,69,0.3)}.test-myself-btn::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2) 10%,transparent 50%);opacity:0;transition:opacity 0.4s ease-in-out}.test-myself-btn:hover::before{opacity:1;animation:glow-animation 1s infinite alternate}@keyframes glow-animation{from{transform:scale(1);opacity:0.2}to{transform:scale(1.5);opacity:0}}.search-container{background:transparent;margin:30px auto;padding:35px;text-align:center;border-radius:15px;transition:transform 0.3s ease,box-shadow 0.3s ease}.search-container:hover{transform:translateY(-3px)}.search-title{font-size:2.2rem;font-weight:bold;color:rgb(44,44,44);text-shadow:2px 2px 5px rgba(0,0,0,0.2);margin-bottom:10px}.search-subtitle{font-size:1.2rem;color:#282828;font-weight:400;margin-bottom:20px}.search-form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.search-bar{flex:2;padding:14px 18px;border:none;border-radius:25px 0 0 25px;font-size:16px;width:100%;box-sizing:border-box;transition:all 0.3s ease;border:1px solid black}.search-bar:focus{outline:none;box-shadow:0 0 12px rgba(255,255,255,0.3)}.search-btn{flex:1;background:linear-gradient(135deg,#1db954,#178e46);color:white;border:none;padding:14px 20px;border-radius:0 25px 25px 0;font-size:18px;cursor:pointer;transition:background 0.3s ease,transform 0.2s ease;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:linear-gradient(135deg,#178e46,#1db954);transform:scale(1.05)}@media (max-width:768px){.search-container{padding:25px}.search-title{font-size:1.8rem}.search-subtitle{font-size:1rem}.search-bar{font-size:14px}.search-btn{font-size:16px}}.flashcard{background-color:rgb(255,255,255,0.5);border-radius:15px;padding:20px;box-shadow:var(--box-shadow);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid black}.flashcard:hover{transform:var(--hover-transform);box-shadow:0 6px 25px rgba(0,0,0,0.2)}.flashcard h6{color:var(--flashcard-header-color);font-weight:bold;margin-bottom:10px}.flashcard p{color:var(--flashcard-body-text-color);margin-bottom:8px;font-size:14px}.pagination{display:flex;justify-content:center;padding:15px 0}.pagination .page-item{margin:0 5px}.pagination .page-link{color:var(--pagination-link-text-color);border:1px solid var(--pagination-link-text-color);padding:10px 15px;border-radius:5px;text-decoration:none;transition:background-color 0.3s ease,color 0.3s ease}.pagination .page-link:hover{background-color:var(--pagination-active-bg-color);color:#fff}.pagination .active .page-link{background-color:var(--pagination-active-bg-color);color:#fff;border:none}.image-container{margin-bottom:15px}.drug-image{max-width:100%;height:auto;border-radius:10px;border:1px solid #ddd}.fetch-data-btn{background-color:#4f31e4;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:0.9em;transition:background-color 0.3s;margin:10px}.fetch-data-btn:hover{background-color:#3a249c}.fetch-data-btn:disabled{background-color:#cccccc;cursor:not-allowed}.chat-float{position:fixed;bottom:65px;left:40px;background-color:#007bff;color:white;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 8px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;z-index:1000}.chat-float:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,0.3)}.chat-float .chat-icon{font-size:1.5rem}.chat-popup{position:fixed;top:10%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.3);display:none;flex-direction:column;overflow:hidden;z-index:2000}@media (max-width:768px){.chat-popup{left:50%;transform:translateX(-50%);width:90%}}@media (min-width:769px){.chat-popup{left:20px}}.chat-header{background-color:#007bff;color:#fff;padding:10px 15px;font-size:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0056b3}.chat-header .ass-close-btn{background:none;border:none;color:#fff;font-size:3.5rem;cursor:pointer}.chat-body{display:flex;flex-direction:column;height:400px;padding:15px}.chat-messages{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:5px;scrollbar-width:thin;scrollbar-color:#007bff #f1f1f1}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}.chat-messages .user-message,.chat-messages .reply-message{margin:5px 0;padding:8px 12px;border-radius:10px;max-width:80%;word-wrap:break-word}.chat-messages .user-message{background-color:#d1ecf1;align-self:flex-end}.chat-messages .reply-message{background-color:#e9ecef;align-self:flex-start}#chatInput{width:100%;height:80px;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1rem;resize:none;margin-bottom:10px}.send-btn{background-color:#007bff;color:#fff;border:none;padding:12px;cursor:pointer;font-size:1rem;border-radius:8px;transition:background-color 0.3s ease;width:100%}.send-btn:hover{background-color:#0056b3}.chat-float[title]:hover::after{content:attr(title);position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background-color:#1db954;color:#fff;padding:5px 10px;border-radius:5px;font-size:0.9rem;white-space:nowrap;z-index:1100;margin-left:60px}.bonus-banner{width:100%;height:45px;background:linear-gradient(90deg,#ff416c,#ff4b2b,#ff8c00,#ff416c);background-size:300% 300%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:gradientShift 6s infinite linear;box-shadow:0px 4px 10px rgba(0,0,0,0.15);border-radius:20px}.bonus-banner-link{font-size:16px;font-weight:bold;color:white;text-decoration:none;display:flex;align-items:center;gap:8px;transition:transform 0.3s ease,text-shadow 0.3s ease;position:relative}.banner-text{display:flex;align-items:center}.glow{color:#fffacd;animation:glowEffect 2s infinite alternate ease-in-out}.bonus-banner:hover .bonus-banner-link{transform:scale(1.05);text-shadow:0px 0px 10px rgba(255,255,255,0.8)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes glowEffect{0%{text-shadow:0px 0px 5px rgba(255,255,255,0.5)}100%{text-shadow:0px 0px 15px rgba(255,255,255,1)}}@media (max-width:768px){.bonus-banner{height:40px}.bonus-banner-link{font-size:14px}}