:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#252044;background:#f4efff;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;background:#17152b}body{background:radial-gradient(circle at 10% 15%,#ffc36a6b,#0000 28rem),radial-gradient(circle at 90% 80%,#e25ea43d,#0000 30rem),#f4efff;min-height:100vh;margin:0}#root{box-sizing:border-box;width:100%}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 15%,#6f52c147,#0000 28rem),radial-gradient(circle at 90% 80%,#be3e8333,#0000 30rem),#17152b}.app{--surface:#ffffffeb;--text:#252044;--border:#e9e3ff;--input-border:#d7cff7;--muted:#6b7280;--shadow:#5d3fd32e;box-sizing:border-box;background:var(--surface);width:calc(100% - 2rem);max-width:480px;box-shadow:0 20px 55px var(--shadow);text-align:left;border:1px solid #fffc;border-radius:24px;margin:3rem auto;padding:2rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.timer-toast{z-index:10;background:var(--surface);min-width:9.5rem;color:var(--text);border:1px solid #7654e840;border-radius:14px;align-items:center;gap:.7rem;padding:.75rem .9rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 12px 30px #5d3fd333}.timer-icon{color:#fff;background:linear-gradient(135deg,#7654e8,#e052a0);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.3rem;display:grid}.timer-toast span:last-child{flex-direction:column;line-height:1.2;display:flex}.timer-toast small{color:var(--muted);margin-top:.2rem;font-size:.78rem}h1{color:var(--text);letter-spacing:-.04em;margin:0 0 1.5rem;font-size:1.75rem}.theme-toggle{color:#c77800;cursor:pointer;background:#fff7d6;border:1px solid #f5c85b;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:1.5rem;padding:0;font-size:1.2rem;display:grid}.theme-toggle:hover{background:#ffedaa}.add-form{gap:.5rem;margin-bottom:1.25rem;display:flex}.add-form input{border:1px solid var(--input-border);color:var(--text);background:#faf9ff;border-radius:10px;flex:1;padding:.6rem .8rem;font-size:1rem}.add-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7654e8,#e052a0);border:none;border-radius:10px;padding:.6rem 1.1rem;font-weight:600;box-shadow:0 5px 12px #7654e840}.add-form button:hover{background:linear-gradient(135deg,#6543d7,#d34191)}.todo-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.todo-list li{border:1px solid var(--item-border,var(--border));border-left:4px solid var(--item-accent,#8b74e8);background:var(--item-surface,#faf9ff);border-radius:12px;align-items:center;gap:.6rem;padding:.6rem .75rem;transition:transform .15s,box-shadow .15s;display:flex}.todo-list li:hover{transform:translateY(-1px);box-shadow:0 5px 14px #5d3fd31a}.todo-list li:nth-child(4n+1){--item-accent:#ef6c9c;--item-border:#f8cadd;--item-surface:#fff6fa}.todo-list li:nth-child(4n+2){--item-accent:#f2ae42;--item-border:#f8ddb0;--item-surface:#fffaf0}.todo-list li:nth-child(4n+3){--item-accent:#42bda8;--item-border:#bce8de;--item-surface:#f2fcfa}.todo-list li:nth-child(4n+4){--item-accent:#8271df;--item-border:#d5cdf8;--item-surface:#f8f7ff}.todo-list li.completed .title{color:#9ca3af;text-decoration:line-through}.todo-list input[type=checkbox]{accent-color:var(--item-accent,#7654e8)}.todo-list .title{cursor:pointer;word-break:break-word;flex:1}.todo-list .edit-input{border:1px solid #c7d2fe;border-radius:6px;flex:1;padding:.3rem .5rem;font-size:1rem}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.delete-btn:hover{color:#b91c1c}input:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #ee6c9c59}.status{color:var(--muted);text-align:center}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem}.footer{color:var(--muted);margin-top:1.25rem;font-size:.9rem}:root[data-theme=dark] .app{--surface:#1f2937f0;--text:#f3f4f6;--border:#4b426c;--input-border:#655988;--muted:#9ca3af;--shadow:#00000059}:root[data-theme=dark] .timer-toast{border-color:#655988;box-shadow:0 12px 30px #00000059}:root[data-theme=dark] .add-form input{background:#242b3c}:root[data-theme=dark] .todo-list li{--item-border:#514a6c;--item-surface:#282b40}:root[data-theme=dark] .theme-toggle{color:#f4c95d;background:#352d58;border-color:#8065c9}:root[data-theme=dark] .error{color:#fecaca;background:#450a0a;border-color:#7f1d1d}@media (width<=560px){.timer-toast{min-width:0;bottom:1rem;left:1rem;right:1rem}}