.lf-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}


.lf-btn{background:linear-gradient(180deg,#1d4d80,#14406e);border:1px solid #2f6fad;color:#dbeafe;border-radius:8px;padding:6px 13px;font-size:12px;cursor:pointer;transition:all .12s;font-family:inherit}


.lf-btn:hover{background:linear-gradient(180deg,#2366ab,#1a538f)}


.lf-btn.warn{background:linear-gradient(180deg,#4d1d1d,#3a1515);border-color:#7a2530;color:#ffd6d6}


.lf-btn.warn:hover{background:linear-gradient(180deg,#6b2626,#521d1d)}


.lf-tip{color:var(--faint);font-size:11px;margin:7px 0 2px}


.lf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin-top:12px}


.lf-card{background:linear-gradient(180deg,#1a2232,#161c26);border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:0 2px 8px rgba(0,0,0,.2)}


.lf-card h3{font-size:14px;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:6px}


.lf-card h3::before{content:"▍";color:#1890ff}


.lf-in{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}


.lf-in input,.lf-in select{background:#1d2636;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:6px 9px;font-size:12px;outline:none;font-family:inherit}


.lf-in input:focus,.lf-in select:focus{border-color:#2f6fad}


.lf-sum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}


.lf-sum .s{background:#1b2331;border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-size:12px;color:var(--dim)}


.lf-sum .s b{font-size:15px;color:#fff;margin-left:4px;font-variant-numeric:tabular-nums}


.lf-list{max-height:240px;overflow:auto;font-size:12px}


.lf-row{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;border-bottom:1px solid #1e2736;gap:8px}


.lf-row .d{color:var(--dim);font-size:11px;white-space:nowrap}


.lf-row .a{color:var(--txt);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.lf-row .x{color:#ff8c8c;cursor:pointer;font-size:13px;padding:0 5px;user-select:none}


.lf-row .x:hover{color:#ff4d4f}


.lf-row.done .a{color:#5d6472;text-decoration:line-through}


.lf-row .tag{font-size:10px;padding:1px 7px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--dim);border:1px solid var(--line)}


.lf-row .tag.example{color:#ffd666;border-color:#7a5c1e;background:rgba(250,173,20,.08)}


.hk-item{margin-bottom:9px}


.hk-name{font-size:12px;color:#cdd3dc;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}


.hk-name .hk-del{color:#ff8c8c;cursor:pointer;font-size:12px;padding:0 5px}


.hk-name .hk-del:hover{color:#ff4d4f}


.hk-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}


.hk-cell{aspect-ratio:1;border-radius:3px;background:#1b2331;border:1px solid #232c3f;cursor:pointer;transition:background .1s}


.hk-cell.on{background:linear-gradient(180deg,#1890ff,#1266c9);border-color:#36cfff}


.hk-cell.today{outline:2px solid #36cfff;outline-offset:1px}


.hk-cell:hover{filter:brightness(1.3)}