:root{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--tile:#3a3c41;--tile-hover:#404348;--accent:#5865f2;--accent-hover:#4752c4;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--border:#4b4e54;--success:#2dc770;--danger:#da373c;--radius:10px;--colors-rainbow-100:#ff2626;--colors-rainbow-200:#fec022;--colors-rainbow-300:#65fd86;--colors-rainbow-400:#293efa;--colors-rainbow-500:#fa13ff}body,html{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*{box-sizing:border-box}header{padding:14px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}nav a{color:var(--text-secondary);margin-right:10px}nav a:hover{color:var(--text-primary)}main{padding:24px}footer{padding:16px 20px;color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg-tertiary)}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:var(--accent-hover)}