:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}*{box-sizing:border-box}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:1rem;max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem}.input-group{gap:.5rem;margin-bottom:2rem;display:flex}input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem;transition:border-color .2s}input:focus{border-color:#38bdf8}button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s,transform .1s}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.task-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.task-item{background:#33415566;border:1px solid #ffffff0d;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:transform .2s;display:flex}.task-item:hover{background:#33415599;transform:translate(4px)}.task-info{flex-direction:column;align-items:flex-start;display:flex}.task-title{color:#f1f5f9;font-weight:500}.task-desc{color:#94a3b8;font-size:.875rem}.delete-btn{color:#fff;background:#ef4444;padding:.5rem 1rem;font-size:.875rem}.loading,.error{margin-top:1rem;font-size:.875rem}.error{color:#ef4444}.loading{color:#38bdf8}