.tool[data-tool=habit-tracker] .habits{gap:var(--space-3);display:grid}.tool[data-tool=habit-tracker] .add{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.tool[data-tool=habit-tracker] .add .field{flex:14rem}.tool[data-tool=habit-tracker] .nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=habit-tracker] .nav h3{text-align:center;text-transform:capitalize;flex:8rem;margin:0}.tool[data-tool=habit-tracker] .nav .btn{min-inline-size:var(--tap,2.75rem)}.tool[data-tool=habit-tracker] .print-title{display:none}.tool[data-tool=habit-tracker] .scroller{overflow-x:auto}.tool[data-tool=habit-tracker] .grid{border-collapse:separate;border-spacing:2px;font-size:var(--fs-sm)}.tool[data-tool=habit-tracker] .grid th,.tool[data-tool=habit-tracker] .grid td{text-align:center;padding:0;font-weight:500}.tool[data-tool=habit-tracker] .grid .name{z-index:1;background:var(--c-surface);text-align:start;min-inline-size:8rem;max-inline-size:10rem;padding-inline-end:var(--space-2);position:sticky;inset-inline-start:0}.tool[data-tool=habit-tracker] .grid .name span{overflow-wrap:anywhere;display:block}.tool[data-tool=habit-tracker] .grid .remove{min-block-size:40px;min-inline-size:40px;padding:0}.tool[data-tool=habit-tracker] .day{min-inline-size:40px;color:var(--c-text-2)}.tool[data-tool=habit-tracker] .day.now{color:var(--c-primary);font-weight:700}.tool[data-tool=habit-tracker] .dow{font-size:var(--fs-xs);display:block}.tool[data-tool=habit-tracker] .tick{border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);block-size:40px;inline-size:40px;color:var(--c-on-primary);cursor:pointer;font-weight:700}.tool[data-tool=habit-tracker] .tick.on{background:var(--c-primary);border-color:var(--c-primary)}.tool[data-tool=habit-tracker] .tick:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.tool[data-tool=habit-tracker] .grid .stats{min-inline-size:11rem;text-align:start;white-space:nowrap;color:var(--c-text-2);padding-inline-start:var(--space-3)}@media print{.tool[data-tool=habit-tracker] .print-title{display:block}.tool[data-tool=habit-tracker] .no-print{display:none!important}.tool[data-tool=habit-tracker] .scroller{overflow:visible}.tool[data-tool=habit-tracker] .grid .name{position:static}.tool[data-tool=habit-tracker] .tick{color:#000;background:#fff;border-color:#000}.tool[data-tool=habit-tracker] .tick.on{background:#ddd}}