:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#0b0b0b;color:#eee;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.container{width:100%;max-width:900px;margin:32px auto;padding:0 16px;display:flex;flex-direction:column;align-items:center}h1{margin:0 0 24px;text-align:center}.controls{display:flex;gap:12px;align-items:center;margin-bottom:24px;justify-content:center;flex-wrap:wrap}.controls button{border:1px solid #444;background:#161616;color:#eee;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1rem}.controls button[disabled]{opacity:.5;cursor:not-allowed}.grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.card{text-align:left;border:1px solid #303030;background:#141414;color:#eee;padding:18px;border-radius:12px;cursor:pointer;font-size:1.1rem;transition:background .2s}.card:hover{background:#1a1a1a}.details{margin-top:32px;border-top:1px solid #333;padding-top:24px;width:100%;max-width:500px;text-align:center}.error{color:#ff6b6b;text-align:center;margin-bottom:16px}@media (max-width: 600px){.container{padding:0 4vw}.grid{grid-template-columns:1fr;gap:12px}.details{padding-top:16px;margin-top:20px}}.skeleton{background-color:#e2e2e2;border-radius:4px;margin:5px 0;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}