.card{width:100%;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 20px 45px #00000040;padding:28px 26px}.title{margin:0 0 4px;font-size:26px;color:#2e2a4d;text-align:center}.date{margin:0 0 20px;text-align:center;color:#8a86a3;font-size:13px}.form{display:flex;gap:8px;margin-bottom:18px}.input{flex:1;padding:12px 14px;border:2px solid #e6e3f5;border-radius:10px;font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:#6a5cff}.add-btn{background:#6a5cff;color:#fff;border:none;padding:0 20px;border-radius:10px;font-size:20px;cursor:pointer;font-weight:700;transition:background .2s}.add-btn:hover{background:#5646e0}.filters{display:flex;gap:8px;margin-bottom:16px}.filter-btn{flex:1;padding:8px 0;border:none;border-radius:8px;background:#f0eefc;color:#5a5678;font-size:13px;font-weight:600;cursor:pointer}.filter-btn.active{background:#6a5cff;color:#fff}.list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.item{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid #f2f0fa}.checkbox{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid #d8d5ea;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s}.checkbox.done{border-color:#6a5cff;background:#6a5cff}.item-text{flex:1;font-size:15px;word-break:break-word;color:#2e2a4d;transition:all .2s}.item-text.done{color:#b5b2c9;text-decoration:line-through}.delete-btn{background:none;border:none;color:#d3d0e4;font-size:16px;cursor:pointer;padding:4px}.delete-btn:hover{color:#ff5c5c}.empty{text-align:center;color:#b5b2c9;font-size:14px;padding:20px 0}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #eeecf7}.items-left{font-size:13px;color:#8a86a3}.clear-btn{background:none;border:none;color:#a29dc4;font-size:13px;cursor:pointer;text-decoration:underline}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#6a5cff,#a06bff);display:flex;align-items:center;justify-content:center;padding:20px}