body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar-brand{font-weight:700!important}.card{border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 8px #00000026}.todo-item{border:none!important;border-bottom:1px solid #e9ecef!important;padding:1rem;transition:all .3s ease}.todo-content{min-width:0;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.todo-title{overflow-wrap:break-word;word-wrap:break-word;word-break:normal;overflow-wrap:anywhere}.todo-item:last-child{border-bottom:none!important}.todo-item:hover{background-color:#f8f9fa}.todo-item:hover .complete-btn:not(.btn-success){background-color:#dee2e6!important;border:1px solid #adb5bd}.todo-item.completed{background-color:#f8f9fa;opacity:.7}.todo-item.completed .todo-title{color:#6c757d;position:relative}.todo-item.completed .todo-title:after,.todo-item.completed .todo-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;opacity:0}.todo-item.completed .todo-title:after{background:linear-gradient(to bottom right,transparent calc(50% - 1px),#6c757d calc(50% - 1px),#6c757d calc(50% + 1px),transparent calc(50% + 1px));animation:x-crossout-1 .4s cubic-bezier(.4,0,.2,1) .1s both}.todo-item.completed .todo-title:before{background:linear-gradient(to bottom left,transparent calc(50% - 1px),#6c757d calc(50% - 1px),#6c757d calc(50% + 1px),transparent calc(50% + 1px));animation:x-crossout-2 .4s cubic-bezier(.4,0,.2,1) .25s both}.todo-item.completed .complete-btn{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.todo-item.completing{transform:scale(.98);transition:all .3s ease}@keyframes x-crossout-1{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes x-crossout-2{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.complete-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.complete-btn:hover{transform:scale(1.1);background-color:#e9ecef!important;box-shadow:0 2px 4px #0000001a}.complete-btn .complete-icon{font-size:18px;font-weight:700}.delete-btn{width:32px;height:32px;border-radius:50%;opacity:.7;transition:all .2s ease;flex-shrink:0;min-width:32px}.delete-btn:hover{opacity:1;transform:scale(1.1)}.progress{border-radius:6px;background-color:#e9ecef}.progress-bar{border-radius:6px;transition:width .5s ease}.celebration-content{animation:celebrate .6s ease-out}@keyframes celebrate{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti-piece{position:absolute;width:8px;height:8px;background:#f39c12;animation:confetti-fall 3s linear infinite}.confetti-piece:nth-child(odd){background:#e74c3c;animation-delay:-.5s}.confetti-piece:nth-child(2n){background:#3498db;animation-delay:-1s}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.container{padding:0 1rem}.todo-item{padding:.75rem}.complete-btn{width:36px;height:36px}.delete-btn{width:28px;height:28px}}