:root{--bg:#fff;--fg:#1b1b1f;--muted:#5f5e66;--pri:#3f51b5;--on-pri:#fff;--card:#f3f2f7;--ok:#1b7f3b;--bad:#b3261e}@media(prefers-color-scheme:dark){:root{--bg:#131316;--fg:#e4e1e6;--muted:#a8a6ad;--pri:#b8c3ff;--on-pri:#1b2678;--card:#1f1f23;--ok:#7bd88f;--bad:#f2b8b5}}*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,Roboto,sans-serif;background:var(--bg);color:var(--fg)}main{max-width:960px;margin:0 auto;padding:16px}h1{font-size:22px;margin:8px 0 12px}h2{font-size:18px;margin:20px 0 8px}.card{background:var(--card);border-radius:12px;padding:16px;margin:12px 0}button,select,input{font:inherit;min-height:44px;border-radius:20px;border:1px solid var(--muted);padding:0 16px;background:var(--bg);color:var(--fg)}button.pri{background:var(--pri);color:var(--on-pri);border:0}label{display:block;margin:8px 0}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--muted);padding:6px;text-align:left}.ok{color:var(--ok)}.bad{color:var(--bad)}.muted{color:var(--muted)}pre{white-space:pre-wrap;word-break:break-all;font-size:12px}a{color:var(--pri)}