:root{--background:#0f172a;--foreground:#f8fafc;--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#1e293b;--accent:#f472b6;--card-bg:#1e293b;--nav-bg:rgba(15,23,42,0.8);--player-bg:rgba(30,41,59,0.95);--text-muted:#94a3b8;--border:#334155}body,html{height:100%;margin:0;padding:0;background-color:var(--background);color:var(--foreground);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-bottom:140px}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}button{cursor:pointer;border:none;outline:none;background:none;color:inherit;font-family:inherit}.container{max-width:800px;margin:0 auto;padding:0 1rem}.header{position:sticky;top:0;z-index:100;background-color:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0}.headerInner{display:flex;justify-content:space-between;align-items:center}.navList{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.footer{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:var(--player-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:1000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}