.ht-title{font-size:var(--fs-md)}
.ht-head,.ht-row{display:flex;align-items:center;gap:var(--sp-2);justify-content:space-between}
.ht-row .input{flex:1;min-width:0}
.ht-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.ht-item{min-height:3.5rem}
.ht-item input{width:1.5rem;height:1.5rem}
.ht-name{flex:1;min-width:0}
.ht-streak{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap}
.ht-item.off{font-weight:400}
.ht-days,.ht-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-1)}
:is(.ht-days,.ht-week) .chip{padding:0;justify-content:center;border-radius:var(--r-2)}
:is(.ht-item,.ht-week .chip).off{border-style:dashed}
.ht-week>span:first-child{grid-column:1/-1;font-weight:500}
.ht-wh span{display:grid;text-align:center;font-size:var(--fs-xs);color:var(--text-3)}
.ht-wh .now{color:var(--accent);font-weight:600}
.ht-grid{display:grid;gap:var(--sp-3)}
.ht-list,.ht-grid{overflow-wrap:anywhere}
.ht-card>.btn{justify-self:start}
.ht-card{display:grid;gap:var(--sp-4);container-type:inline-size}
.card .hint{color:var(--text-3);font-size:var(--fs-sm)}
.ht-edit>li{display:grid;gap:var(--sp-2)}
.ht-edit>li+li{padding-top:var(--sp-3);border-top:1px solid var(--border)}
.ht-cal{width:100%;table-layout:fixed;border-spacing:2px;text-align:center;font-size:var(--fs-xs);color:var(--text-3)}
.ht-cal td{height:2.75rem;vertical-align:top;padding-top:3px;border-radius:var(--r-2)}
.ht-cal td[data-on]{background:var(--bg-2);color:var(--text-1)}
.ht-cal td[data-on=all]{background:var(--accent-soft)}
.ht-cal .icon{display:block;width:1rem;height:1rem;margin:2px auto 0}
.ht-cal small{display:block;font-size:inherit}
.ht-cal .ht-now{box-shadow:inset 0 0 0 2px var(--accent);color:var(--text-1);font-weight:600}
@container (min-width:26rem){.ht-week{grid-template-columns:minmax(0,1fr) repeat(7,2.75rem)}.ht-week>span:first-child{grid-column:auto;align-self:center}}
.ht-edit .ht-row{gap:var(--sp-1)}