.hb-add{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.hb-add .field{flex:220px;min-width:0}.hb-opt{cursor:pointer;align-items:center;gap:8px;min-height:30px;font-size:14px;display:inline-flex}.hb-opt input{width:20px;height:20px;accent-color:var(--accent)}.hb-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;gap:12px;display:grid}.hb-card{flex-direction:column;gap:14px;min-width:0;padding:14px;display:flex}.hb-head{align-items:center;gap:8px;display:flex}.hb-name{font-family:var(--f-display);overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:20px;font-weight:400}.hb-edit{background:var(--sunk);border-radius:var(--radius);flex-direction:column;gap:10px;padding:10px;display:flex}.hb-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.hb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hb-today{flex:150px;min-height:48px}.hb-streaks{gap:18px;display:flex}.hb-streaks>div{flex-direction:column;align-items:center;gap:4px;display:flex}.hb-n{font-size:30px}.hb-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.hb-day{border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex}.hb-day.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.hb-day.today{border-color:var(--ink);border-width:2px}.hb-day:disabled{opacity:.45;cursor:default}.hb-dl{font-family:var(--f-mono);font-size:11px}.hb-dn{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.hb-gridlabel{margin-bottom:6px}.hb-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;max-width:360px;display:grid}.hb-wk{grid-template-rows:repeat(7,auto);gap:3px;display:grid}.hb-cell{aspect-ratio:1;background:var(--sunk);border:1px solid var(--line);border-radius:3px;display:block}.hb-cell.on{background:var(--accent);border-color:var(--accent)}.hb-cell.rest{background:0 0;border-style:dashed}.hb-cell.future{background:0 0;border-color:#0000}