.cl{--cl-high:#f56565;--cl-medium:#f2c94c;--cl-low:#7d93a3;--cl-plus:#55c677;--cl-pencil:#65b0fc;flex-direction:column;gap:1.1rem;padding-bottom:1rem;display:flex}.cl-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cl-top__text{min-width:0}.cl-top h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:900;line-height:36px}.cl-top p{max-width:62ch;color:var(--color-faint);margin:6px 0 0;font-size:14px;line-height:20px}.cl-top__note{color:var(--color-brass);font-size:13px}.cl-top__actions{gap:8px;padding-top:2px;display:flex}.cl-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cl-stat{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:12px 16px;display:flex}.cl-stat__icon{color:var(--color-accent);flex:none;place-items:center;display:grid}.cl-stat__icon[data-tone=done]{color:var(--cl-plus)}.cl-stat__icon[data-tone=rate]{color:var(--cl-medium)}.cl-stat__body{flex-direction:column;gap:2px;min-width:0;display:flex}.cl-stat__label{letter-spacing:.3px;text-transform:uppercase;color:var(--color-faint);font-size:12px;line-height:16px}.cl-stat__value{color:var(--color-ink-strong);font-size:24px;font-weight:700;line-height:32px}.cl-body{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:20px;display:grid}.cl-side{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;flex-direction:column;gap:16px;padding:12px;display:flex}.cl-side__search{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;height:32px;color:var(--color-text);font-family:var(--font-ui);border-radius:6px;padding:0 10px;font-size:14px}.cl-side__search::placeholder{color:var(--color-edge)}.cl-side__field{color:var(--color-faint);flex-direction:column;gap:8px;font-size:13px;line-height:16px;display:flex}.cl-side__field select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;height:32px;color:var(--color-text);font-family:var(--font-ui);cursor:pointer;border-radius:6px;padding:0 8px;font-size:13px}.cl-side__field select:hover{border-color:var(--color-edge)}.cl-side__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cl-side__checks{flex-direction:column;gap:8px;display:flex}.cl-side__check{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:14px;line-height:24px;display:flex}.cl-side__check input{width:16px;height:16px;accent-color:var(--color-accent);flex:none}.cl-side__search:focus,.cl-side__field select:focus{border-color:var(--color-accent);outline:none}.cl-main{flex-direction:column;gap:24px;min-width:0;display:flex}.cl-group{min-width:0}.cl-group__head{align-items:center;gap:8px;margin:0 0 8px;display:flex}.cl-group__title{font-family:var(--font-ui);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-faint);margin:0;font-size:12px;font-weight:600;line-height:16px}.cl-group__title[data-tone=high]{color:var(--cl-high)}.cl-group__title[data-tone=medium]{color:var(--cl-medium)}.cl-group__meta,.cl-group__count{color:var(--color-edge);font-size:12px;line-height:16px}.cl-group__rule{background:var(--color-border);flex:auto;height:1px}.cl-dot{background:var(--color-border);border-radius:999px;flex:none;width:4px;height:4px}.cl-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cl-row{border:1px solid var(--color-border);border-left:4px solid var(--color-edge);background:var(--color-surface);border-radius:8px;align-items:center;gap:16px;min-height:60px;padding:10px 12px;transition:background-color .14s,opacity .14s;display:flex}.cl-row[data-priority=high]{border-left-color:var(--cl-high)}.cl-row[data-priority=medium]{border-left-color:var(--cl-medium)}.cl-row[data-priority=low]{border-left-color:var(--cl-low)}.cl-row:hover{background:var(--color-band)}.cl-row[data-completed=true]{opacity:.5}.cl-row__lead{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.cl-row__check{width:26px;height:26px;color:var(--color-edge);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;flex:none;place-items:center;padding:0;transition:color .14s,transform .14s;display:grid}.cl-row__check:hover{color:var(--color-text);transform:scale(1.06)}.cl-row[data-completed=true] .cl-row__check{color:var(--cl-plus)}.cl-row__body{cursor:pointer;min-width:0}.cl-row__title{color:var(--color-ink-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}.cl-row__meta{min-height:14px;color:var(--color-faint);align-items:center;gap:6px;margin-top:2px;font-size:12px;line-height:14px;display:flex}.cl-pill{letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600;line-height:12px}.cl-pill[data-priority=high]{color:var(--cl-high)}.cl-pill[data-priority=medium]{color:var(--cl-medium)}.cl-pill[data-priority=low]{color:var(--cl-low)}.cl-row__tag{color:var(--cl-pencil);align-items:center;display:inline-flex}.cl-row__when{color:var(--color-faint)}.cl-row__when[data-overdue=true]{color:var(--cl-high)}.cl-row__trail{flex:none;align-items:center;gap:12px;display:flex}.cl-row__stepper{gap:12px;display:flex}.cl-iconbtn{background:var(--color-band);width:32px;height:32px;color:var(--color-faint);cursor:pointer;border:0;border-radius:4px;flex:none;place-items:center;padding:0;transition:background-color .14s,color .14s,opacity .14s;display:grid}.cl-iconbtn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.cl-iconbtn:disabled{opacity:.35;cursor:not-allowed}.cl-iconbtn--up{color:var(--cl-plus)}.cl-iconbtn--edit{color:var(--cl-pencil)}.cl-row__more{position:relative}.cl-row__more .cl-iconbtn{background:0 0}.cl-row__more .cl-iconbtn:hover{background:var(--color-band)}.cl-row__progress{align-items:center;gap:12px;display:flex}.cl-bar{background:var(--color-bg);border-radius:999px;width:96px;height:8px;display:block;overflow:hidden}.cl-bar i{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .18s;display:block}.cl-row[data-completed=true] .cl-bar i{background:var(--cl-plus)}.cl-row__count{min-width:32px;color:var(--color-ink-strong);text-align:right;font-size:12px;line-height:16px}.cl-menu{z-index:20;border:1px solid var(--color-edge);background:var(--color-surface-2);border-radius:6px;flex-direction:column;min-width:9rem;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #0000008c,0 0 0 1px #00000059}.cl-menu button{color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .12s,color .12s}.cl-menu button:hover{color:var(--color-ink-strong);background:#ffffff12}.cl-menu__danger:hover{background:#f08b8b24;color:var(--color-blush-line)!important}.cl-error{border-left:2px solid var(--color-blush-line);background:var(--color-band);color:var(--color-blush);border-radius:var(--radius);margin:0;padding:.5rem .7rem;font-size:.76rem}.cl-empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-faint);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.5rem;padding:2.6rem 1rem;display:flex}.cl-empty__title{color:var(--color-muted);margin:0;font-size:.95rem;font-weight:600}.cl-empty p{margin:0;font-size:.8rem}.cl-btn{border:1px solid var(--color-edge);background:var(--color-bg);color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:border-color .14s,color .14s,background-color .14s;display:inline-flex}.cl-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text)}.cl-btn:disabled{opacity:.45;cursor:not-allowed}.cl-btn--primary{border-color:var(--color-accent);background:var(--color-accent);color:#06202b}.cl-btn--primary:hover:not(:disabled){border-color:var(--color-accent-bright);background:var(--color-accent-bright);color:#06202b}.cl-btn--danger{border-color:var(--color-blush-line);color:var(--color-blush-line)}.cl-btn--danger:hover:not(:disabled){color:var(--color-blush);background:#f08b8b1f}.cl-overlay{z-index:200;backdrop-filter:blur(4px);border-radius:var(--radius);background:#050d14b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cl-dialog{border:1px solid var(--color-edge);background:var(--color-surface);border-radius:var(--radius-dialog);flex-direction:column;width:min(100%,30rem);max-height:min(90vh,46rem);display:flex;box-shadow:0 24px 60px #0000008c}.cl-dialog--wide{width:min(100%,40rem)}.cl-dialog--confirm{width:min(100%,26rem)}.cl-dialog__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1rem;display:flex}.cl-dialog__head h2{letter-spacing:-.01em;margin:0;font-size:1rem}.cl-dialog__sub{color:var(--color-faint);margin:.25rem 0 0;font-size:.78rem;line-height:1.45}.cl-dialog__body{flex-direction:column;gap:.8rem;padding:1rem;display:flex;overflow-y:auto}.cl-dialog__body--scroll{max-height:55vh}.cl-dialog__foot{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.cl-dialog__count{font-family:var(--font-mono);color:var(--color-faint);margin-right:auto;font-size:.7rem}.cl-confirm__text{color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.5}.cl-field{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-faint);flex-direction:column;gap:.3rem;font-size:.6rem;display:flex}.cl-field--short{max-width:10rem}.cl-field input,.cl-field textarea,.cl-field select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);letter-spacing:normal;text-transform:none;border-radius:var(--radius-sm);padding:.5rem .6rem;font-size:.83rem}.cl-field input:focus,.cl-field textarea:focus,.cl-field select:focus{border-color:var(--color-accent);outline:none}.cl-field textarea{resize:vertical}.cl-duo{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.45rem;display:grid}.cl-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.cl-switchrow{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:var(--radius-pill);align-items:flex-start;gap:.55rem;padding:.6rem .7rem;display:flex}.cl-switchrow input{accent-color:var(--color-accent);margin-top:.15rem}.cl-switchrow span{flex-direction:column;gap:.15rem;display:flex}.cl-switchrow strong{color:var(--color-ink-strong);font-size:.82rem;font-weight:600}.cl-switchrow small{color:var(--color-faint);font-size:.72rem;line-height:1.4}.cl-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.cl-choice label{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:var(--radius);align-items:flex-start;gap:.5rem;padding:.55rem .6rem;display:flex}.cl-choice label.is-on{border-color:var(--color-accent);background:var(--color-accent-soft)}.cl-choice input{accent-color:var(--color-accent);margin-top:.15rem}.cl-choice span{font-family:var(--font-ui);letter-spacing:normal;text-transform:none;flex-direction:column;gap:.15rem;display:flex}.cl-choice strong{color:var(--color-ink-strong);font-size:.8rem;font-weight:600}.cl-choice small{color:var(--color-faint);font-size:.7rem;line-height:1.4}.cl-preset-group h3{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-faint);margin:0 0 .4rem;font-size:.64rem}.cl-preset-group ul{flex-direction:column;gap:.35rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.cl-preset{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:var(--radius);gap:.6rem;padding:.5rem .6rem;transition:border-color .14s;display:flex}.cl-preset:hover{border-color:var(--color-edge)}.cl-preset input{accent-color:var(--color-accent);margin-top:.15rem}.cl-preset__body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.cl-preset__head{align-items:baseline;gap:.5rem;display:flex}.cl-preset__title{color:var(--color-ink-strong);font-size:.84rem;font-weight:600}.cl-preset__amount{font-family:var(--font-mono);color:var(--color-accent);font-size:.7rem}.cl-preset__desc{color:var(--color-faint);font-size:.73rem;line-height:1.45}@media (width<=1100px){.cl-body{grid-template-columns:minmax(0,1fr)}.cl-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}}@media (width<=820px){.cl-stats{grid-template-columns:minmax(0,1fr)}.cl-row{flex-wrap:wrap;gap:8px 16px}.cl-row__trail{width:100%;padding-left:38px}.cl-row__progress{flex:auto}.cl-bar{flex:auto;width:auto}}@media (width<=620px){.cl-side{grid-template-columns:minmax(0,1fr)}.cl-top__actions{width:100%}.cl-top__actions .cl-btn{flex:1}.cl-choice,.cl-duo{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cl-row,.cl-bar i,.cl-row__check{transition:none}.cl-row__check:hover{transform:none}}