.habit-list li{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;font-size:14.5px;cursor:pointer}.habit-list li:hover{background:var(--panel-2)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}th,td{padding:10px 8px;text-align:center;font-size:13px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:600;font-size:12px}th:first-child,td:first-child{text-align:left;padding-left:16px;min-width:150px}tbody tr:last-child td{border-bottom:none}td:first-child{font-weight:600;display:flex;align-items:center;gap:8px}.today-col{background:var(--panel-2)}.circle{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);margin:0 auto;cursor:pointer;transition:transform .1s}.circle:hover{transform:scale(1.15)}.circle.done{border:none}.pct{font-weight:700;font-size:12.5px}.pct-bar{height:2px;border-radius:2px;margin-top:4px}.modal-bg.open{display:flex}.color-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent}.color-swatch.selected{border-color:var(--text)}