@font-face{font-family:DisplayNum;src:url('/fonts/inter-num-200.woff2');font-weight:200;font-display:swap}@font-face{font-family:DisplayNum;src:url('/fonts/inter-num-300.woff2');font-weight:300;font-display:swap}
.time-row,.flap,.chrono-digits,#countDays,.count-remainder b,.date-number,.calendar-redesign .cal-day .d{font-family:DisplayNum,sans-serif!important;font-weight:var(--num-weight,300)!important;font-synthesis:none;font-variant-numeric:tabular-nums}.time-row{letter-spacing:-.035em}.time-colon{opacity:.45}.date-row{font-size:20px;letter-spacing:1px;margin-top:36px;align-items:center}.date-row #week{padding-left:22px;border-left:1px solid currentColor;line-height:1;opacity:.75}.time-row #seconds{font-size:.6em;margin-left:.16em;letter-spacing:0}.time-row{text-shadow:none!important}
.display-prefs{margin-top:12px}.display-row,.display-range{font-size:13px!important;border-top:1px solid #91a0af30;padding:12px 0;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px}.display-range{display:grid!important;grid-template-columns:1fr auto}.display-range input{grid-column:1/-1;width:100%;accent-color:#597d9d}.display-row select{border:0;border-radius:5px;background:#71869b15;padding:9px;color:inherit;font:inherit}.theme-options{display:flex;gap:5px}.theme-options button{font-size:12px;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:5px}.theme-options [aria-pressed=true]{border-color:#719bad;background:#7695af20}.display-status{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:#7a8a98;line-height:1.7;padding-top:12px}.display-status button{font-size:11px;min-height:28px;border:0;background:none;color:inherit;cursor:pointer}.display-dialog{position:fixed;inset:0;margin:auto;width:360px;max-width:calc(100vw - 32px);max-height:90svh;overflow:auto;padding:24px;background:#f3f6fa;color:#34465b;border:1px solid #ffffffa0;border-radius:16px;box-shadow:0 20px 80px #0003}.display-dialog header{display:flex;justify-content:space-between;align-items:center;padding:0}.display-dialog h2{font-size:16px;font-weight:500}.display-dialog header button{font-size:24px;border:0;background:none;color:inherit;min-height:44px;min-width:44px}.display-dialog::backdrop{background:#10182060;backdrop-filter:blur(10px)}dialog{max-height:90svh;overflow:auto}
:root[data-theme=dark]{color-scheme:dark;--ink:#eceef3!important;--soft:#9498a6!important;--accent:#5dd7da!important;--text:#eceef3!important;--muted:#9498a6!important;--face:#202127!important;--face-low:#1b1c22!important;--digit:#e6e8ec!important;--surface:#202127!important;--line:#ffffff1a!important}
:root[data-theme=dark] body{color:#eceef3!important;background:#111216!important;--ink:#eceef3;--soft:#9498a6;--accent:#5dd7da}:root[data-theme=dark] body:before{background:radial-gradient(ellipse at 0% 65%,#16778565,transparent 54%),radial-gradient(ellipse at 100% 28%,#a3296559,transparent 52%),radial-gradient(ellipse at 58% 100%,#49458042,transparent 55%),linear-gradient(125deg,#17232e,#191b29 48%,#271e2d)!important;opacity:1!important}:root[data-theme=dark] body:after{background:linear-gradient(116deg,transparent 16%,#7df5ef0b 16.06%,transparent 16.18%,transparent 80%,#ff63950c 80.08%,transparent 80.2%)!important;pointer-events:none}:root[data-theme=dark] .concept-header{color:#c6c8d0!important}:root[data-theme=dark] .nav-group.active .nav-label:after{background:#fe526f}:root[data-theme=dark] .time-row,:root[data-theme=dark] #countDays{color:#e6e8ec!important}:root[data-theme=dark] .time-row #seconds{color:#71c8ca!important}:root[data-theme=dark] .date-row{color:#a1a5b1!important}:root[data-theme=dark] .home-controls,:root[data-theme=dark] .imm-controls{color:#9296a3!important;text-shadow:none!important}:root[data-theme=dark] .count-redesign{text-shadow:none!important}
:root[data-theme=dark] dialog,:root[data-theme=dark] .record-drawer,:root[data-theme=dark] .nav-menu{background:#202127!important;color:#dce0e8!important;border-color:#ffffff18!important;box-shadow:0 20px 80px #0006}:root[data-theme=dark] .nav-menu a:hover,:root[data-theme=dark] .nav-menu a[aria-current=page]{background:#ffffff0b}:root[data-theme=dark] .display-row select,:root[data-theme=dark] #countForm input{background:#ffffff08;color:#ddd}:root[data-theme=dark] .theme-options button{color:#b9bec8}:root[data-theme=dark] .theme-options [aria-pressed=true]{color:#77d0d2;border-color:#77d0d250}:root[data-theme=dark] .record-link{background:#ffffff06;border-color:#ffffff25;color:#bbc3cf}:root[data-theme=dark] .chrono-actions #btnStart{background:#dbdfe7;color:#17181c}:root[data-theme=dark] .chrono-running .chrono-actions #btnStart{background:#ffffff09;color:#ddd}:root[data-theme=dark] .flap{border-color:#ffffff0a;box-shadow:0 2px 0 #0004,0 18px 35px #0002}:root[data-theme=dark] .flap:after{background:#0008;box-shadow:0 1px 0 #ffffff06}:root[data-theme=dark] .hinge{background:#51535e}:root[data-theme=dark] .cal-day .d,:root[data-theme=dark] .cal-title{color:#d5d8df}:root[data-theme=dark] .cal-day.cal-holiday{background:#fe526f0d!important}:root[data-theme=dark] .cal-day.cal-holiday .d,:root[data-theme=dark] .cal-day.cal-holiday .l{color:#d68b99}:root[data-theme=dark] .cal-day.cal-weekend{background:#ffffff04!important}:root[data-theme=dark] .cal-day.selected{background:#397a80!important}:root[data-theme=dark] .cal-day.dim .d{color:#555b68}:root[data-theme=dark] .cal-nav,:root[data-theme=dark] .cal-today{background:#ffffff08;color:#bac1cc}:root[data-theme=dark] .cal-detail,:root[data-theme=dark] .hl-today-card{color:#a1a8b5}:root[data-theme=dark] #countForm h2{color:#dce0e8}:root[data-theme=dark] .count-heading #countEdit{color:#a1a8b5}
@media(max-width:700px){.date-row{font-size:15px;gap:12px;margin-top:28px}.date-row #week{padding-left:12px}.time-row #seconds{font-size:.6em;margin-left:.12em}}
:root[data-theme=dark] .cal-vac-item b,:root[data-theme=dark] .cal-vac-name{color:#c8ccd5}:root[data-theme=dark] .calendar-redesign{--green-text:#83c2be;--text:#d5d8df;--muted:#989eab}:root[data-theme=dark] .cal-day.dim.cal-holiday .d{color:#ad7581}:root[data-theme=dark] .cal-day.selected .d,:root[data-theme=dark] .cal-day.selected .l{color:#fff}

/* Static cyan/rose light, shared by the five night pages. */
:root[data-theme=dark]{--face:#272d3b!important;--face-low:#202634!important;--digit:#eef1f8!important}
:root[data-theme=dark] .flap{border-color:#b4cbea26;box-shadow:-1px -1px 0 #84efed20,1px 1px 0 #f869aa18,0 22px 55px -16px #090c1b90}
:root[data-theme=dark] .flap .half.top{background:linear-gradient(145deg,#364654,#2b3040 60%,#33303f)}
:root[data-theme=dark] .flap .half.bottom{background:linear-gradient(150deg,#252f3e,#242936 60%,#322a3a)}
:root[data-theme=dark] .flap:first-child{filter:drop-shadow(-10px 0 30px #32d4db0d)}
:root[data-theme=dark] .flap.small{color:#9be7e7;filter:drop-shadow(12px 0 28px #fe52771a)}
:root[data-theme=dark] .flap.small .half.top{background:linear-gradient(135deg,#363347,#413040)}
:root[data-theme=dark] .flap.small .half.bottom{background:linear-gradient(135deg,#282b3b,#372937)}
:root[data-theme=dark] .hinge.left{background:#80babc}:root[data-theme=dark] .hinge.right{background:#bd8ca7}
:root[data-theme=dark] .time-row{color:#eff2f8!important;text-shadow:-1px 0 #69dde025,1px 0 #ff639525!important}
:root[data-theme=dark] .time-row #seconds{color:#87dedf!important}
:root[data-theme=dark] .concept-header .brand svg{filter:drop-shadow(-2px 0 0 #36dedb45) drop-shadow(2px 0 0 #fe526f45)}
:root[data-theme=dark] .nav-group.active .nav-label:after{background:linear-gradient(90deg,#56dddd,#b6bbc9 48%,#fe526f);box-shadow:0 2px 12px #fb54833a}
:root[data-theme=dark] .calendar-line,:root[data-theme=dark] .season-line,:root[data-theme=dark] .date-row{color:#b2bdcc!important}
:root[data-theme=dark] dialog,:root[data-theme=dark] .record-drawer,:root[data-theme=dark] .nav-menu{background:linear-gradient(135deg,#252e3d,#302938)!important;border-color:#a8b8d12b!important}
:root[data-theme=dark] .chrono-actions #btnStart{background:linear-gradient(115deg,#b2e8e7,#d8d4e9 65%,#ecc4d5);box-shadow:0 6px 28px #65cdd215}
:root[data-theme=dark] .record-link{background:#8595b40d;border-color:#a6bddb35}
:root[data-theme=dark]:fullscreen body:before{filter:brightness(.8)}

.global-theme{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid #899dbb30;border-radius:22px;background:#ffffff16;color:inherit;font:inherit;font-size:13px;cursor:pointer}.global-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.global-theme svg path{fill:currentColor;stroke:none}.global-theme:hover{background:#97a8bb22}.global-theme[aria-pressed=true]{border-color:#9bbbd338;background:#a8c1d30a;color:#c7d4e1}@media(max-width:600px){.global-theme{padding:0;width:44px;flex:none}.global-theme span{display:none}.concept-header{gap:10px}.concept-nav{margin-left:auto;gap:6px}}

.display-prefs [hidden]{display:none!important}.wake-status{margin:-3px 0 16px;color:var(--soft,#7a8a98);font-size:12px;line-height:1.6}.display-sync{border-top:1px solid #91a0af30;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.display-sync>div{display:flex;flex-direction:column;gap:7px;min-width:0}.sync-label{font-size:13px}.display-sync #syncStatus{font-size:12px;color:var(--soft,#7a8a98);line-height:1.6}.display-sync button{flex:none;min-height:40px;min-width:88px;padding:0 12px;font:inherit;font-size:12px;color:inherit;background:#819db51a;border:1px solid #819db530;border-radius:7px;cursor:pointer}.display-sync button:disabled{opacity:.5;cursor:wait}

.fullscreen-exit{position:fixed;z-index:1000;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid #8495aa40;border-radius:24px;background:#f2f5fa85;backdrop-filter:blur(12px);color:#46556b;font:13px -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}.fullscreen-exit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.fullscreen-exit[hidden]{display:none!important}:root[data-theme=dark] .fullscreen-exit{background:#22273480;color:#bfc9d7;border-color:#a4b3ca30}

/* One settings component across pages and backgrounds. */
.shared-settings-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px;min-width:44px;min-height:44px;padding:0!important;border:0;background:none;color:inherit;cursor:pointer}.shared-settings-button svg{width:20px;height:20px;fill:none!important;stroke:currentColor;stroke-width:1.4}.shared-settings-button svg circle{fill:none!important}
:root dialog.shared-settings{box-sizing:border-box;width:360px;max-width:calc(100vw - 32px);max-height:90svh;padding:24px;border:1px solid #dce5f0!important;border-radius:16px;background:#f3f6fa!important;color:#34465b!important;box-shadow:0 20px 80px #1b2d4933!important;--soft:#7a8a98;--muted:#7a8a98;--line:#91a0af30;--text:#34465b;--surface:#f3f6fa;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
:root dialog.shared-settings::backdrop{background:#10182060;backdrop-filter:blur(10px)}.shared-settings header,.shared-settings .panel-title{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0 0 14px}.shared-settings h2{font-size:16px;font-weight:500;margin:0;color:inherit}.shared-settings header button,.shared-settings .close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0 -8px 0 0;padding:0;border:0;background:none;color:inherit;font-size:24px}.shared-settings label,.shared-settings .setting-row{font-size:13px!important;color:inherit}.shared-settings select{color:inherit!important;font:inherit;background:#71869b15!important;border:0;border-radius:5px;padding:9px}.shared-settings output{font-size:13px;color:inherit}.shared-settings input[type=checkbox]{background:#c4ceda!important}.shared-settings input[type=checkbox]:checked{background:#597d9d!important}.shared-settings input[type=checkbox]:before{background:#f3f6fa!important}
:root[data-theme=dark] dialog.shared-settings{background:linear-gradient(135deg,#252e3d,#302938)!important;color:#dce0e8!important;border-color:#a8b8d12b!important;--soft:#949eaf;--muted:#949eaf;--text:#dce0e8;--surface:#252e3d}.shared-settings .display-prefs{color:inherit}
/* Selection takes precedence over weekend, holiday and adjacent-month styles. */
:root .calendar-redesign .cal-day.selected{background:#496985!important;color:#fff!important}
:root[data-theme=dark] .calendar-redesign .cal-day.selected{background:#346d78!important}
:root .calendar-redesign .cal-day.selected .d,:root .calendar-redesign .cal-day.selected .l{color:#fff!important;opacity:1}