.container{width:100%;max-width:600px}.todo-app{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.code{color:#4ade80;font-family:Courier New,monospace}.input-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.todo-input{flex:1 1;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1rem;outline:none;transition:border-color .2s,background .2s}.todo-input::placeholder{color:rgba(255,255,255,.5)}.todo-input:focus{border-color:#4ade80;background:rgba(255,255,255,.15)}.add-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#4ade80;color:#1a1a2e;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.add-btn:hover{background:#22c55e}.add-btn:active{transform:scale(.98)}.todo-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:rgba(255,255,255,.05);transition:background .2s}.todo-item:hover{background:rgba(255,255,255,.08)}.todo-item.completed .todo-text{text-decoration:line-through;opacity:.5}.todo-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#4ade80}.todo-text{flex:1 1;color:#fff;font-size:1rem}.delete-btn{width:28px;height:28px;border-radius:6px;border:none;background:rgba(239,68,68,.2);color:#ef4444;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.delete-btn:hover{background:rgba(239,68,68,.3)}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.clear-btn,.count{color:rgba(255,255,255,.6);font-size:.875rem}.clear-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;transition:background .2s,color .2s}.clear-btn:hover{background:rgba(255,255,255,.1);color:#fff}.empty-state{text-align:center;padding:3rem 1rem;color:rgba(255,255,255,.4)}