@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Roboto:wght@400;700&display=swap";._digital-clock_1p0n4_2{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);padding-bottom:calc(var(--page-padding-block) * 1.4);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;position:relative;background:var(--clock-bg-color, var(--chakra-colors-bg, #ffffff))}._digital-clock_1p0n4_2._fullscreen_1p0n4_16{max-width:100%;padding:0;min-height:100vh;background:var(--clock-bg-color, var(--chakra-colors-bg, #ffffff))}._digital-clock_1p0n4_2._fullscreen_1p0n4_16 ._clock-container_1p0n4_22{max-width:none;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none}._digital-clock_1p0n4_2._pseudo-fullscreen_1p0n4_32{position:fixed;inset:0;width:100%;height:100%;z-index:9999;margin:0}._digital-clock_1p0n4_2._pseudo-fullscreen_1p0n4_32 ._clock-container_1p0n4_22{height:100%}._controls_1p0n4_47{width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._back-link_1p0n4_56{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--chakra-colors-primary, #2b6cb0);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:.5rem;transition:all .2s ease}._back-link_1p0n4_56 svg{width:1.125rem;height:1.125rem}._back-link_1p0n4_56:hover{background:var(--chakra-colors-bg-subtle, #f7fafc)}._controls-right_1p0n4_76{display:flex;gap:.5rem}._menu-trigger_1p0n4_81{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;background:#00000080;color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._menu-trigger_1p0n4_81 svg{width:1.5rem;height:1.5rem}._menu-trigger_1p0n4_81:hover{background:#000000b3;transform:scale(1.05)}._slide-menu-overlay_1p0n4_108{position:fixed;inset:0;background:#0000;z-index:998;pointer-events:none;transition:background .3s ease}._slide-menu-overlay_1p0n4_108._open_1p0n4_116{background:#00000080;pointer-events:auto}._slide-menu_1p0n4_108{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--chakra-colors-bg, #ffffff);z-index:999;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}._slide-menu_1p0n4_108._open_1p0n4_116{transform:translate(0)}._slide-menu-header_1p0n4_140{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--chakra-colors-border, #e2e8f0)}._slide-menu-header_1p0n4_140 span{font-size:1.125rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c)}._slide-menu-close_1p0n4_153{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;background:transparent;color:var(--chakra-colors-fg-subtle, #718096);border-radius:.375rem;cursor:pointer;transition:all .2s ease}._slide-menu-close_1p0n4_153 svg{width:1.25rem;height:1.25rem}._slide-menu-close_1p0n4_153:hover{background:var(--chakra-colors-bg-subtle, #f7fafc);color:var(--chakra-colors-fg, #1a202c)}._slide-menu-content_1p0n4_175{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}._slide-menu-item_1p0n4_183{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;border:none;background:transparent;color:var(--chakra-colors-fg, #1a202c);border-radius:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}._slide-menu-item_1p0n4_183 svg{width:1.25rem;height:1.25rem;flex-shrink:0}._slide-menu-item_1p0n4_183:hover{background:var(--chakra-colors-bg-subtle, #f7fafc)}._slide-menu-item_1p0n4_183._active_1p0n4_207{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._slide-menu-item_1p0n4_183:disabled{opacity:.4;cursor:not-allowed}._fullscreen-button_1p0n4_216{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}._fullscreen-button_1p0n4_216 svg{width:1.125rem;height:1.125rem}._fullscreen-button_1p0n4_216:hover{background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border-color:var(--chakra-colors-primary, #2b6cb0)}._clock-container_1p0n4_22{width:100%;max-width:900px;padding:clamp(2rem,5vw,4rem);border-radius:2rem;background:var(--clock-box-color, var(--chakra-colors-bg-subtle, #f7fafc));box-shadow:0 20px 60px #0000001a,0 8px 16px #0000000f;position:relative;overflow:hidden;container-type:inline-size}._clock-container_1p0n4_22:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(43,108,176,.05) 0%,transparent 70%);animation:_pulse_1p0n4_1 8s ease-in-out infinite}@keyframes _pulse_1p0n4_1{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}._time-display_1p0n4_272{display:flex;align-items:center;justify-content:center;gap:min(clamp(.5rem,2vw,1rem),2cqw);position:relative;z-index:1}._time-segment_1p0n4_281{display:flex;align-items:center;justify-content:center;padding:min(clamp(1rem,3vw,2rem),5cqw) min(clamp(1.5rem,4vw,3rem),7cqw);background:var(--clock-box-color, var(--chakra-colors-bg-subtle, #f7fafc));border-radius:1.25rem;box-shadow:0 10px 30px #00000014,0 4px 8px #0000000a,inset 0 1px #fffc;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1}._time-segment_1p0n4_281:after{content:"";position:absolute;inset:0;border-radius:1.25rem;background:linear-gradient(180deg,rgba(43,108,176,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}._time-segment_1p0n4_281:hover:after{opacity:1}@media screen and (max-width:640px){._time-segment_1p0n4_281{max-width:74px}}._digit_1p0n4_2{font-size:min(clamp(3.5rem,10vw,7.8rem),18cqw);font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--clock-font-family, system-ui);color:var(--clock-digit-color, var(--chakra-colors-primary, #2b6cb0));letter-spacing:-.02em;line-height:1}._separator_1p0n4_321{font-size:min(clamp(3rem,8vw,6rem),14cqw);font-weight:700;font-family:var(--clock-font-family, system-ui);color:var(--clock-separator-color, var(--chakra-colors-primary, #2b6cb0));opacity:.6;animation:_blink_1p0n4_1 2s ease-in-out infinite;line-height:1}@keyframes _blink_1p0n4_1{0%,to{opacity:.6}50%{opacity:.2}}@media screen and (max-width:640px){._digital-clock_1p0n4_2{min-height:50vh}._controls_1p0n4_47{margin-bottom:.75rem}._back-link_1p0n4_56{padding:.5rem .75rem;font-size:.875rem}._back-link_1p0n4_56 svg{width:1rem;height:1rem}._fullscreen-button_1p0n4_216{padding:.5rem 1rem;font-size:.875rem}._fullscreen-button_1p0n4_216 svg{width:1rem;height:1rem}._menu-trigger_1p0n4_81{top:1rem;right:1rem;width:2.5rem;height:2.5rem}._menu-trigger_1p0n4_81 svg{width:1.25rem;height:1.25rem}._clock-container_1p0n4_22{padding:2rem 1rem;border-radius:1.5rem}._time-segment_1p0n4_281{padding:.75rem 1rem;border-radius:1rem}._time-display_1p0n4_272{gap:.5rem}._digit_1p0n4_2{font-size:clamp(2.5rem,12vw,4rem)}._separator_1p0n4_321{font-size:clamp(2rem,10vw,3rem)}}._settings-button_1p0n4_390{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:.5rem}._settings-button_1p0n4_390 svg{width:1.125rem;height:1.125rem}._settings-button_1p0n4_390:hover{background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border-color:var(--chakra-colors-primary, #2b6cb0)}._dialog-overlay_1p0n4_415{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}._dialog_1p0n4_415{background:var(--chakra-colors-bg, #ffffff);border-radius:1rem;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}._dialog-header_1p0n4_436{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--chakra-colors-border, #e2e8f0)}._dialog-header_1p0n4_436 h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c)}._dialog-close_1p0n4_450{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--chakra-colors-fg-subtle, #718096);border-radius:.375rem;cursor:pointer;transition:all .2s ease}._dialog-close_1p0n4_450 svg{width:1.25rem;height:1.25rem}._dialog-close_1p0n4_450:hover{background:var(--chakra-colors-bg-subtle, #f7fafc);color:var(--chakra-colors-fg, #1a202c)}._dialog-content_1p0n4_472{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}._setting-item_1p0n4_479{display:flex;flex-direction:column;gap:.5rem}._setting-item_1p0n4_479 label{font-size:.875rem;font-weight:500;color:var(--chakra-colors-fg, #1a202c)}._color-input-wrapper_1p0n4_490{display:flex;align-items:center;gap:.75rem}._color-input_1p0n4_490{width:3rem;height:2.5rem;padding:.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;cursor:pointer;background:transparent}._color-input_1p0n4_490::-webkit-color-swatch-wrapper{padding:0}._color-input_1p0n4_490::-webkit-color-swatch{border:none;border-radius:.25rem}._color-input_1p0n4_490::-moz-color-swatch{border:none;border-radius:.25rem}._color-value_1p0n4_517{font-size:.875rem;font-family:monospace;color:var(--chakra-colors-fg-subtle, #718096);text-transform:uppercase}._font-select_1p0n4_524{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;font-size:.9375rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}._font-select_1p0n4_524:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._font-select_1p0n4_524:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._font-preview_1p0n4_549{margin-top:.5rem;padding:1rem;background:var(--chakra-colors-bg-subtle, #f7fafc);border:1px solid var(--chakra-colors-border, #e2e8f0);border-radius:.5rem;font-size:1.75rem;font-weight:700;text-align:center;color:var(--chakra-colors-primary, #2b6cb0);letter-spacing:.1em}._template-grid_1p0n4_562{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-height:280px;overflow-y:auto;padding:.25rem}@media screen and (max-width:640px){._template-grid_1p0n4_562{grid-template-columns:repeat(3,1fr)}}._template-button_1p0n4_576{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;border:1px solid var(--chakra-colors-border, #e2e8f0);background:var(--chakra-colors-bg, #ffffff);border-radius:.5rem;cursor:pointer;transition:all .2s ease}._template-button_1p0n4_576:hover{border-color:var(--chakra-colors-primary, #2b6cb0);transform:scale(1.05);box-shadow:0 2px 8px #0000001a}._template-button_1p0n4_576:active{transform:scale(.98)}._template-preview_1p0n4_597{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .25rem;border-radius:.25rem;font-size:.75rem;font-weight:700;font-family:system-ui;letter-spacing:-.02em}._template-name_1p0n4_610{font-size:.625rem;color:var(--chakra-colors-fg-subtle, #718096);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._dialog-footer_1p0n4_619{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--chakra-colors-border, #e2e8f0);gap:.75rem}._reset-button_1p0n4_628{padding:.625rem 1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._reset-button_1p0n4_628:hover{background:var(--chakra-colors-bg-subtle, #f7fafc);border-color:var(--chakra-colors-primary, #2b6cb0)}._close-button_1p0n4_644{padding:.625rem 1.5rem;border:none;background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._close-button_1p0n4_644:hover{background:#1e4d7b}._digital-clock_1p0n4_2._fullscreen_1p0n4_16 ._settings-button_1p0n4_390{background:#0009;color:#fff;border:none}._digital-clock_1p0n4_2._fullscreen_1p0n4_16 ._settings-button_1p0n4_390:hover{background:#000c}@media screen and (max-width:640px){._settings-button_1p0n4_390{padding:.5rem 1rem;font-size:.875rem}._settings-button_1p0n4_390 svg{width:1rem;height:1rem}._dialog_1p0n4_415{max-width:100%;margin:.5rem}._dialog-header_1p0n4_436{padding:1rem 1.25rem}._dialog-content_1p0n4_472{padding:1.25rem}._dialog-footer_1p0n4_619{padding:.875rem 1.25rem;flex-direction:column}._dialog-footer_1p0n4_619 ._reset-button_1p0n4_628,._dialog-footer_1p0n4_619 ._close-button_1p0n4_644{width:100%}}