:root{--background-rgb:255,255,255;--foreground-rgb:0,0,0;--card-background-rgb:240,240,240;--border-rgb:220,220,220}[data-theme=dark]{--background-rgb:20,20,20;--foreground-rgb:255,255,255;--card-background-rgb:30,30,30;--border-rgb:50,50,50}*{box-sizing:border-box}body,html{scroll-behavior:smooth;padding:0;margin:0;background-color:rgb(var(--background-rgb));transition:background-color .3s,color .3s}body,header,html{color:rgb(var(--foreground-rgb))}header{font-weight:700;font-size:24px;padding:15px 30px;background:rgba(var(--card-background-rgb),.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(var(--border-rgb),.5);transition:background-color .3s,color .3s,border-color .3s}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.server-name a{text-decoration:none;color:inherit;font-size:28px;font-weight:800;letter-spacing:1px}.menu-button{display:none;background:none;border:none;cursor:pointer;padding:0}.menu-button .bar{display:block;width:25px;height:3px;background-color:rgb(var(--foreground-rgb));margin:5px 0;transition:.4s}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu nav{display:flex;justify-content:center;align-items:center;height:100%}.mobile-menu ul{list-style:none;padding:0;margin:0;text-align:center}.mobile-menu ul li{margin:30px 0}.mobile-menu ul li a{text-decoration:none;color:#fff;font-size:24px;font-weight:700}main{min-height:100vh;padding:24px}main.no-padding{padding:0}main:has(.main-no-padding){padding:0}footer{background-color:rgb(var(--card-background-rgb));color:rgba(var(--foreground-rgb),.7);padding:40px 20px;border-top:1px solid rgba(var(--border-rgb),.5);transition:background-color .3s,color .3s,border-color .3s}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-links a{color:rgba(var(--foreground-rgb),.7);text-decoration:none;margin-left:20px;transition:color .3s ease}.footer-links a:hover{color:rgb(var(--foreground-rgb))}.menu-button,.mobile-menu{display:block}.theme-switcher{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;background-color:rgba(255,255,255,.1);padding:8px;border-radius:20px}.theme-switcher button{background:none;border:none;color:#ccc;cursor:pointer;padding:5px 15px;border-radius:15px;transition:background-color .3s,color .3s}.theme-switcher button.active{background-color:rgba(255,255,255,.2);color:#fff}