.section { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px dashed var(--hairline); }
.section:last-of-type { border-bottom: none; }
.section-label { display: block; font-size: 11.5px; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; font-weight: 500; }


.bell-row { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.bell-row .row-label-inline { font-size: 14px; color: var(--muted); }


.running { text-align: center; }
.running-label { font-size: 11px; color: var(--muted); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 18px; }
.countdown { font-family: 'Fraunces', serif; font-weight: 300; font-size: 96px; letter-spacing: -0.04em; font-variation-settings: "opsz" 144; font-variant-numeric: tabular-nums; line-height: 1; margin-bottom: 14px; color: var(--ink); transition: color 0.3s; }
.countdown.ringing { color: var(--accent); }
.elapsed { font-size: 13px; color: var(--muted); margin-bottom: 32px; }
.schedule { background: var(--bg); border: 1px solid var(--hairline); border-radius: 3px; padding: 16px 22px; text-align: left; margin-bottom: 28px; }
.schedule-title { font-size: 11px; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 12px; font-weight: 500; }
.schedule-item { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; font-size: 14px; border-bottom: 1px dashed var(--hairline); }
.schedule-item:last-child { border-bottom: none; }
.schedule-item.done { color: var(--muted); }
.schedule-item .marker { color: var(--muted); margin-right: 6px; font-size: 11px; }
.schedule-item.done .marker { color: var(--success); }
.schedule-time { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.schedule-sub { font-size: 11.5px; color: var(--muted); font-style: italic; }
.running-actions { display: flex; gap: 8px; justify-content: center; }

.done { text-align: center; padding: 30px 0; }
.done-logo { display: block; width: 120px; height: auto; margin: 0 auto 18px; opacity: 0.95; }
.done-title { font-family: 'Fraunces', serif; font-weight: 400; font-size: 24px; margin-bottom: 8px; }
.done-summary { font-size: 14px; color: var(--muted); margin-bottom: 28px; line-height: 1.6; }