:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:#e4e4e7;background:#0a0a0a;margin:0}.app{max-width:560px;min-height:100vh;margin:0 auto;padding:48px 20px 32px}header h1{letter-spacing:.3em;color:#ea580c;margin:0 0 4px;font-size:28px}header p{color:#6b6b76;margin:0 0 24px;font-size:12px}.add{gap:8px;margin-bottom:16px;display:flex}.add input{color:#e4e4e7;background:#121212;border:1px solid #262626;border-radius:6px;outline:none;flex:1;height:40px;padding:0 12px;font-size:14px}.add input:focus{border-color:#ea580c}.add button{color:#fff;cursor:pointer;background:#ea580c;border:0;border-radius:6px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.add button:disabled{opacity:.4;cursor:default}.filters{gap:6px;margin-bottom:16px;display:flex}.filters button{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #262626;border-radius:999px;padding:5px 12px;font-size:12px}.filters button.on{color:#ea580c;background:#ea580c1f;border-color:#ea580c}.todos{border:1px solid #1c1c1c;border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.todos li{background:#0f0f0f;border-bottom:1px solid #1c1c1c;align-items:center;gap:10px;padding:12px 14px;display:flex}.todos li:last-child{border-bottom:0}.todos li.done .text{color:#6b6b76;text-decoration:line-through}.todos .text{flex:1;font-size:14px}.todos input[type=checkbox]{accent-color:#ea580c;cursor:pointer;width:16px;height:16px}.todos .x{color:#6b6b76;cursor:pointer;background:0 0;border:0;font-size:13px}.todos .x:hover{color:#f87171}.todos .empty{color:#6b6b76;font-size:13px}footer{color:#6b6b76;text-align:center;margin-top:14px;font-size:12px}