*{box-sizing:border-box}body{color:#f5f7fb;background:#0f1117;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;padding:48px 20px}.app-container{width:min(100%,760px);margin:0 auto}.app-header{margin-bottom:28px}.eyebrow{color:#a78bfa;letter-spacing:.18em;margin:0 0 8px;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.4rem,8vw,4rem);line-height:1}h2{margin-bottom:18px;font-size:1.2rem}.subtitle{color:#a8afc1;max-width:540px;line-height:1.6}.panel{background:#171a22;border:1px solid #292d3a;border-radius:18px;margin-bottom:20px;padding:24px;box-shadow:0 18px 50px #0000002e}.task-form{gap:10px;display:grid}.task-form label{color:#d7dbea;margin-top:6px;font-size:.9rem;font-weight:600}.task-form input,.task-form textarea{color:#f5f7fb;background:#10131a;border:1px solid #343948;border-radius:12px;outline:none;width:100%;padding:13px 14px}.task-form input:focus,.task-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}.task-form textarea{resize:vertical}.task-form button{color:#fff;cursor:pointer;background:#8b5cf6;border:0;border-radius:12px;margin-top:8px;padding:13px 18px;font-weight:700}.task-form button:hover:not(:disabled){background:#7c3aed}.success-message{text-align:center;color:#86efac;margin:0;font-weight:600}.error-message{text-align:center;color:#fca5a5;margin:0;font-weight:600}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading span{color:#8e96aa;font-size:.9rem}.task-controls{gap:12px;margin-bottom:20px;display:grid}.search-label{color:#d7dbea;font-size:.9rem;font-weight:600}.search-input{color:#f5f7fb;background:#10131a;border:1px solid #343948;border-radius:12px;outline:none;width:100%;padding:13px 14px}.search-input::placeholder{color:#72798b}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}.filter-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.filter-button,.clear-filters-button{color:#a8afc1;cursor:pointer;background:#10131a;border:1px solid #343948;border-radius:10px;padding:9px 13px;font-size:.8rem;font-weight:700}.filter-button:hover:not(:disabled),.clear-filters-button:hover:not(:disabled){color:#f5f7fb;border-color:#8b5cf6}.filter-button.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.clear-filters-button{width:fit-content;margin-top:2px}.empty-state{text-align:center;border:1px dashed #343948;border-radius:14px;padding:28px}.empty-state p{margin-bottom:6px;font-weight:700}.empty-state span{color:#8e96aa;font-size:.9rem}.task-list{gap:14px;display:grid}.task-item{background:#10131a;border:1px solid #292d3a;border-radius:14px;padding:18px}.task-item-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.task-item h3{margin:0 0 10px;font-size:1rem}.task-item p{color:#a8afc1;margin:14px 0 0;line-height:1.5}.badges{flex-wrap:wrap;gap:8px;display:flex}.priority,.tag{text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.priority-high{color:#fca5a5;background:#ef444426}.priority-normal{color:#93c5fd;background:#3b82f626}.priority-low{color:#86efac;background:#22c55e26}.tag{color:#c4b5fd;background:#8b5cf626}.task-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.task-actions button,.edit-actions button{cursor:pointer;border:0;border-radius:9px;padding:8px 11px;font-size:.8rem;font-weight:700}.edit-button{color:#c4b5fd;background:#8b5cf626}.edit-button:hover:not(:disabled){background:#8b5cf640}.secondary-button{color:#e5e7eb;background:#252a36}.secondary-button:hover:not(:disabled){background:#303644}.danger-button{color:#fca5a5;background:#ef444426}.danger-button:hover:not(:disabled){background:#ef44443d}.edit-task-form{gap:10px;display:grid}.edit-task-form label{color:#d7dbea;font-size:.85rem;font-weight:600}.edit-task-form input,.edit-task-form textarea{color:#f5f7fb;background:#171a22;border:1px solid #343948;border-radius:10px;outline:none;width:100%;padding:11px 12px}.edit-task-form input:focus,.edit-task-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}.edit-task-form textarea{resize:vertical}.edit-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.save-button{color:#fff;background:#8b5cf6}.save-button:hover:not(:disabled){background:#7c3aed}.cancel-button{color:#e5e7eb;background:#252a36}.cancel-button:hover:not(:disabled){background:#303644}.task-completed{opacity:.65}.task-completed h3{text-decoration:line-through}@media (width<=640px){.app-shell{padding:28px 14px}.panel{padding:18px}.section-heading{align-items:flex-start}.filter-buttons{grid-template-columns:1fr}.task-item-heading{flex-direction:column}.task-actions{justify-content:flex-start;width:100%}.edit-actions{width:100%}}:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#0f1117;min-width:320px;min-height:100%}body{background:#0f1117;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}