:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}.container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}button{padding:12px 24px;font-size:1.2rem;cursor:pointer;border-radius:8px;border:1px solid transparent;transition:border-color .25s;background-color:#ffeb3b;margin-top:2rem}button:hover{border-color:#ff9800}button:disabled{background-color:#333;cursor:not-allowed;border-color:#444}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem;text-align:left}.card{background-color:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #555}.card.api-test{border-left:4px solid #646cff}.card.error{grid-column:1 / -1;border-left:4px solid #ff4d4d}.card h3{margin-top:0;border-bottom:1px solid #444;padding-bottom:.5rem}.card .result{font-size:2rem;font-weight:700;color:#646cff;margin:1rem 0}.card span{font-size:.9rem;color:#aaa}code{background-color:#333;padding:2px 4px;border-radius:4px;font-size:.85rem}