.lf-cd{--bs-offcanvas-width:420px;top:0px !important;max-width:100%;box-shadow:-20px 0 60px rgba(0,0,0,0.2);color:var(--lf-ink)}.lf-cd__head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--lf-line)}.lf-cd__title{margin:0;font-size:20px;font-weight:600}.lf-cd__title>span{margin-left:6px;font-size:13px;font-weight:400;color:var(--lf-muted)}.lf-cd__note{display:flex;flex-direction:column;gap:10px;padding:16px 24px;background:var(--lf-bg-3);font-size:13px}.lf-cd__bar{height:6px;border-radius:3px;background:var(--lf-line);overflow:hidden}.lf-cd__bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--lf-accent);transition:width .4s}.lf-cd__body{flex:1;overflow-y:auto;padding:8px 24px}.lf-cd__empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(32px, 5vw, 64px) 0;font-size:16px;font-weight:500;text-align:center}.lf-cd__line{display:grid;grid-template-columns:72px minmax(0, 1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--lf-line);transition:opacity .2s}.lf-cd__line.is-updating{opacity:.5;pointer-events:none}.lf-cd__img{height:72px;border-radius:10px;background-color:var(--lf-bg-2)}.lf-cd__img>img{object-fit:scale-down}.lf-cd__info{display:flex;flex-direction:column;gap:8px;min-width:0}.lf-cd__top{display:flex;justify-content:space-between;gap:10px}.lf-cd__name{font-size:14px;line-height:1.4;color:var(--lf-ink)}.lf-cd__rm{flex:none;padding:0;border:0;background:none;font-size:12px;color:var(--lf-muted-2);cursor:pointer}.lf-cd__rm:hover{color:var(--lf-ink)}.lf-cd__meta{font-size:12px;color:var(--lf-muted)}.lf-cd__ctrl{display:flex;justify-content:space-between;align-items:center}.lf-cd__ctrl strong{font-size:15px;font-weight:600}.lf-cd__foot{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;border-top:1px solid var(--lf-line)}.lf-cd__row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--lf-muted)}.lf-cd__row--total strong{font-size:22px;font-weight:600;color:var(--lf-ink)}.lf-cd__saved{color:var(--lf-link);font-weight:500}.lf-cd__hint{margin:0;font-size:12px;color:var(--lf-muted)}.lf-cd__btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.lf-cd__btns .lf-cta{padding:14px;border-radius:var(--lf-radius)}.lf-cd__btns .lf-cta--line{border-color:var(--lf-dark);color:var(--lf-dark)}.lf-cd__btns .lf-cta--line:hover{color:#fff}