/* Larger focal elements; sizing responds to both screen and content length. */
.nav-group>button .nav-label{font-size:16px}.nav-menu{width:164px}.nav-menu a{font-size:14px;min-height:46px}.home-controls button,.imm-controls button{font-size:14px}.time-composition{width:min(1500px,94vw)}.time-row{font-size:clamp(140px,21vw,340px)}.date-row{font-size:16px;margin-top:34px}.chrono-stage{width:min(560px,67vh,90vw)}.chrono-digits{font-size:min(8vw,112px);letter-spacing:-.045em}#chronoStatus{font-size:14px}.chrono-actions button{font-size:16px;height:54px;min-width:90px}.chrono-actions #btnStart{min-width:154px}.record-link{font-size:14px;min-height:48px;padding:0 20px}.record-link #recordCount{height:25px;min-width:25px;font-size:13px}.count-redesign{max-width:1000px;width:100%}.count-heading h2{font-size:34px}.count-date-line{font-size:16px}.count-heading #countEdit{font-size:14px}.count-redesign #countStatus{font-size:16px}.count-redesign #countDays,.count-redesign #countDays.long-number{font-size:min(23vw,310px,calc(78vw / var(--day-digits,1) * 1.5))}.date-unit{font-size:20px}.count-redesign .count-remainder{max-width:490px;gap:22px;font-size:14px}.count-remainder b{font-size:44px}.count-heading{margin-bottom:24px}body[data-occasion] .count-redesign{transform:none}body:has(.flip-clock) .clock-stage{width:min(1320px,92vw)}.calendar-line{font-size:16px}.season-line,.season-seal{font-size:15px}body .calendar-redesign{max-width:1120px}.calendar-redesign .cal-title{font-size:28px}.calendar-redesign .cal-day .d{font-size:32px;line-height:35px}.calendar-redesign .cal-day .l{font-size:12px;line-height:17px}.calendar-redesign .cal-day{min-height:68px}.calendar-redesign .cal-grid{grid-auto-rows:minmax(68px,auto)}.calendar-selected .date-number{font-size:84px!important}.calendar-selected .section-label{font-size:13px}.calendar-redesign .cal-week{font-size:15px}.calendar-redesign .almanac summary{font-size:14px}
:root:fullscreen .time-composition{width:96vw}:root:fullscreen .time-row{font-size:min(26vw,66vh);line-height:1}:root:fullscreen body:has(.flip-clock)>main{min-height:0}:root:fullscreen body:has(.flip-clock) .clock-stage{width:min(96vw,310vh);transform:none}:root:fullscreen .count-redesign{max-width:none;width:100%;transform:none}:root:fullscreen .count-heading h2{font-size:clamp(28px,3.4vw,62px)}:root:fullscreen .count-date-line{font-size:clamp(16px,1.5vw,24px)}:root:fullscreen .count-redesign #countDays,:root:fullscreen .count-redesign #countDays.long-number{font-size:min(37vw,49vh,calc(88vw / var(--day-digits,1) * 1.5))}:root:fullscreen .count-remainder b{font-size:clamp(36px,4.4vw,72px)}:root:fullscreen .count-redesign .count-remainder{max-width:none;gap:28px}:root:fullscreen .count-heading{margin-bottom:18px}:root:fullscreen .count-redesign .date-days{margin-bottom:10px}
@media(max-width:700px){.nav-group>button .nav-label{font-size:14px}.time-row{font-size:23vw}.date-row{font-size:13px;letter-spacing:1px;gap:12px}.chrono-stage{width:92vw}.chrono-digits{font-size:17vw}.chrono-actions{gap:12px}.chrono-actions button{font-size:14px;min-width:70px}.chrono-actions #btnStart{min-width:120px}.count-heading h2{font-size:27px}.count-date-line{font-size:13px}.count-redesign #countDays,.count-redesign #countDays.long-number{font-size:min(49vw,calc(78vw / var(--day-digits,1) * 1.5))}.count-redesign .count-remainder{gap:12px;font-size:12px}.count-remainder b{font-size:35px}.count-redesign #countStatus{font-size:14px}.date-unit{font-size:17px}.calendar-redesign .cal-title{font-size:24px}.calendar-redesign .cal-day .d{font-size:27px;line-height:31px}.calendar-redesign .cal-day .l{font-size:11px}.calendar-redesign .cal-day{min-height:62px}.calendar-redesign .cal-grid{grid-auto-rows:minmax(62px,auto)}.calendar-selected .date-number{font-size:70px!important}.calendar-line{font-size:13px}.season-line,.season-seal{font-size:12px}:root:fullscreen .count-redesign #countDays,:root:fullscreen .count-redesign #countDays.long-number{font-size:min(68vw,45vh,calc(88vw / var(--day-digits,1) * 1.5))}:root:fullscreen .count-heading h2{font-size:32px}}
@media(max-height:600px) and (min-width:701px){.chrono-stage{width:52vh}.chrono-digits{font-size:10vh}.chrono-actions{margin-top:12px}.count-redesign #countDays{font-size:min(30vh,calc(78vw / var(--day-digits,1) * 1.5))}.count-heading{margin-bottom:14px}.count-heading h2{font-size:25px}.count-remainder b{font-size:30px}:root:fullscreen .count-redesign #countDays{font-size:min(44vh,calc(88vw / var(--day-digits,1) * 1.5))}}