:root{--swamp-gradient-dark: linear-gradient(135deg, #050a14 0%, #0a192f 50%, #1e1b4b 100%);--swamp-gradient-light: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 50%, #94e1eb 100%);--glass-bg-light: rgba(255, 255, 255, .3);--glass-border-light: rgba(255, 255, 255, 1);--glass-shadow-light: rgba(31, 38, 135, .25);--glass-bg-dark: rgba(15, 23, 42, .6);--glass-border-dark: rgba(255, 255, 255, .08);--glass-shadow-dark: rgba(0, 0, 0, .5);--bubble-bg-light: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));--bubble-border-light: rgba(255, 255, 255, .6);--bubble-shadow-light: rgba(0, 151, 167, .2)}body{margin:0;padding:0;min-height:100vh;transition:background .5s ease;overflow-x:hidden}.swamp-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.swamp-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;animation:gradient-flow 20s ease infinite;background-size:200% 200%}@keyframes gradient-flow{0%{transform:translate(0)}50%{transform:translate(-10%,-10%)}to{transform:translate(0)}}.bubble{position:absolute;bottom:-100px;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a);border-radius:50%;pointer-events:none;animation:rise linear infinite;opacity:0}.bubble-light{background:var(--bubble-bg-light);border:1px solid var(--bubble-border-light);box-shadow:0 4px 8px var(--bubble-shadow-light)}.bubble-dark{background:radial-gradient(circle at 30% 30%,#fff3,#fff0);box-shadow:0 0 8px #00ffff4d}@keyframes rise{0%{bottom:-100px;opacity:0;transform:translate(0) scale(.5)}5%{opacity:.7}85%{opacity:.5}to{bottom:120vh;opacity:0;transform:translate(var(--drift)) scale(1.2)}}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}div.glass-panel-light{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-light)!important;box-shadow:0 12px 40px 0 var(--glass-shadow-light)!important}div.glass-panel-dark{background:var(--glass-bg-dark)!important;border:1px solid var(--glass-border-dark)!important;box-shadow:0 8px 32px 0 var(--glass-shadow-dark)!important}.text-gradient-liver{background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-listener{background:linear-gradient(135deg,#00e5ff,#2979ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}