:root{--bs-dark-rgb:43,47,50}html{position:relative;min-height:100%}body{font-family:'Ubuntu',sans-serif;color:rgb(75,111,145);margin-bottom:auto;display:flex;flex-direction:column;min-height:100vh}input[type="radio"]:checked{background-color:rgb(0,134,206)}a{text-decoration:none;color:rgb(0,134,206)}.fs-8{font-size:small}.fs-5-custom{font-size:18px}main{flex:1}ul li{margin-bottom:12px}ol li{margin-bottom:12px}button:hover,input:hover,optgroup:hover,select:hover{cursor:pointer}input[type="text"],textarea:hover{cursor:text}button:hover:disabled,input:hover:disabled,optgroup:hover:disabled,select:hover:disabled,textarea:hover:disabled{cursor:not-allowed}.bi{width:1em;height:1em;vertical-align:-0.125em;fill:currentcolor}.bg-dark{--bs-bg-opacity:.90}.flash-info,.flash-success,.flash-warning,.flash-error,.flash-validation{border-radius:13px;margin:auto;width:max-content;padding:15px 10px 15px 3rem;background-repeat:no-repeat;background-position:10px center;background-size:2rem}.flash-info{color:#00529b;background-color:#bde5f8;background-image:url("https://i.imgur.com/ilgqWuX.png")}.flash-success{color:#4f8a10;background-color:#dff2bf;background-image:url(../images/message_icons/success.svg)}.flash-warning{color:#9f6000;background-color:#feefb3;background-image:url(../images/message_icons/warning.svg)}.flash-error{color:#d8000c;background-color:#ffbaba;background-image:url(../images/message_icons/error.svg)}.flash-validation{color:#d63301;background-color:#ffccba;background-image:url("https://i.imgur.com/GnyDvKN.png")}.error{color:#d8000c}.mt-2{text-align:left}.btn-dark,.btn-outline-danger,.btn-primary,.btn-success,.btn-warning,.btn-danger{border-width:0px}.btn-primary{background-color:rgb(0,166,216)}.btn-primary:hover{background-color:rgb(0,143,186)}.btn-link{color:red;text-decoration:none}.btn-link:hover{text-decoration:none;color:rgb(223,0,0);transition:0.5s}.btn-reset{color:#0b71ca;text-decoration:none}::placeholder{opacity:0.7!important}input::-moz-placeholder,select::-moz-placeholder{opacity:0.7!important}input::-ms-input-placeholder,select::-ms-input-placeholder{opacity:0.7!important}input::placeholder,select::placeholder{opacity:0.7!important}td{vertical-align:middle}#editUsernameForm{display:none}.custom-close-btn{font-size:0.75rem;width:1em;height:1em;padding:0}.svg-img{width:15em}#AITokens{cursor:pointer}.table th,.table td{font-size:1rem}.table img{width:150px}.demo-user-alert-message{position:sticky;top:0;z-index:1050;width:100%;background:#FFC107;color:#515151;border:1px solid #ffeeba;padding:1rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.03)}.demo-user-login-btn{background-color:#6c63ff;color:#fff;border:none;border-radius:6px;padding:0.5rem 1.5rem;transition:background 0.2s,color 0.2s,box-shadow 0.2s;box-shadow:0 2px 8px rgba(108,99,255,0.08);font-weight:500;font-size:1rem}.demo-user-login-btn:hover,.demo-user-login-btn:focus{background-color:#5548c8;color:#e0e0e0;box-shadow:0 4px 16px rgba(108,99,255,0.18)}.contributors-hidden{display:none}.contributors-toggle-btn{cursor:pointer;color:#006eff;text-decoration:underline}input[type="email"],input[type="password"]{cursor:text}.create-label-info{color:rgb(129,129,129)}@media (max-width:768px){.table th,.table td{font-size:0.8rem}.table img{width:108px;height:126px}.table button{width:60px;height:30px;font-size:0.7rem}.form-label{font-size:1.05rem}.create-label-info,.quick-note{font-size:0.95rem}}@media (max-width:576px){.table th,.table td{font-size:0.7rem}.table img{width:72px;height:84px}.table button{width:50px;height:28px;font-size:0.6rem}.form-label{font-size:1rem}.create-label-info,.quick-note{font-size:0.90rem}}@media (max-width:470px){.table th,.table td{font-size:0.65rem;padding:0.3rem}.table img{width:60px;height:69.6px}.table button{width:45px;height:28px;font-size:0.65rem;padding:0.3rem}.form-label{font-size:0.95rem}.create-label-info,.quick-note{font-size:0.85rem}}@media (max-width:410px){.table th,.table td{font-size:0.55rem;padding:0.25rem}.table img{width:54px;height:62.4px}.table button{width:45px;height:25px;font-size:0.55rem;padding:0.25rem}.form-label{font-size:0.90rem}.create-label-info,.quick-note{font-size:0.80rem}}@media (max-width:370px){.table th,.table td{font-size:0.52rem;padding:0.25rem}.table img{width:46.8px;height:54px}.table button{width:42px;height:23px;font-size:0.47rem;padding:0.25rem}.form-label{font-size:0.85rem}.create-label-info,.quick-note{font-size:0.75rem}}@media (max-width:355px){.table th,.table td{font-size:0.42rem;padding:0.2rem}.table img{width:36px;height:42px}.table button{width:35px;height:21px;font-size:0.42rem;padding:0.2rem}.form-label{font-size:0.80rem}.create-label-info,.quick-note{font-size:0.70rem}}@media (max-width:767.98px){.navbar-nav .nav-item{margin-bottom:0.1rem!important}.navbar-nav .nav-link{padding-top:0.2rem!important;padding-bottom:0.2rem!important}}.account-section{background:rgba(255,255,255,0.07);border-radius:0.5rem}@media (min-width:768px){.account-section{margin-left:auto;margin-right:0;background:none;border-radius:0;padding:0}}.create-btn-custom{position:relative;overflow:hidden;background:linear-gradient(90deg,#a259ff 0%,#6c63ff 100%);border:none;color:#fff;box-shadow:0 0.5rem 1.5rem rgba(162,89,255,0.18),0 0 0 0 #a259ff;border-radius:2.2rem;letter-spacing:0.01em;z-index:1}.create-btn-custom .create-btn-glow{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 60% 40%,#c3a6ff 0%,#a259ff 60%,transparent 100%);opacity:0.35;z-index:0;pointer-events:none}.create-btn-custom:hover,.create-btn-custom:focus{background:linear-gradient(90deg,#b47aff 0%,#7c5cff 100%);color:#fff;text-decoration:none;transform:scale(1.09) rotate(-1deg);box-shadow:0 0.7rem 2rem rgba(162,89,255,0.28),0 0 0 0.2rem #b47aff}.create-btn-custom:active{background:linear-gradient(90deg,#7c5cff 0%,#4e2a84 100%);color:#fff;box-shadow:0 0.3rem 0.8rem rgba(76,29,149,0.22);transform:scale(0.98)}.create-btn-icon{transition:transform 0.18s cubic-bezier(.4,2,.6,1),filter 0.18s;filter:drop-shadow(0 0 4px #c3a6ff88);z-index:2}.create-btn-custom:hover .create-btn-icon{transform:rotate(-10deg) scale(1.13);filter:drop-shadow(0 0 8px #b47affcc)}.create-btn-custom:active .create-btn-icon{transform:scale(0.97) rotate(-3deg);filter:drop-shadow(0 0 2px #7c5cffcc)}@media (min-width:576px){.create-btn-custom{font-size:1.1rem!important}.create-btn-icon{width:28px!important;height:28px!important}}@media (min-width:768px){.create-btn-custom{font-size:1.2rem!important}.create-btn-icon{width:32px!important;height:32px!important}}:root{--primary-purple:#6A1B9A;--secondary-purple:#8E24AA;--accent-purple:#AB47BC;--light-purple:#CE93D8;--dark-purple:#4A148C;--swal-dialog-image:#e2dee6;--text-color:#495057;--splash-gradient-light:linear-gradient(135deg,#4A148C 0%,#6A1B9A 25%,#8E24AA 50%,#AB47BC 75%,#CE93D8 100%);--content-odd-gradient-light:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);--content-even-gradient-light:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);--backstory-bg-light:linear-gradient(135deg,rgba(106,27,154,0.1) 0%,rgba(142,36,170,0.1) 100%);--audio-player-bg-light:linear-gradient(135deg,rgba(106,27,154,0.1) 0%,rgba(142,36,170,0.1) 100%);--splash-gradient-dark:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#533483 75%,#7b1fa2 100%);--content-odd-gradient-dark:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);--content-even-gradient-dark:linear-gradient(135deg,#2d2d2d 0%,#404040 100%);--backstory-bg-dark:linear-gradient(135deg,rgba(206,147,216,0.15) 0%,rgba(186,104,200,0.15) 100%);--audio-player-bg-dark:linear-gradient(135deg,rgba(206,147,216,0.15) 0%,rgba(186,104,200,0.15) 100%);transition:--primary-purple 0.5s ease,--secondary-purple 0.5s ease,--accent-purple 0.5s ease,--light-purple 0.5s ease,--dark-purple 0.5s ease,--swal-dialog-image 0.5s ease,--text-color 0.5s ease}[data-bs-theme="dark"]{--primary-purple:#CE93D8;--secondary-purple:#BA68C8;--accent-purple:#9C27B0;--light-purple:#E1BEE7;--dark-purple:#7B1FA2;--swal-dialog-image:#402e4e;--text-color:#e0e0e0}:root{--font-title:'Cinzel',serif;--font-body:'Montserrat',sans-serif;--bg-dark:#1a1a2e;--bg-light:#f0f0f5;--panel-dark:#162447;--panel-light:#ffffff;--text-dark:#e9e9ff;--text-light:#1a1a2e;--accent-primary:#7b2cbf;--accent-glow:#a45ee5;--accent-secondary:#ff8c42;--border-color:rgba(164,94,229,0.2)}[data-bs-theme="dark"]{--bg-main:var(--bg-dark);--panel-main:var(--panel-dark);--text-main:var(--text-dark);--bs-body-bg:var(--bg-main);--bs-body-color:var(--text-main)}[data-bs-theme="light"]{--bg-main:var(--bg-light);--panel-main:var(--panel-light);--text-main:var(--text-light);--bs-body-bg:var(--bg-main);--bs-body-color:var(--text-main)}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);transition:background-color 0.3s ease}h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:var(--font-title);font-weight:700}.navbar-custom{background-color:rgba(22,36,71,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px rgba(0,0,0,0.2);padding:0.75rem 1rem}[data-bs-theme="light"] .navbar-custom{background-color:rgba(255,255,255,0.7);border-bottom:1px solid #ddd}.navbar-brand{color:var(--accent-glow)!important;font-size:2.5rem;text-shadow:0 0 10px var(--accent-glow)}[data-bs-theme="light"] .navbar-brand{color:var(--accent-primary)!important;text-shadow:none}.navbar-brand .potion-icon{width:2.2rem;height:2.2rem;margin-right:0.75rem;vertical-align:text-bottom;filter:drop-shadow(0 0 5px var(--accent-glow))}.navbar-custom .nav-link{color:var(--text-dark);font-weight:500;padding:0.5rem 1rem;border-radius:0.5rem;transition:all 0.3s ease}[data-bs-theme="light"] .navbar-custom .nav-link{color:var(--text-light)}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:white;background-color:var(--accent-primary);text-shadow:0 0 5px white}[data-bs-theme="light"] .navbar-custom .nav-link:hover,[data-bs-theme="light"] .navbar-custom .nav-link.active{color:white}.navbar-toggler{border-color:var(--border-color)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(164, 94, 229, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.dropdown-menu{background-color:var(--panel-dark)!important;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-bs-theme="light"] .dropdown-menu{background-color:var(--panel-light)!important}.dropdown-item.nav-link:hover{background-color:var(--accent-primary)!important}.ai_tokens_value.has-tokens{color:#4ade80;font-weight:bold}.ai_tokens_value.no-tokens{color:#f87171;font-weight:bold}.content-panel{background-color:var(--panel-main);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.3);border-radius:1rem;padding:2.5rem;margin-top:2rem;margin-bottom:2rem;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;transition:background-color 0.3s ease,border-color 0.3s ease}.flash-message,.demo-user-alert-message{background:linear-gradient(90deg,#a159ffe1 0%,#6b63ffda 100%);color:#fff6fe;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:0.5rem}.flash-error{border-left-color:var(--accent-secondary)}.flash-success{border-left-color:#4ade80}[data-bs-theme="light"] .flash-message,[data-bs-theme="light"] .demo-user-alert-message{background-color:#e9e9ff}.demo-user-alert-message{text-align:center}.demo-user-alert-message a{color:#ffbb00;font-weight:bold}.footer-custom{background:rgba(40,20,70,0.85);backdrop-filter:blur(2px);color:white;padding:1.5rem 0;margin-top:auto;font-size:0.9rem}.footer-custom div:first-child{font-family:var(--font-body);font-size:1rem;letter-spacing:1px}.btn-back-to-top,.btn-color-modes{background:linear-gradient(145deg,var(--accent-glow),var(--accent-primary));border:none;color:white;border-radius:50%;width:50px;height:50px;box-shadow:0 4px 15px rgba(123,44,191,0.4);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.btn-back-to-top:hover,.btn-color-modes:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(123,44,191,0.6)}.btn-back-to-top{right:1.5rem;z-index:1000}.bd-mode-togglee{right:5rem;z-index:1000}#top-button{display:none}.table-responsive{background-color:var(--panel-main);border:1px solid var(--border-color);border-radius:0.75rem;box-shadow:0 5px 20px rgba(0,0,0,0.3);overflow:hidden;margin-top:1.5rem;margin-bottom:1.5rem}.table{--bs-table-bg:transparent;--bs-table-color:var(--text-main);margin-bottom:0;border-collapse:separate;border-spacing:0}.table thead th{background-color:var(--accent-primary);color:white;font-family:var(--font-title);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid var(--accent-glow);padding:1rem 0.75rem}.table thead th:first-child{border-top-left-radius:0.75rem;padding-left:1.5rem}.table thead th:last-child{border-top-right-radius:0.75rem;padding-right:1.5rem}.table tbody td{padding:0.75rem;border-top:none}.table tbody td:first-child{padding-left:1.5rem}.table tbody td:last-child{padding-right:1.5rem}.table tbody tr{transition:background-color 0.2s ease-in-out,transform 0.1s ease;border-bottom:1px solid rgba(164,94,229,0.1)}.table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}[data-bs-theme="light"] .table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.02)}.table tbody tr:hover{background-color:rgba(123,44,191,0.15);transform:scale(1.005)}[data-bs-theme="light"] .table tbody tr:hover{background-color:rgba(123,44,191,0.08)}.table tbody td{padding:0.75rem;border-top:none}.table img{border:2px solid var(--accent-primary);border-radius:0.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.2s ease}.table img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.table td span{font-style:italic;opacity:0.7}.table td form{margin-bottom:0}.table + p{text-align:center;font-size:1.2rem;font-style:italic;color:var(--text-main);padding:2rem;background-color:var(--panel-main);border:1px solid var(--border-color);border-radius:0.75rem;box-shadow:0 5px 20px rgba(0,0,0,0.3);margin-top:1.5rem;margin-bottom:1.5rem}@media (max-width:768px){.table tbody td{padding:0.3rem}}@media (max-width:576px){.table thead th{padding:0.3rem 0.2rem}}@media (max-width:440px){.table thead th{padding:0.25rem 0.15rem}}.table img{width:120px;height:140px;object-fit:cover;object-position:top;border:2px solid var(--accent-primary);border-radius:0.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.2s ease}.table img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.3)}@media (max-width:768px){.table th,.table td{font-size:0.8rem}.table img{width:108px;height:126px}.table button{width:60px;height:30px;font-size:0.7rem}.form-label{font-size:1.05rem}.create-label-info,.quick-note{font-size:0.95rem}}@media (max-width:576px){.table th,.table td{font-size:0.7rem}.table img{width:72px;height:84px}.table button{width:50px;height:28px;font-size:0.6rem}.form-label{font-size:1rem}.create-label-info,.quick-note{font-size:0.90rem}}@media (max-width:470px){.table th,.table td{font-size:0.65rem;padding:0.3rem}.table img{width:60px;height:69.6px}.table button{width:45px;height:28px;font-size:0.65rem;padding:0.3rem}.form-label{font-size:0.95rem}.create-label-info,.quick-note{font-size:0.85rem}}@media (max-width:410px){.table th,.table td{font-size:0.55rem;padding:0.25rem}.table img{width:54px;height:62.4px}.table button{width:45px;height:25px;font-size:0.55rem;padding:0.25rem}.form-label{font-size:0.90rem}.create-label-info,.quick-note{font-size:0.80rem}}@media (max-width:370px){.table th,.table td{font-size:0.52rem;padding:0.25rem}.table img{width:46.8px;height:54px}.table button{width:42px;height:23px;font-size:0.47rem;padding:0.25rem}.form-label{font-size:0.85rem}.create-label-info,.quick-note{font-size:0.75rem}}@media (max-width:355px){.table th,.table td{font-size:0.42rem;padding:0.2rem}.table img{width:36px;height:42px}.table button{width:35px;height:21px;font-size:0.42rem;padding:0.2rem}.form-label{font-size:0.80rem}.create-label-info,.quick-note{font-size:0.70rem}}.empty-state{text-align:center;padding:3rem 2rem;background:linear-gradient(145deg,rgba(22,36,71,0.3),rgba(26,26,46,0.5));border:2px dashed var(--border-color);border-radius:1rem;color:var(--text-main);opacity:0.8}.empty-state-icon{font-size:4rem;color:var(--accent-glow);margin-bottom:1rem;opacity:0.5}.navbar-brand{font-family:'Cinzel Decorative',cursive;background:linear-gradient(45deg,#a77dff,#62b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(167,125,255,0.9),0 0 25px rgba(98,179,255,0.7);transition:all 0.3s ease-in-out;position:relative;display:inline-block;animation:magicalGlow 3s ease-in-out infinite alternate}.navbar-brand:hover{text-shadow:0 0 15px rgba(167,125,255,1),0 0 35px rgba(98,179,255,0.9);transform:scale(1.02)}@media (max-width:991.98px){.navbar-custom .navbar-collapse{justify-content:center!important;text-align:center}.navbar-custom .navbar-nav{flex-direction:column!important;align-items:center!important;width:100%}.navbar-custom .navbar-nav .nav-item{width:100%;display:flex;justify-content:left}.navbar-custom .account-section{width:100%;justify-content:left!important;margin-top:1rem}}.navbar-brand .brand-a{font-size:1em}.navbar-brand .brand-rcana{font-size:0.6em}.navbar-brand .brand-pdf{font-size:0.8em}@media (max-width:576px){.navbar-brand{font-size:2.4rem!important}.navbar-brand .brand-a{font-size:1em}.navbar-brand .brand-rcana{font-size:0.5em}.navbar-brand .brand-pdf{font-size:0.7em}}.load-btn-custom{background:linear-gradient(90deg,#9b59b6 0%,#8e44ad 100%);color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:0.9em;font-weight:normal;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.2);width:100%;max-width:100px}.load-btn-custom:hover{background:linear-gradient(90deg,#a76fb5 0%,#9e5ebc 100%);transform:scale(1.03);box-shadow:0 6px 15px rgba(0,0,0,0.3)}.load-btn-custom:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.delete-btn-custom{background:linear-gradient(90deg,#be2edd 0%,#8e44ad 100%);color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:0.9em;font-weight:normal;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.2);width:100%;max-width:100px}.delete-btn-custom:hover{background:linear-gradient(90deg,#cf40ee 0%,#9e5ebc 100%);transform:scale(1.03);box-shadow:0 6px 15px rgba(0,0,0,0.3)}.delete-btn-custom:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,0.2)}@media (max-width:768px){.load-btn-custom,.delete-btn-custom{font-size:0.8em;padding:8px 12px}}@media (max-width:576px){.load-btn-custom,.delete-btn-custom{font-size:0.7em;padding:6px 10px;max-width:80px}}.navbar-custom{background:rgba(40,20,70,0.85)!important;backdrop-filter:blur(2px)}html[data-bs-theme="light"] .navbar-custom .custom-navbar-li,html[data-bs-theme="light"] .navbar-custom .custom-navbar-li .nav-link{color:#fff!important}html[data-bs-theme="light"] .navbar-custom .nav-link{color:#fff!important}html[data-bs-theme="light"] .navbar-custom .nav-link:hover,html[data-bs-theme="light"] .navbar-custom .nav-link:focus{color:#e0e0ff!important}.simple-hyperlink{transition:color 0.4s;color:#1469e9}.simple-hyperlink:hover,.simple-hyperlink:focus{color:#9335ff!important}.terms-of-service-footer{transition:color 0.4s;color:#fcaeff}.terms-of-service-footer:hover,.terms-of-service-footer:focus{color:#be96ff!important}.brand-container{position:relative}.environment-badge-floating{position:absolute;bottom:-8px;left:-12px;font-family:'Montserrat',sans-serif;font-size:0.8rem;font-weight:700;text-transform:lowercase;letter-spacing:0.5px;padding:3px 6px;border-radius:0px;border:2px solid;transform:rotate(12deg);animation:float 3s ease-in-out infinite;z-index:10;cursor:pointer}.environment-badge-floating.development{background:#e42f0f;color:#ffffff;border-color:#fef2f2;box-shadow:0 2px 12px #9e1f16}.environment-badge-floating.staging{background:#f89007;color:#ffffff;border-color:#fffbeb;box-shadow:0 2px 12px #c26e00}@keyframes float{0%,100%{transform:rotate(12deg) translateY(0px) scale(1)}50%{transform:rotate(12deg) translateY(-3px) scale(1.05)}}@media (max-width:768px){.environment-badge-floating{font-size:0.8rem;padding:2px 4px;bottom:-6px;left:-8px;border-width:1px}}.environment-badge-floating:hover{animation:float 3s ease-in-out infinite,pulse 1s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 2px 12px rgba(var(--shadow-color),0.4)}50%{box-shadow:0 4px 20px rgba(var(--shadow-color),0.7)}}.environment-badge-floating.development{--shadow-color:220,38,38}.environment-badge-floating.staging{--shadow-color:245,158,11}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(74,20,140,0.9);color:white;padding:1rem;z-index:1000;display:none;opacity:0;transform:translateY(100%);transition:opacity 0.6s ease-out,transform 0.6s ease-out,background-color 0.5s ease;box-shadow:0 -2px 10px rgba(0,0,0,0.2)}.cookie-banner.show{display:flex;opacity:1;transform:translateY(0)}.cookie-banner p{margin-bottom:0;font-size:0.9rem;line-height:1.4;text-align:left}.cookie-banner a{color:var(--light-purple);text-decoration:underline;transition:color 0.3s ease}.cookie-banner a:hover{color:white}.cookie-banner .btn{min-width:80px;font-size:0.85rem;padding:0.5rem 1rem;border-radius:0.5rem;transition:background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease}.cookie-banner .btn-primary{background-color:var(--accent-purple);border-color:var(--accent-purple);color:white}.cookie-banner .btn-primary:hover{background-color:var(--secondary-purple);border-color:var(--secondary-purple)}.cookie-banner .btn-secondary{background-color:transparent;border:1px solid white;color:white}.cookie-banner .btn-secondary:hover{background-color:rgba(255,255,255,0.2)}[data-bs-theme="dark"] .cookie-banner{background-color:rgba(26,26,46,0.9)}[data-bs-theme="dark"] .cookie-banner a{color:var(--light-purple)}[data-bs-theme="dark"] .cookie-banner .btn-primary{background-color:var(--secondary-purple);border-color:var(--secondary-purple)}[data-bs-theme="dark"] .cookie-banner .btn-primary:hover{background-color:var(--primary-purple);border-color:var(--primary-purple)}[data-bs-theme="dark"] .cookie-banner .btn-secondary{border-color:var(--light-purple);color:var(--light-purple)}[data-bs-theme="dark"] .cookie-banner .btn-secondary:hover{background-color:rgba(206,147,216,0.1)}@media (max-width:768px){.cookie-banner .container{flex-direction:column;text-align:center}.cookie-banner .btn{width:100%;margin-top:0.5rem}}