:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#e8e8f0;background:radial-gradient(1200px 600px at 70% -10%,#ffe6d6,#0000),#0f1220;min-height:100vh;margin:0;font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif}.wrap{max-width:820px;margin:0 auto;padding:48px 20px}.badge{letter-spacing:.06em;text-transform:uppercase;color:#ffb37a;border:1px solid #ffb37a55;border-radius:999px;padding:4px 12px;font-size:13px;display:inline-block}h1{margin:.4em 0 .2em;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.sub{color:#aab;max-width:60ch}code{background:#ffffff1a;border-radius:6px;padding:1px 6px}.cards{grid-template-columns:1fr 1fr;gap:16px;margin:26px 0;display:grid}.card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:20px;box-shadow:0 10px 40px #0006}.k{color:#99a;font-size:14px}.clock{font-variant-numeric:tabular-nums;margin:6px 0;font-size:2.4rem;font-weight:700}.count{text-align:center;margin:6px 0;font-size:3rem;font-weight:800}.row{justify-content:center;gap:8px;display:flex}.row.add{justify-content:stretch}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff9f45);border:0;border-radius:12px;padding:10px 16px;font-weight:600;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.06);transform:translateY(-2px)}input[type=text],input:not([type]){flex:1}input{color:#fff;font:inherit;background:#0f1220;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px}.todo ul{margin:14px 0 0;padding:0;list-style:none}.todo li{border-top:1px solid #ffffff14;padding:8px 0}.todo li.done label{opacity:.5;text-decoration:line-through}.todo label{cursor:pointer;align-items:center;gap:10px;display:flex}footer{color:#778;margin-top:28px;font-size:14px}@media (width<=640px){.cards{grid-template-columns:1fr}}