:root{--accent: #6366f1}body{min-height:100vh;margin:0;font-family:Inter,sans-serif;background:linear-gradient(120deg,#f5f7fa,#e5e7eb);color:#22223b;transition:background .3s,color .3s}body.dark{background:linear-gradient(120deg,#232336,#18181b);color:#f1f5f9}.todo-container{max-width:1200px;margin:80px auto;background:#fff;border-radius:24px;box-shadow:0 12px 40px #6366f11f,0 2px 8px #0000000d;padding:3.5rem 2.5rem;transition:box-shadow .3s,background .3s,color .3s;animation:fadeIn .8s cubic-bezier(.39,.575,.565,1) both;position:relative}body.dark .todo-container{background:#232336;color:#f1f5f9}.todo-container:hover{box-shadow:0 16px 48px #6366f12e,0 2px 8px #0000000f}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.todo-logo{text-align:center;font-size:2.5rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;letter-spacing:-1px;color:#22223b}body.dark h1{color:#f1f5f9}.motivational-quote{text-align:center;font-style:italic;color:var(--accent, #6366f1);margin:1rem 0 1.5rem;font-size:1.1rem}.todo-form{display:flex;gap:1.2rem;margin-bottom:2.2rem;justify-content:center;flex-wrap:wrap}.todo-input,.todo-date{flex:1 1 180px;padding:.7rem 1rem;border:1.5px solid #e5e7eb;border-radius:.5rem;font-size:1.1rem;transition:box-shadow .2s,border-color .2s;background:#f1f5f9;color:#22223b}body.dark .todo-input,body.dark .todo-date{background:#232336;color:#f1f5f9;border-color:#39397a}.todo-input:focus,.todo-date:focus{outline:none;box-shadow:0 0 0 2px var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.add-task-btn{padding:.7rem 1.3rem;border-radius:.5rem;font-weight:600;background:var(--accent, #6366f1);color:#fff;border:none;transition:background .2s;cursor:pointer;font-size:1.1rem;position:relative;overflow:hidden}.add-task-btn:hover{background:#4338ca}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap;margin:.5rem 0}.avatar-picker button{font-size:1.5rem;border:1px solid #e5e7eb;border-radius:50%;background:#fff;cursor:pointer;padding:4px;transition:border .2s,background .2s}.avatar-picker button.selected,.avatar-picker button:focus{border:2px solid var(--accent, #6366f1);background:#f1f5f9}.filter-btns{display:flex;gap:1.2rem;margin-bottom:2rem;justify-content:center}.filter-btn{padding:.7rem 1.3rem;border-radius:.5rem;border:none;background:#f1f5f9;color:#22223b;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background .2s,color .2s,transform .15s;margin-bottom:.5rem}body.dark .filter-btn{background:#232336;color:#f1f5f9}.filter-btn.active,.filter-btn:focus{background:var(--accent, #6366f1);color:#fff}.filter-btn:hover{background:#4338ca;color:#fff;transform:translateY(-2px) scale(1.04)}.todo-list{margin-top:2rem}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb;font-size:1.1rem;transition:background .2s}body.dark .todo-item{border-bottom:1px solid #39397a}.todo-item.completed span{text-decoration:line-through;color:#a7a2d4}.todo-item input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent, #6366f1)}.todo-item button{margin-left:.2rem}.todo-date-label{font-size:.95rem;color:var(--accent, #6366f1);margin-left:.5rem;font-weight:500}.todo-item ul{margin:.5em 0 0 2.5em;padding:0;list-style:none;width:100%}.todo-item ul li{display:flex;align-items:center;gap:6px}.todo-item ul li input[type=checkbox]{margin-right:.5em}.calendar-header{text-align:center;font-size:1.3rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em;color:#22223b}body.dark .calendar-header{color:#f1f5f9}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;background:#f5f7fa;border-radius:1rem;padding:1rem .5rem}body.dark .calendar-grid{background:#232336}.calendar-cell{min-height:70px;background:#fff;border-radius:.5rem;box-shadow:0 1px 4px #6366f10a;padding:.3rem .4rem .2rem;font-size:1rem;position:relative;transition:box-shadow .18s;border:1.5px solid #f5f7fa;display:flex;flex-direction:column;align-items:flex-start}body.dark .calendar-cell{background:#18181b;border:1.5px solid #232336}.calendar-cell.today{border:2px solid var(--accent, #6366f1);background:#f1f5f9}body.dark .calendar-cell.today{background:#39397a}.calendar-task{margin:.2em 0;padding:.2em .5em;border-radius:.4em;background:#e0e7ff;color:#22223b;font-size:.98em;cursor:pointer;transition:background .2s}.calendar-task.completed{text-decoration:line-through;color:#a7a2d4;background:#f3f4f6}.calendar-dayname{font-weight:700;text-align:center;background:transparent!important;box-shadow:none!important;border:none!important}.stats-bar,.progress-bar{margin:2rem 0 2.5rem}.todo-footer{text-align:center;margin-top:3rem;color:#a7a2d4;font-size:.95rem;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.todo-footer span{color:var(--accent, #6366f1);font-weight:600}.confetti-canvas{position:fixed;pointer-events:none;left:0;top:0;width:100vw;height:100vh;z-index:9999}