.tm-online-digital-clock{container-type:inline-size}.tm-online-digital-clock .tw-controls{min-width:280px}.tm-online-digital-clock--controls-hidden .tw-body{grid-template-columns:1fr}.tm-online-digital-clock--controls-hidden .tw-controls{display:none}.tm-online-digital-clock__controls-inner{display:flex;flex-direction:column;gap:var(--spacing-5)}.tm-online-digital-clock__field-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.tm-online-digital-clock__field-label{font-size:13px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.tm-online-digital-clock__field-help{font-size:12px;color:var(--color-text-3)}.tm-online-digital-clock__seg-ctl{display:flex;flex-direction:column;gap:var(--spacing-2)}.tm-online-digital-clock__seg-buttons{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.tm-online-digital-clock__switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);cursor:pointer}.tm-online-digital-clock__switch{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;border-radius:11px;border:1px solid var(--color-border);background:var(--color-bg-3);cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0;padding:0}.tm-online-digital-clock__switch--on{background:var(--cat-time-fg, var(--color-accent));border-color:var(--cat-time-fg, var(--color-accent))}.tm-online-digital-clock__switch-thumb{position:absolute;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-surface);box-shadow:0 1px 2px #00000026;transition:left .15s ease}.tm-online-digital-clock__switch--on .tm-online-digital-clock__switch-thumb{left:calc(100% - 18px)}@media(prefers-reduced-motion:reduce){.tm-online-digital-clock__switch,.tm-online-digital-clock__switch-thumb{transition:none}}.tm-online-digital-clock__global-toggles{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.tm-online-digital-clock__note{font-size:12px;color:var(--color-text-3);margin:0;padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.tm-online-digital-clock__primary-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:var(--spacing-4);gap:var(--spacing-3)}@container (min-width: 560px){.tm-online-digital-clock__primary-inner{min-height:360px}.tm-online-digital-clock__display{font-size:clamp(64px,14cqw,160px)}.tm-online-digital-clock__analog-face{width:min(420px,75cqw);height:min(420px,75cqw)}}.tm-online-digital-clock__view{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--spacing-3)}.tm-online-digital-clock__view[hidden]{display:none}.tm-online-digital-clock__display{display:flex;align-items:baseline;gap:0;font-size:clamp(56px,12vw,128px);font-weight:700;color:var(--color-text-1);letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums;user-select:none}.tm-online-digital-clock__display.font-sans{font-family:var(--font-sans, system-ui, sans-serif)}.tm-online-digital-clock__display.font-mono{font-family:var(--font-mono, "Courier New", monospace)}.tm-online-digital-clock__display.font-seg{font-family:Courier New,Lucida Console,monospace;font-variant-numeric:tabular-nums;letter-spacing:.05em}.tm-online-digital-clock__digit-group{display:inline-flex;align-items:baseline}.tm-online-digital-clock__colon{display:inline-block;margin:0 1px}@keyframes odc-blink{0%,to{opacity:1}50%{opacity:.15}}.tm-online-digital-clock__colon.blink{animation:odc-blink 1s step-end infinite}@media(prefers-reduced-motion:reduce){.tm-online-digital-clock__colon.blink{animation:none}}.tm-online-digital-clock__ampm{font-size:.4em;font-weight:600;margin-left:.25em;align-self:center;color:var(--color-text-2)}.tm-online-digital-clock__date{font-size:14px;color:var(--color-text-2);text-align:center}.tm-online-digital-clock__analog-face{width:min(340px,85cqw);height:min(340px,85cqw);border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface)}.tm-online-digital-clock__tick{stroke:var(--color-border);stroke-width:1}.tm-online-digital-clock__tick--hour{stroke:var(--color-text-3);stroke-width:2}.tm-online-digital-clock__numeral{font-size:10px;fill:var(--color-text-2);font-family:var(--font-sans, system-ui, sans-serif);pointer-events:none}.tm-online-digital-clock__hand{stroke:var(--color-text-heading);stroke-width:6;stroke-linecap:round;transform-box:view-box;transform-origin:100px 100px}.tm-online-digital-clock__hand--min{stroke-width:4}.tm-online-digital-clock__hand--sec{stroke:var(--cat-time-fg, var(--color-accent));stroke-width:1.8}.tm-online-digital-clock__center-dot{fill:var(--color-text-heading)}.tm-online-digital-clock__analog-readout{font-size:14px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.tm-online-digital-clock__actions{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);flex-wrap:wrap;justify-content:center}.tm-online-digital-clock__tab-actions-inner{display:flex;align-items:center;gap:var(--spacing-2)}.tm-online-digital-clock__kbd-hint{font-size:12px;color:var(--color-text-3);display:flex;align-items:center;gap:4px;white-space:nowrap;margin-right:56px}.tm-online-digital-clock__kbd-hint kbd{display:inline-block;padding:1px 4px;background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:3px;font-size:11px;font-family:var(--font-mono, monospace);color:var(--color-text-2);line-height:1.4}@container (max-width: 680px){.tm-online-digital-clock__kbd-hint{display:none}}.tm-online-digital-clock__fs-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;flex:1;gap:var(--spacing-4);padding:var(--spacing-6)}.tm-online-digital-clock__fs-eyebrow{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-2)}.tm-online-digital-clock__fs-display{font-size:clamp(72px,22vw,280px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text-1);display:flex;align-items:baseline;gap:0;letter-spacing:-.01em}.tm-online-digital-clock__fs-display.font-sans{font-family:var(--font-sans, system-ui, sans-serif)}.tm-online-digital-clock__fs-display.font-mono{font-family:var(--font-mono, "Courier New", monospace)}.tm-online-digital-clock__fs-display.font-seg{font-family:Courier New,Lucida Console,monospace;letter-spacing:.05em}.tm-online-digital-clock__analog-face--fs{width:min(58vh,80vw);height:min(58vh,80vw)}.tm-online-digital-clock__fs-date{font-size:20px;color:var(--color-text-2);text-align:center}.tm-online-digital-clock__fs-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.tm-online-digital-clock__fs-pill{min-height:40px;border-radius:100px;padding:var(--spacing-1) var(--spacing-4);border:1px solid var(--color-border);background:var(--color-bg-3);color:var(--color-text-1);font-size:13px;font-weight:500;cursor:pointer;transition:background .1s ease,border-color .1s ease}.tm-online-digital-clock__fs-pill[data-tm-active=true]{background:var(--cat-time-fg, var(--color-accent));border-color:var(--cat-time-fg, var(--color-accent));color:var(--color-surface)}.tm-online-digital-clock__cgroup{display:flex;flex-direction:column;gap:var(--spacing-4)}.tm-online-digital-clock__fs-bar-custom,.tm-online-digital-clock__fs-rail{transition:opacity .3s ease}.tm-online-digital-clock__fs--idle .tm-online-digital-clock__fs-bar-custom,.tm-online-digital-clock__fs--idle .tm-online-digital-clock__fs-rail{opacity:0}