/* 專注計時器：沿用 kit 品牌色與元件（結果元件 .kit-total、按鈕 .btn、欄位 .field），只補這一頁的版面。不覆寫 --accent（有首屏的頁面 kit 已蓋回品牌色）。 */
.ft-wrap { padding-top: 8px; padding-bottom: 36px; }
.ft-card { max-width: 640px; margin: 0 auto; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: var(--s3); display: grid; gap: var(--s2); }

/* 倒數：全頁最大的字（跟其他站的結果數字同一個元件，這裡置中放大） */
.ft-stage .kit-total { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; justify-items: center; text-align: center; }
.ft-stage .kit-total-v { justify-self: center; font-size: clamp(4rem, 22vw, 6.4rem); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.ft-stage .kit-total-t { font: inherit; letter-spacing: inherit; }   /* 結果元件的文字模式預設縮小，這裡倒數的數字要維持大字 */

/* 休息：會計貓放在倒數下面（_kit 預設是整格蓋住；這裡要讓倒數數字一直看得到，所以改成排在下面） */
.ft-stage.cat-host { min-height: 0; }
.ft-stage .cat-wait { position: static; background: transparent; padding: 6px 0 0; }

.ft-actions { display: grid; gap: 12px; }
.ft-big { width: 100%; min-height: 72px; font-size: 1.35rem; font-weight: 900; }
.ft-note { margin: 0; padding: 10px 14px; border-radius: var(--radius-sm); background: var(--accent-soft); color: var(--ink); font-size: .95rem; line-height: 1.6; }

.ft-set { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.ft-set .field { margin: 0; }
.ft-set input[type=number] { text-align: center; font-variant-numeric: tabular-nums; }
.ft-check { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; font-size: .95rem; }
.ft-check input { width: 24px; height: 24px; flex: none; accent-color: var(--accent); }
.ft-fine { margin: 0; font-size: .9rem; color: var(--ink-soft); }

/* 萬用輸入放在計時器下面（inputFirst:false；DOM 順序＝計時卡、「或講一句」、輸入框，手機的 kit 排序規則讓 .un-later 不搶第一） */
.ft-or { max-width: 640px; margin: var(--s3) auto 8px; font-weight: 700; color: var(--ink-soft); }
.ft-wrap .un { max-width: 640px; margin-left: auto; margin-right: auto; }

@media (max-width: 520px) {
  .ft-card { padding: var(--s2); }
}
@media print { .ft-wrap { display: none; } }