.hb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 16px 12px}.hb-toolbar .ui-seg{flex:1;display:flex}.hb-toolbar .ui-seg .ui-seg-btn{flex:1}.hb-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:36px;padding:0 10px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:13.5px;font-weight:700;box-shadow:0 6px 16px color-mix(in oklab,var(--accent) 25%,transparent)}.hb-add:active{transform:scale(.96)}.hb-add:disabled{opacity:.5}.hb-add .plus{font-size:16px;line-height:0}.hb-add .lbl{display:none}.hb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px 14px}.hb-stat{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--tg-border)}.hb-stat-label{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-faint);margin-bottom:6px}.hb-stat-val{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hb-stat-val b{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--tg-fg)}.hb-stat-val b .of{color:var(--tg-faint);font-size:13px}.hb-stat-val .sub{display:none;font-size:12.5px;color:var(--tg-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.hb-head{display:none}.hb-row{display:block;width:100%;text-align:left;padding:14px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--tg-border-soft);box-shadow:var(--shadow-1);color:var(--tg-fg)}.hb-row.is-off{opacity:.6;box-shadow:none}.hb-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hb-check{width:24px;height:24px;flex:none;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--ink) 15%,transparent);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0;cursor:pointer}.hb-check.on{background:var(--hb-dot);border-color:var(--hb-dot)}.hb-check.dashed{border-style:dashed;border-color:color-mix(in srgb,var(--ink) 20%,transparent);cursor:default}.hb-title-wrap{flex:1;min-width:0}.hb-title{font-size:14.5px;font-weight:600}.hb-sub,.hb-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-sub{font-size:11.5px;color:var(--tg-muted);margin-top:2px}.hb-sub.done{color:var(--st-green-fg)}.hb-sched{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tg-muted-strong)}.hb-sched i{width:6px;height:6px;border-radius:50%;background:var(--hb-dot);flex:none}.hb-mono{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.hb-best{color:var(--tg-muted)}.hb-best,.hb-pct{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:13px}.hb-pct{font-weight:700;text-align:right}.hb-dots{display:flex;flex-basis:100%;gap:4px;margin-top:0;padding-left:34px}.hb-dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--ink) 7%,transparent);flex:none;box-sizing:border-box}.hb-dots i.done{background:var(--hb-dot)}.hb-dots i.missed{background:var(--surface);box-shadow:inset 0 0 0 2px var(--st-terra-dot)}.hb-dots i.today{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--ink) 15%,transparent)}.hb-restore{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--tg-border);background:var(--surface);font-size:12px;font-weight:600;color:var(--tg-muted-strong)}.hb-row .hb-best,.hb-row .hb-pct,.hb-row .hb-sched,.hb-row .hb-sub-desktop,.hb-row.is-off .hb-dots,.hb-stat-label .desktop{display:none}@media (min-width:768px){.hb-toolbar .ui-seg{flex:none;display:inline-flex}.hb-toolbar .ui-seg .ui-seg-btn{flex:none}.hb-add{margin-left:auto;padding:0 16px}.hb-add .lbl{display:inline}.hb-stats{gap:12px;margin:12px 16px 20px}.hb-stat{padding:18px 20px;border-radius:22px;box-shadow:var(--shadow-1)}.hb-stat-label{font-size:10px;letter-spacing:.14em;margin-bottom:10px}.hb-stat-val b{font-size:30px}.hb-stat-val b .of{font-size:18px}.hb-stat-val .sub{display:inline}.hb-list{display:flex;flex-direction:column;gap:10px;margin:0 16px 32px;padding:0}.hb-head,.hb-row{display:grid;grid-template-columns:36px 1.6fr 1fr 90px 90px 190px 80px;gap:14px;align-items:center;padding:16px 22px}.hb-list.is-archive .hb-head,.hb-list.is-archive .hb-row{grid-template-columns:36px 1.6fr 1fr 90px 90px 190px 110px}.hb-head{padding:4px 22px 0}.hb-head span{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-faint)}.hb-head span:last-child{text-align:right}.hb-row{border-radius:22px;background:var(--surface);border:1px solid var(--tg-border-soft);box-shadow:var(--shadow-1);transition:box-shadow .15s ease,transform .15s ease}.hb-row:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.hb-row.is-off:hover{transform:none}.hb-row-main{display:contents}.hb-row .hb-best,.hb-row .hb-pct,.hb-row .hb-sched{display:inline-flex}.hb-row .hb-sub-mobile,.hb-row.is-off .hb-dots{display:none}.hb-row .hb-sub-desktop{display:block}.hb-row.is-off .hb-dots{display:flex}.hb-stat-label .desktop{display:inline}.hb-stat-label .mobile{display:none}.hb-row-main{flex-wrap:nowrap}.hb-row .hb-pct{justify-content:flex-end}.hb-mono{font-size:13px}.hb-dots{flex-basis:auto;padding-left:0}}