.page { min-height: 100vh; padding: 24rpx 32rpx calc(48rpx + env(safe-area-inset-bottom)); }

.top { display: flex; align-items: center; justify-content: space-between; padding: 12rpx 0 20rpx; }
.top-title { font-size: 28rpx; font-weight: 600; }
.add-btn { font-size: 24rpx; color: var(--accent-deep); }

.group-label { font-size: 22rpx; color: var(--ink-2); padding: 16rpx 4rpx 10rpx; }
.rows { display: flex; flex-direction: column; gap: 16rpx; }

.walk-row { display: flex; align-items: center; gap: 18rpx; padding: 22rpx; background: var(--surface-2); border-radius: var(--radius-sm); }
.walk-row.manual { background: transparent; border: 1rpx dashed var(--line-2); }
.wr-ico { width: var(--icon-size); font-size: var(--icon-size); line-height: 1; text-align: center; }
.walk-row.manual .wr-ico { color: var(--accent-deep); }
.wr-body { flex: 1; }
.wr-title { font-size: 26rpx; }
.wr-sub { font-size: 22rpx; color: var(--ink-2); margin-top: 4rpx; }
.tag { font-size: 20rpx; color: var(--ink-2); background: var(--surface-2); border: 1rpx solid var(--line-2); border-radius: var(--radius-pill); padding: 2rpx 12rpx; margin-left: 12rpx; }

.empty { text-align: center; font-size: 24rpx; color: var(--ink-3); padding: 80rpx 0; }