:root{--bg: #0f0f12;--surface: #1a1a20;--surface-hover: #24242c;--text: #f0f0f2;--text-muted: #8a8a94;--accent: #e8b923;--accent-dim: #b8921c;--correct: #22c55e;--wrong: #ef4444;--radius: 12px;--radius-lg: 20px;--font: "Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}body{overflow-x:hidden;background:var(--bg);background-image:url(/trivya-bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:0;pointer-events:none}#root{position:relative;z-index:1}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}