.app-container{background:var(--bg-white);border-radius:24px;padding:40px;box-shadow:var(--shadow-xl);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-header{text-align:center;margin-bottom:32px}.app-title{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.app-subtitle{font-size:.9rem;color:var(--text-light);font-weight:500}.input-section{display:flex;gap:12px;margin-bottom:32px}.task-input{flex:1;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;outline:none}.task-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn{padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:transparent;color:var(--danger-color);padding:8px 12px;font-size:.9rem}.btn-danger:hover{background:#fee2e2}.tasks-list{list-style:none;padding:0;margin:0}.task-item{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:12px;background:var(--bg-light);border-radius:12px;border:2px solid transparent;transition:all .3s ease;animation:taskSlideIn .3s ease-out}@keyframes taskSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.task-item:hover{border-color:#667eea;background:#fff;box-shadow:var(--shadow-md)}.task-item.completed{background:#f0fdf4;border-color:var(--success-color)}.task-content{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;-webkit-user-select:none;user-select:none}.task-checkbox{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.task-item.completed .task-checkbox{background:var(--success-color);border-color:var(--success-color)}.task-checkbox:after{content:"✓";color:#fff;font-weight:700;font-size:14px;opacity:0;transform:scale(0);transition:all .3s ease}.task-item.completed .task-checkbox:after{opacity:1;transform:scale(1)}.task-text{flex:1;color:var(--text-dark);font-size:1rem;transition:all .3s ease}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-light)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-text{font-size:1.1rem;font-weight:500}@media(max-width:480px){.app-container{padding:24px}.app-title{font-size:2rem}.input-section{flex-direction:column}.btn-primary{width:100%;justify-content:center}}