:root{--bg:#0f1115;--bg-rgb:15,17,21;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--inactive:#3a4150;--inactive-rgb:58,65,80;--text-dim:#9aa0ab;--text:#e8eaed;--accent:#7b5cd6;--accent-rgb:123,92,214;--accent-hover:#916fe8;--accent-active:#5f43ad;--accent-muted:#1d182e;--genre-blue:#35c0ed;--genre-blue-rgb:53,192,237;--genre-green:#35d07f;--genre-green-rgb:53,208,127;--genre-yellow:#f5a623;--genre-yellow-rgb:245,166,35;--genre-pink:#e8607d;--genre-pink-rgb:232,96,125;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f7;--bg-rgb:244,245,247;--surface:#ffffff;--surface-2:#eef0f4;--border:#dcdee3;--inactive:#b6bac2;--inactive-rgb:182,186,194;--text-dim:#61666f;--text:#14161b;--accent:#5f43ad;--accent-rgb:95,67,173;--accent-hover:#7b5cd6;--accent-active:#4a3494;--accent-muted:#efeafb;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-space-grotesk),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.pageMain{flex:1 1;min-height:0;display:flex}.pageMain>*{width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:rgba(var(--accent-rgb),.35)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--inactive)}