:root{font-family:Inter,system-ui,sans-serif;--bg-main: #66C5BA;--bg-card: #FFFBE6;--text-main: #2C3E50;--text-scordboard: #000000;--accent-gold: #F4D03F;--accent-red: #E74C3C;--accent-blue: #2980B9;--primary-btn: #E67E22;--primary-btn-hover: #D35400;color-scheme:light}body{background-color:var(--bg-main);color:var(--text-main);background-image:linear-gradient(135deg,#66c5ba,#52b3a8);min-height:100vh;margin:0;display:flex;justify-content:center}#root{width:100%;max-width:600px;padding:1rem;box-sizing:border-box}@media(max-width:480px){#root{padding:.5rem}}h1{font-family:Arial Black,sans-serif;font-weight:900;font-size:2.5rem;letter-spacing:2px;color:var(--accent-gold);text-transform:uppercase;text-shadow:2px 2px 0px #000,4px 4px 0px var(--accent-red);margin-bottom:2rem;border-bottom:4px solid var(--text-main);padding-bottom:1rem}h2,h3{color:var(--text-main);border-left:6px solid var(--accent-red);padding-left:12px;font-weight:800;text-transform:uppercase}.card{background:var(--bg-card);border:3px solid #000;border-radius:12px;padding:1.5rem;box-shadow:6px 6px #0003;margin-bottom:1.5rem;color:var(--text-scordboard)}button{background:var(--primary-btn);color:#fff;font-family:Arial Black,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid #000;border-radius:8px;padding:12px 24px;box-shadow:4px 4px #000;cursor:pointer;transition:all .1s}button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;filter:brightness(1.1)}button:active{transform:translate(2px,2px);box-shadow:0 0 #000}input{background:#fff;border:2px solid #000;color:#000;font-weight:700;font-size:1.1em;padding:10px;border-radius:8px}table{width:100%}th,td{padding:10px;border-bottom:2px solid #ddd}p{font-weight:500}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}