:root{--bg:#fff;--fg:#1d2430;--mut:#6b7585;--line:#dfe4ec;--card:#f6f8fb;--acc:#2b6cb0;--accfg:#fff;--ok:#2f855a;--err:#c53030;--warn:#b7791f}
@media (prefers-color-scheme:dark){:root{--bg:#161a21;--fg:#e6e9ef;--mut:#9aa4b5;--line:#2a313d;--card:#1e242d;--acc:#6aa7e8;--accfg:#10151c;--ok:#5fc08a;--err:#f08080;--warn:#e3b04b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,Segoe UI,Arial,sans-serif}
header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line)}
header a{color:var(--fg);text-decoration:none;margin-right:14px}header b a{color:var(--acc)}
main{max-width:860px;margin:0 auto;padding:16px 16px 60px}
h1{font-size:22px;margin:8px 0 14px}h2{font-size:18px;margin:26px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:12px 0}
label{display:block;margin:10px 0 4px;font-size:14px;color:var(--mut)}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],select,input[type=file]{width:100%;padding:10px 12px;font-size:16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
button,.btn{display:inline-block;padding:10px 16px;font-size:16px;border:1px solid var(--acc);border-radius:8px;background:var(--acc);color:var(--accfg);cursor:pointer;text-decoration:none}
button.ghost,.btn.ghost{background:transparent;color:var(--acc)}
button.danger{border-color:var(--err);background:transparent;color:var(--err)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flash{padding:10px 14px;border-radius:8px;margin:10px 0;border:1px solid var(--line)}
.flash.error{border-color:var(--err);color:var(--err)}.flash.ok{border-color:var(--ok);color:var(--ok)}.flash.info{border-color:var(--warn);color:var(--warn)}
.mut{color:var(--mut);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:13px;border:1px solid var(--line)}
.tag.done{color:var(--ok);border-color:var(--ok)}.tag.error{color:var(--err);border-color:var(--err)}
.bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--acc);width:0}
.copy{word-break:break-all;font-size:14px}
@media (max-width:560px){th:nth-child(3),td:nth-child(3){display:none}}