.cd-field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;font-size:14px;font-weight:600}.cd-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cd-inputs input{min-width:0;width:100%}.cd-presets,.cd-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:12px 0}.cd-presets{justify-content:flex-start}.cd-presets button,.cd-actions button{font:inherit;font-size:14px;min-height:42px;border:1px solid #d5dfec;border-radius:11px;background:#f5f8ff;color:#17375e;padding:9px 15px;cursor:pointer}.cd-actions button:focus-visible,.cd-settings summary:focus-visible{outline:3px solid var(--cd-accent);outline-offset:3px}.cd-note{font-size:13px;line-height:1.7;color:#526780}.cd-stage{container-type:inline-size;background:var(--cd-bg);color:var(--cd-fg);padding:28px 20px;border-radius:22px;text-align:center;overflow:auto;box-sizing:border-box;margin-top:20px}.cd-stage h2{color:inherit;font-size:clamp(20px,5cqi,40px);overflow-wrap:anywhere;margin:0 0 20px;line-height:1.2}.cd-clock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:1400px;margin:0 auto}.cd-clock[data-days="1"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cd-time-unit{min-width:0}.cd-time-unit strong{display:block;font-size:48px;font-size:clamp(24px,11cqi,150px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.03em}.cd-time-unit>span{display:block;font-size:clamp(10px,2cqi,18px);margin-top:8px}#cd-unit-days strong{font-size:clamp(16px,6cqi,100px)}.cd-progress{width:100%;max-width:1000px;height:8px;margin:25px auto 0;background:#ffffff30;border-radius:8px;overflow:hidden}.cd-progress>div{width:0;height:100%;background:var(--cd-accent)}#cd-status{font-weight:600;min-height:1.5em}.cd-settings{margin:22px auto 0;max-width:1000px}.cd-settings summary{cursor:pointer;min-height:30px}.cd-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#f7f9fe;color:#19304b;border-radius:14px;padding:18px;margin-top:14px;text-align:start}.cd-settings-grid .cd-field{margin:0}.cd-settings-grid input[type=color]{width:100%;height:42px;padding:4px}.cd-warning{padding:12px;border-radius:10px;background:#fff0c2;color:#64450e;font-size:14px;line-height:1.5}#cd-error{color:#a52929}#cd-stage:fullscreen{width:100vw;min-height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:clamp(16px,4vw,50px);display:flex;flex-direction:column;justify-content:flex-start;justify-content:safe center;align-items:stretch}.cd-presentation{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:#12243e}.cd-presentation::backdrop{background:#12243e}.cd-presentation .cd-stage{min-height:100dvh;border-radius:0;margin:0;display:flex;flex-direction:column;justify-content:center}.cd-presentation .cd-settings{width:100%}@media(max-width:480px){.cd-stage{padding:22px 12px}.cd-clock{gap:6px}.cd-inputs{gap:8px}.cd-actions button{padding:8px 11px}.cd-settings-grid{padding:12px;gap:10px;grid-template-columns:1fr}.cd-stage h2{margin-bottom:14px}}@media print{.cd-settings,.cd-actions,#cd-form,.cd-presets{display:none!important}.cd-stage{box-shadow:none}}

#cd-stage:fullscreen .cd-settings{width:100%}

.cd-stage h2,.cd-time-unit strong{font-family:var(--cd-font,system-ui,sans-serif)}
#cd-stage:fullscreen .cd-actions,#cd-stage:fullscreen .cd-settings,#cd-stage:fullscreen .cd-progress,#cd-stage:fullscreen #cd-status,.cd-presentation .cd-actions,.cd-presentation .cd-settings,.cd-presentation .cd-progress,.cd-presentation #cd-status{display:none!important}
#cd-stage:fullscreen[data-timer-state="finished"] #cd-status,.cd-presentation .cd-stage[data-timer-state="finished"] #cd-status{display:block!important}
.cd-stage[data-presentation="1"]{touch-action:manipulation}

.cd-stage{position:relative;isolation:isolate}.cd-stage[data-presentation="1"]{user-select:none;-webkit-user-select:none}.cd-stage>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.cd-stage>*:not(canvas){position:relative;z-index:1}
.cd-clock{container-type:inline-size;--cd-cols:3}.cd-clock[data-days="1"]{--cd-cols:4}
#cd-stage h2{font-size:var(--cd-title-size,32px);text-align:var(--cd-title-align,center)}
#cd-stage .cd-time-unit strong{font-weight:var(--cd-weight,800);font-size:min(clamp(18px,calc(11cqi * var(--cd-number-scale,1)),360px),calc(78cqi / var(--cd-cols,3) / var(--cd-digits,2) / .65));text-shadow:0 0 var(--cd-glow,0px) var(--cd-accent)}
.cd-stage[data-face="cards"] .cd-time-unit{padding:clamp(4px,1.5cqi,16px);border:1px solid #8193ae45;border-radius:16px;background:#7f8ca015;box-sizing:border-box}
@supports(-webkit-text-stroke:1px currentColor){.cd-stage[data-face="outline"] .cd-time-unit strong{-webkit-text-stroke:1px var(--cd-fg);color:transparent}}
.cd-stage[data-labels="0"] .cd-time-unit>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cd-settings-grid input[type=range]{width:100%;min-height:30px;padding:0;accent-color:#3564a5}.cd-field output{float:inline-end;font-size:12px;color:#506986}.cd-check{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5}.cd-check input{width:18px;height:18px;flex-shrink:0;accent-color:#3564a5}.cd-studio-note{font-size:13px;line-height:1.6}#cd-reset-appearance{font:inherit;padding:9px 15px;border:1px solid #d5dfec;border-radius:11px;background:#f5f8ff;color:#17375e;cursor:pointer}.cd-settings summary{color:#17375e;background:#f5f8ff;border-radius:10px;padding:9px 14px;list-style-position:inside}
@media print{.cd-stage>canvas{display:none!important}}

/* Animate only changed values; Web Animations leave no persistent transform. */
#cd-stage .cd-time-unit strong{transform-origin:50% 50%;backface-visibility:hidden}

#cd-stage .cd-time-unit strong{position:relative;isolation:isolate;overflow:hidden}
#cd-stage .cd-number-layer{display:block;margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
#cd-stage .cd-number-out{position:absolute;inset:0;pointer-events:none}
#cd-stage .cd-number-in,#cd-stage .cd-number-out{animation-duration:var(--cd-transition-ms,450ms);animation-timing-function:cubic-bezier(.2,.65,.3,1);animation-fill-mode:both}
#cd-stage [data-transition=slide]>.cd-number-in{animation-name:cd-slide-in}#cd-stage [data-transition=slide]>.cd-number-out{animation-name:cd-slide-out}
#cd-stage [data-transition=flip]>.cd-number-in{animation-name:cd-flip-in}#cd-stage [data-transition=flip]>.cd-number-out{animation-name:cd-flip-out}
#cd-stage [data-transition=zoom]>.cd-number-in{animation-name:cd-zoom-in}#cd-stage [data-transition=zoom]>.cd-number-out{animation-name:cd-zoom-out}
#cd-stage [data-transition=fade]>.cd-number-in{animation-name:cd-fade-in}#cd-stage [data-transition=fade]>.cd-number-out{animation-name:cd-fade-out}
@keyframes cd-slide-in{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cd-slide-out{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
@keyframes cd-flip-in{from{transform:perspective(600px) rotateX(-90deg);opacity:0}to{transform:perspective(600px) rotateX(0);opacity:1}}@keyframes cd-flip-out{from{transform:perspective(600px) rotateX(0);opacity:1}to{transform:perspective(600px) rotateX(90deg);opacity:0}}
@keyframes cd-zoom-in{from{transform:scale(.45);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cd-zoom-out{from{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}
@keyframes cd-fade-in{from{opacity:0}to{opacity:1}}@keyframes cd-fade-out{from{opacity:1}to{opacity:0}}
#cd-stage .cd-segment-line{display:flex;justify-content:center;gap:.06em;height:1.15em;filter:drop-shadow(0 0 var(--cd-glow,0px) var(--cd-accent))}
#cd-stage .cd-segment-line svg{height:1.05em;width:.65em;flex:0 0 .65em;overflow:visible;margin-top:.05em}#cd-stage .cd-segment-on{fill:var(--cd-fg)}#cd-stage .cd-segment-off{fill:var(--cd-accent);opacity:.09}
#cd-stage[data-face=digital] .cd-time-unit{background:#0004;border:1px solid #ffffff1a;border-radius:12px;padding:clamp(3px,1cqi,12px)}
#cd-preview-transition{font:inherit;padding:9px 15px;border:1px solid #d5dfec;border-radius:11px;background:#f5f8ff;color:#17375e;cursor:pointer;margin-inline-end:8px;margin-bottom:8px}
@media(prefers-reduced-motion:reduce){#cd-stage .cd-number-in{animation:none}#cd-stage .cd-number-out{display:none}}

.cd-editorial{margin-top:30px;padding-top:24px;border-top:1px solid #d5dfec}.cd-editorial h2{font-size:clamp(21px,3vw,28px)}.cd-editorial h3{font-size:19px;margin-top:24px}.cd-editorial p{line-height:1.8}