:root{--glass-bg: rgba(20, 30, 60, .6);--glass-border: rgba(255, 255, 255, .1);--text-main: #e8f4f8;--text-highlight: #ffd700;--accent-blue: #a8dadc}body{font-family:Nunito,sans-serif;color:var(--text-main);background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);background-attachment:fixed;height:100vh;margin:0;overflow:hidden}h1,h2,h3,h4{font-family:Mountains of Christmas,cursive;font-weight:700}.scrollable-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(168,218,220,.3) transparent}.scrollable-y::-webkit-scrollbar{width:6px}.scrollable-y::-webkit-scrollbar-track{background:transparent}.scrollable-y::-webkit-scrollbar-thumb{background-color:#a8dadc4d;border-radius:20px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;border-radius:24px;transition:transform .2s ease,box-shadow .2s ease}.snowflake{position:fixed;top:-20px;color:#fff;pointer-events:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(-10vh) translate(0) rotate(0)}to{transform:translateY(110vh) translate(20px) rotate(360deg)}}button{font-family:Nunito,sans-serif;cursor:pointer}