:root{--bg-color:#f4f4f5;--text-color:#27272a;--card-bg:#fff;--border-color:#d4d4d8;--primary:#3b82f6;--primary-hover:#2563eb;--error:#ef4444;--success:#22c55e;--font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@media (prefers-color-scheme:dark){:root{--bg-color:#18181b;--text-color:#e4e4e7;--card-bg:#27272a;--border-color:#3f3f46;--primary:#3b82f6;--primary-hover:#60a5fa}}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.5}main{max-width:1000px;margin:0 auto;padding:2rem 1rem}h1,h2,h3{margin-top:0}button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-family:inherit;font-size:1rem}button:hover{background-color:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}input{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);border-radius:4px;padding:.5rem;font-family:inherit;font-size:1rem}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1rem;padding:1rem}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{border:1px solid var(--border-color);text-align:center;padding:.5rem}th{background-color:var(--bg-color)}