.cl-section{background-color:var(--white);padding:8rem 2rem}.cl-container{max-width:1200px;margin:0 auto}.cl-progress-wrap{background:var(--white);border:1px solid var(--border);border-radius:20px;max-width:800px;margin:0 auto 4rem;padding:2.5rem;box-shadow:0 10px 30px #3a30280d}.cl-prog-info{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.cl-prog-label{font-family:var(--font-sans);color:var(--muted);font-size:.9rem;font-weight:500}.cl-prog-pct{font-family:var(--font-serif);color:var(--sage);font-size:2rem;font-weight:600;line-height:1}.cl-prog-bg{background:var(--gold-light);border-radius:10px;height:10px;overflow:hidden}.cl-prog-fill{background:linear-gradient(90deg, var(--sage), var(--sage-light));border-radius:10px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.cl-filters{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:5rem;display:flex}.clf{border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:100px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:500;transition:all .3s}.clf:hover{border-color:var(--sage);color:var(--sage);background:var(--sage-pale)}.clf.active{background:var(--sage);color:var(--white);border-color:var(--sage);box-shadow:0 5px 15px #4a5e5233}.clf-reset{color:var(--rose);cursor:pointer;background:0 0;border:1px solid #c4856a33;border-radius:100px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .3s}.clf-reset:hover{background:var(--rose);color:var(--white)}.cl-cat{margin-bottom:5rem}.cl-cat-header{border-bottom:1px solid var(--border);align-items:center;gap:1.2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.cl-cat-emoji{color:var(--sage);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-cat-title{font-family:var(--font-serif);color:var(--dark);flex:1;font-size:1.8rem}.cl-cat-count{color:var(--muted);font-size:.9rem;font-weight:500}.cl-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.cl-task{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:flex-start;gap:1.2rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.cl-task:hover{border-color:var(--sage);transform:translateY(-4px);box-shadow:0 10px 30px #3a30280a}.cl-task.done{background:var(--sage-pale);border-color:var(--sage-light)}.cl-box{border:2px solid var(--border);background:var(--white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;transition:all .3s;display:flex}.cl-task:hover .cl-box{border-color:var(--sage)}.cl-task.done .cl-box{background:var(--sage);border-color:var(--sage)}.cl-check{color:var(--white);font-size:.9rem;font-weight:700}.cl-task-inner{flex:1}.cl-task-txt{color:var(--dark);margin-bottom:.4rem;font-size:1.1rem;font-weight:600;transition:all .3s}.cl-task.done .cl-task-txt{color:var(--muted);text-decoration:line-through}.cl-task-sub{color:var(--muted);font-size:.9rem;line-height:1.5}.cl-task-link{color:var(--sage);border-bottom:1px solid #0000;margin-top:1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-block}.cl-task-link:hover{border-color:var(--sage)}.cl-timing{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.3rem .8rem;font-size:.7rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.ct-12m{color:#4a5e52;background:#eef3f0}.ct-9m{color:#8a7e74;background:#fdfaf6}.ct-6m{color:#3a3028;background:#faf5ee}.ct-3m{color:#c9a96e;background:#fbf7f0}.ct-1m{color:#e8c9b8;background:#fdfaf6}.ct-dag{color:#fff;background:#c4856a}@media (max-width:1024px){.cl-grid{grid-template-columns:1fr}}@media (max-width:768px){.cl-progress-wrap{margin-bottom:2.5rem;padding:1.5rem}.cl-prog-pct{font-size:1.5rem}.cl-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;margin-bottom:3rem;padding-bottom:1rem;overflow-x:auto}.cl-filters::-webkit-scrollbar{display:none}.clf,.clf-reset{white-space:nowrap;flex-shrink:0;padding:.5rem 1.1rem}.cl-cat{margin-bottom:3.5rem}}@media (max-width:640px){.cl-section{padding:4rem 1.2rem}.cl-cat-header{gap:.8rem}.cl-cat-title{font-size:1.3rem}.cl-task{gap:.8rem;padding:1.1rem}.cl-task-txt{font-size:1rem}.cl-timing{margin-top:.8rem;display:inline-block;position:static}}