.timer-container {
	max-width: 820px;
	margin: 40px auto;
	text-align: center;
	padding: 20px;
}
.scramble {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-size: 18px;
	color: var(--muted, #888);
	margin-bottom: 18px;
	word-break: break-word;
}
.timer-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 8px 0 12px;
}
.timer-display {
	padding: 40px 60px;
	border-radius: 12px;
	/* font-size: 56px; */
	font-size: 4rem;
	/* font-weight: 700; */
	cursor: pointer;
	user-select: none;
    
}

.timer-display.ready {  color: rgba(0,255,0); }
/* .timer-display.running { color: rgba(0,255,0); } */
.session-list { text-align: left; margin-top: 18px; }
.times-list { list-style-position: inside; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.time-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 8px; background: var(--panel-bg, rgba(0,0,0,0.03)); border-radius: 6px; cursor: pointer; }
.time-row .time-left { font-weight: 700; margin-right: 12px; }
.time-scramble { display: none; flex-basis: 100%; margin-top: 6px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; color: var(--muted,#666); }
.time-row.expanded .time-scramble { display: block; }
.time-delete { margin-left: auto; background: transparent; border: none; color: var(--muted,#666); font-size: 14px; padding: 6px 8px; border-radius:6px; cursor: pointer; }
.time-delete:hover { background: rgba(0,0,0,0.06); color: inherit; }