:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#111;--muted:#777;--line:#e5e5e5;--accent:#f6821f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#eee;--muted:#888;--line:#2a2a2a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:48px 16px}h1{margin:0;font-size:28px}.sub{color:var(--muted);margin:4px 0 24px}form{gap:8px;display:flex}input:not([type]){border:1px solid var(--line);color:inherit;font:inherit;background:0 0;border-radius:8px;flex:1;padding:10px 12px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px}button.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;padding:4px 10px}.todos{margin:20px 0;padding:0;list-style:none}.todos li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.todos label{cursor:pointer;align-items:center;gap:10px;display:flex}.todos li.done span{color:var(--muted);text-decoration:line-through}.empty{color:var(--muted)}.error{color:#d33}.perf{margin-top:40px}.perf-head{justify-content:space-between;align-items:center;display:flex}.perf h2{margin:0;font-size:16px}.stats{color:var(--muted)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}th{color:var(--muted);font-weight:500}