.siri-shortcut-wrap[data-astro-cid-6tzb4bd4][hidden]{display:none!important}.siri-shortcut-wrap[data-astro-cid-6tzb4bd4]{position:relative;display:inline-flex;align-items:flex-start;flex-direction:column}.siri-shortcut-btn[data-astro-cid-6tzb4bd4]{display:inline-flex;align-items:center;gap:.35em;padding:.4em .9em;border-radius:999px;border:1.5px solid var(--tk-accent, #f59e0b);background:transparent;color:var(--tk-accent, #f59e0b);font-family:var(--tk-font-ui, inherit);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.siri-shortcut-btn[data-astro-cid-6tzb4bd4]:hover,.siri-shortcut-btn[data-astro-cid-6tzb4bd4][aria-expanded=true]{background:var(--tk-accent, #f59e0b);color:#fff}.siri-popover[data-astro-cid-6tzb4bd4]{position:fixed;top:auto;bottom:env(safe-area-inset-bottom,1rem);left:50%;transform:translate(-50%);z-index:200;width:min(360px,calc(100vw - 2rem));padding:1.25rem 1.25rem 1rem;border-radius:12px;border:1px solid var(--tk-border, rgba(0,0,0,.1));background:var(--tk-surface, #fff);box-shadow:0 8px 32px #0000002e;color:var(--tk-text, #1c1917)}@media(min-width:500px){.siri-popover[data-astro-cid-6tzb4bd4]{position:absolute;bottom:auto;top:calc(100% + .5rem);left:auto;right:0;transform:none;width:min(360px,calc(100vw - 2rem))}}.siri-popover__close[data-astro-cid-6tzb4bd4]{position:absolute;top:.6rem;right:.75rem;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--tk-muted, #78716c);line-height:1;padding:.25em}.siri-popover__title[data-astro-cid-6tzb4bd4]{font-size:.95rem;font-weight:700;margin:0 0 .75rem;padding-right:1.5rem;color:var(--tk-text, #1c1917)}.siri-popover__label[data-astro-cid-6tzb4bd4]{font-size:.8rem;margin:0 0 .35rem;color:var(--tk-muted, #78716c)}.siri-popover__url[data-astro-cid-6tzb4bd4]{display:block;font-family:var(--tk-font-mono, monospace);font-size:.72rem;word-break:break-all;background:var(--tk-surface-raised, #f5f5f4);border-radius:6px;padding:.5em .6em;margin-bottom:.6rem;user-select:all;cursor:text;color:var(--tk-text, #1c1917)}.siri-popover__copy[data-astro-cid-6tzb4bd4]{display:inline-block;padding:.35em .85em;border-radius:6px;border:1.5px solid var(--tk-accent, #f59e0b);background:var(--tk-accent, #f59e0b);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s;margin-bottom:.85rem}.siri-popover__copy[data-astro-cid-6tzb4bd4]:hover{opacity:.85}.siri-popover__steps[data-astro-cid-6tzb4bd4]{font-size:.8rem;margin:0 0 .75rem 1.1em;padding:0;color:var(--tk-text, #1c1917);line-height:1.6}.siri-popover__steps[data-astro-cid-6tzb4bd4] li[data-astro-cid-6tzb4bd4]{margin-bottom:.25em}.siri-popover__note[data-astro-cid-6tzb4bd4]{font-size:.75rem;color:var(--tk-muted, #78716c);margin:0;padding-top:.6rem;border-top:1px solid var(--tk-border, rgba(0,0,0,.08))}@layer base,components,variants;@layer components{.duration-picker__overlay{position:fixed;inset:0;z-index:111;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.duration-picker{position:fixed;top:50%;left:50%;z-index:112;width:min(620px,calc(100vw - 24px));max-height:min(84dvh,760px);overflow:auto;padding:24px;border:1px solid var(--tk-border);border-radius:calc(var(--tk-radius-lg) + 4px);background:var(--tk-surface);box-shadow:0 24px 64px #00000038,0 2px 8px #0000001f;transform:translate(-50%,-50%);animation:duration-picker-enter .22s var(--tk-ease)}[data-theme=dark] .duration-picker{border-color:var(--tk-border);background:#141210;box-shadow:0 32px 80px #0009,0 2px 8px #0006}@keyframes duration-picker-enter{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.duration-picker__hero,.duration-picker__section-head,.duration-picker__current,.duration-picker__form,.duration-picker__item{display:flex;align-items:center;justify-content:space-between;gap:16px}.duration-picker__hero{align-items:flex-start;margin-bottom:18px}.duration-picker__hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.duration-picker__eyebrow{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tk-text-muted)}.duration-picker__title{margin:0;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.1;color:var(--tk-text)}.duration-picker__description{margin:8px 0 0;max-width:38ch;color:var(--tk-text-secondary);font-size:.875rem;line-height:1.5}.duration-picker__close,.duration-picker__submit,.duration-picker__item{font:inherit}.duration-picker__shortcut{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-full);background:var(--tk-surface-raised);color:var(--tk-text-muted);font-family:var(--tk-font-mono);font-size:.8rem;font-weight:700;letter-spacing:.06em}[data-theme=dark] .duration-picker__shortcut{border-color:#3a3633;background:#1e1b19}.duration-picker__close{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:32px;padding:0 14px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-full);background:var(--tk-surface-raised);color:var(--tk-text-secondary);font-family:var(--tk-font-mono);font-size:.8rem;font-weight:700;transition:color .15s var(--tk-ease),background .15s var(--tk-ease),border-color .15s var(--tk-ease)}[data-theme=dark] .duration-picker__close{border-color:#3a3633;background:#1e1b19;color:var(--tk-text-secondary)}.duration-picker__close:hover{background:var(--tk-surface);color:var(--tk-text);border-color:var(--tk-border)}[data-theme=dark] .duration-picker__close:hover{background:#2a2623;color:var(--tk-text);border-color:#4a4643}.duration-picker__close:focus-visible,.duration-picker__submit:focus-visible,.duration-picker__item:focus-visible{outline:2px solid var(--tk-accent);outline-offset:2px}.duration-picker__current{margin-bottom:16px;padding:12px 16px;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-lg);background:var(--tk-surface)}[data-theme=dark] .duration-picker__current{border-color:#2a2623;background:#0e0c0b}.duration-picker__current-label{color:var(--tk-text-muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.duration-picker__current strong{font-family:var(--tk-font-mono);font-size:clamp(1.1rem,2vw,1.35rem);color:var(--tk-accent)}.duration-picker__form{align-items:stretch;margin-bottom:8px;gap:8px}.duration-picker__input-wrap{flex:1 1 auto}.duration-picker__input{width:100%;min-height:52px;padding:0 18px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-lg);background:var(--tk-surface);color:var(--tk-text);font:inherit;font-size:1rem;transition:border-color .15s var(--tk-ease)}[data-theme=dark] .duration-picker__input{border-color:#3a3633;background:#0e0c0b}.duration-picker__input:focus{outline:none;border-color:var(--tk-accent)}.duration-picker__submit{flex:0 0 auto;min-width:104px;min-height:52px;border:none;border-radius:var(--tk-radius-lg);background:var(--tk-accent);color:#fff;font-weight:700;transition:background .15s var(--tk-ease)}.duration-picker__submit:hover{background:var(--tk-accent-hover)}.duration-picker__error{margin:0 0 14px;color:#e05468;font-size:.875rem}.duration-picker__section+.duration-picker__section{margin-top:18px}.duration-picker__section-head{margin-bottom:10px}.duration-picker__section-title{margin:0;font-size:.875rem;font-weight:600;color:var(--tk-text)}.duration-picker__section-note{color:var(--tk-text-muted);font-size:.8rem}.duration-picker__list{display:grid;gap:8px}.duration-picker__list--popular{grid-template-columns:repeat(2,minmax(0,1fr))}.duration-picker__item{width:100%;padding:12px 16px;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-lg);background:var(--tk-surface);color:var(--tk-text);text-align:left;transition:background .15s var(--tk-ease),border-color .15s var(--tk-ease),transform .15s var(--tk-ease),box-shadow .15s var(--tk-ease)}[data-theme=dark] .duration-picker__item{border-color:#2a2623;background:#181512}.duration-picker__item:hover{background:var(--tk-surface-raised);border-color:var(--tk-border);transform:translateY(-1px);box-shadow:var(--tk-shadow-md)}[data-theme=dark] .duration-picker__item:hover{background:#221f1c;border-color:#3a3633}.duration-picker__item-main{display:flex;flex-direction:column;gap:2px}.duration-picker__item-main strong{font-family:var(--tk-font-mono);font-size:.95rem;color:var(--tk-accent)}.duration-picker__item-main span,.duration-picker__item-meta{color:var(--tk-text-secondary);font-size:.8rem}.duration-picker__item--popular{min-height:80px}@media(max-width:720px){.duration-picker{width:min(100vw - 16px,620px);padding:18px}.duration-picker__hero,.duration-picker__form,.duration-picker__section-head,.duration-picker__item,.duration-picker__current{align-items:flex-start;flex-direction:column}.duration-picker__hero-actions{width:100%}.duration-picker__shortcut{width:100%;min-height:40px}.duration-picker__submit,.duration-picker__close{width:100%;min-height:46px}.duration-picker__list--popular{grid-template-columns:1fr}}}@layer base,components,variants;@layer components{.settings-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--tk-border-subtle)}.settings-tab{flex:1;padding:10px 0;font-family:var(--tk-font-sans);font-size:.75rem;font-weight:500;color:var(--tk-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s var(--tk-ease),border-color .15s var(--tk-ease);text-align:center;letter-spacing:.02em;touch-action:manipulation;-webkit-user-select:none;user-select:none}.settings-tab:hover{color:var(--tk-text-secondary)}.settings-tab--active{color:var(--tk-accent);border-bottom-color:var(--tk-accent);font-weight:500}.appearance-panel{display:flex;flex-direction:column;gap:16px}.clockface-indicator{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.clockface-indicator__name{font-family:var(--tk-font-sans);font-size:.8125rem;font-weight:500;color:var(--tk-text)}.clockface-indicator__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--tk-border);border-radius:var(--tk-radius);background:var(--tk-surface-raised);color:var(--tk-text-muted);cursor:pointer;transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease),border-color .15s var(--tk-ease)}.clockface-indicator__btn svg{width:14px;height:14px;transition:transform .2s var(--tk-ease)}.clockface-indicator__btn:hover{background:var(--tk-surface);border-color:var(--tk-accent);color:var(--tk-accent)}.clockface-indicator__btn--open{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.clockface-indicator__btn--open svg{transform:rotate(90deg)}.clockface-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:2px 0 4px;animation:clockface-picker-in .15s var(--tk-ease) both}.clockface-filter{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.clockface-filter__pill{flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-full);background:var(--tk-surface-raised);color:var(--tk-text-secondary);font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:600;cursor:pointer;transition:border-color .15s var(--tk-ease),background-color .15s var(--tk-ease),color .15s var(--tk-ease)}.clockface-filter__pill:hover{border-color:var(--tk-border);color:var(--tk-text)}.clockface-filter__pill--active{border-color:var(--tk-accent);background:var(--tk-accent);color:#fff}.clockface-filter__pill--active:hover{border-color:var(--tk-accent-hover);background:var(--tk-accent-hover);color:#fff}.clockface-picker__section-label{display:flex;align-items:center;gap:8px;margin:4px 0 2px;font-family:var(--tk-font-sans);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-text-muted)}.clockface-picker__section-label:before{content:"";width:14px;height:1px;background:var(--tk-border-subtle);flex-shrink:0}.clockface-picker__option-row{display:flex;align-items:stretch;gap:6px;min-height:36px}@keyframes clockface-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clockface-picker__option{display:flex;align-items:center;width:100%;min-height:36px;padding:6px 10px;font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:500;color:var(--tk-text-secondary);background:var(--tk-surface-raised);border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .12s var(--tk-ease),color .12s var(--tk-ease),border-color .12s var(--tk-ease)}.clockface-picker__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clockface-picker__option:hover{background:var(--tk-surface);border-color:var(--tk-border);color:var(--tk-text)}.clockface-picker__option--active{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.clockface-picker__option--active:hover{background:var(--tk-accent-hover);border-color:var(--tk-accent-hover);color:#fff}.clockface-picker__fav-btn{width:36px;min-width:36px;min-height:36px;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius);background:var(--tk-surface-raised);color:var(--tk-text-muted);font-size:.875rem;line-height:1;cursor:pointer;touch-action:manipulation;transition:color .12s var(--tk-ease),border-color .12s var(--tk-ease),background-color .12s var(--tk-ease),transform .2s cubic-bezier(.34,1.56,.64,1)}.clockface-picker__fav-btn:hover{color:var(--tk-text);border-color:var(--tk-border)}.clockface-picker__fav-btn--active{color:var(--tk-accent);border-color:color-mix(in srgb,var(--tk-accent) 50%,var(--tk-border-subtle));background:color-mix(in srgb,var(--tk-accent) 12%,transparent);animation:fav-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes fav-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.appearance-presets{display:flex;flex-wrap:wrap;gap:6px}.appearance-preset{padding:6px 12px;font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:500;color:var(--tk-text-secondary);background:var(--tk-surface-raised);border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-full);cursor:pointer;transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease),border-color .15s var(--tk-ease);white-space:nowrap}.appearance-preset:hover{background:var(--tk-surface);border-color:var(--tk-border);color:var(--tk-text)}.appearance-preset--active{background:var(--tk-accent);color:#fff;border-color:var(--tk-accent)}.appearance-preset--active:hover{background:var(--tk-accent-hover);border-color:var(--tk-accent-hover);color:#fff}.appearance-preset__desc{display:block;font-size:.5625rem;font-weight:400;color:inherit;opacity:.7;margin-top:1px}.appearance-group{display:flex;flex-direction:column;gap:10px}.appearance-group__title{font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:600;color:var(--tk-text-muted);text-transform:uppercase;letter-spacing:.06em}.appearance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.appearance-row__label{font-family:var(--tk-font-sans);font-size:.75rem;color:var(--tk-text);flex-shrink:0}.appearance-row__controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.appearance-color{display:flex;align-items:center;gap:6px}.appearance-color__swatch{position:relative;width:28px;height:28px;border-radius:var(--tk-radius);border:1px solid var(--tk-border);overflow:hidden;cursor:pointer}.appearance-color__swatch input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;background:transparent}.appearance-color__swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-color__swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:0}.appearance-color__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--tk-radius-full);background:transparent;color:var(--tk-text-muted);font-size:.625rem;cursor:pointer;opacity:.6;transition:opacity .15s,color .15s}.appearance-color__clear:hover{opacity:1;color:var(--tk-danger)}.appearance-color__inherited{font-size:.5625rem;color:var(--tk-text-muted);font-style:italic}.appearance-select{padding:4px 8px;font-family:var(--tk-font-sans);font-size:.6875rem;color:var(--tk-text);background:var(--tk-surface-raised);border:1px solid var(--tk-border);border-radius:var(--tk-radius);outline:none;cursor:pointer;min-width:90px;transition:border-color .15s var(--tk-ease);touch-action:manipulation}.appearance-select:focus{border-color:var(--tk-accent)}.appearance-range{display:flex;align-items:center;gap:8px}.appearance-range input[type=range]{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:var(--tk-border);border-radius:2px;outline:none;cursor:pointer}.appearance-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--tk-radius-full);background:var(--tk-accent);cursor:pointer;box-shadow:0 1px 3px #00000026}.appearance-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--tk-radius-full);background:var(--tk-accent);cursor:pointer;box-shadow:0 1px 3px #00000026}.appearance-range__value{font-family:var(--tk-font-mono);font-size:.625rem;color:var(--tk-text-muted);min-width:28px;text-align:right}.appearance-sound-row{display:flex;align-items:center;gap:8px}.appearance-preview-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--tk-radius-full);background:var(--tk-surface-raised);color:var(--tk-text-muted);font-size:.625rem;cursor:pointer;transition:background-color .15s,color .15s;flex-shrink:0;touch-action:manipulation}.appearance-preview-btn:hover{background:var(--tk-accent);color:#fff}.appearance-reset{width:100%;padding:8px 16px;font-family:var(--tk-font-sans);font-size:.75rem;font-weight:500;color:var(--tk-text-muted);background:transparent;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius);cursor:pointer;transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease),border-color .15s var(--tk-ease);text-align:center;margin-top:4px}.appearance-reset:hover{background:var(--tk-surface-raised);color:var(--tk-text);border-color:var(--tk-border)}.appearance-divider{height:1px;background:var(--tk-border-subtle);border:none;margin:4px 0}.breath-visual-panel{display:flex;flex-direction:column;gap:0}.breath-visual-panel__style-grid{display:flex;gap:8px;margin-top:8px}.breath-visual-panel__style-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:10px;border:1.5px solid var(--tk-border-subtle);background:var(--tk-surface-raised, var(--tk-surface));color:var(--tk-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.breath-visual-panel__style-btn:hover{border-color:var(--tk-accent);color:var(--tk-text)}.breath-visual-panel__style-btn--active{border-color:var(--tk-accent);background:hsl(from var(--tk-accent) h s l / .1);color:var(--tk-accent);font-weight:500}.breath-visual-panel__style-icon{display:flex;align-items:center;justify-content:center;line-height:1}.breath-visual-panel__theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.breath-visual-panel__theme-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 8px;border-radius:8px;border:1.5px solid var(--tk-border-subtle);background:var(--tk-surface-raised, var(--tk-surface));color:var(--tk-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.breath-visual-panel__theme-btn:hover{border-color:var(--tk-accent);color:var(--tk-text)}.breath-visual-panel__theme-btn--active{border-color:var(--tk-accent);background:hsl(from var(--tk-accent) h s l / .08);color:var(--tk-text);font-weight:500}.breath-visual-panel__theme-swatch{display:block;width:22px;height:22px;border-radius:50%;border:1.5px solid hsl(0,0%,100%,.2)}.breath-visual-panel__theme-swatch--auto{background:conic-gradient(#42d7d7,#e6bf4c,#9e64d8,#6186d1,#42d7d7)}.breath-visual-panel__tone-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.breath-visual-panel__tone-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1.5px solid var(--tk-border-subtle);background:var(--tk-surface-raised, var(--tk-surface));color:var(--tk-text-secondary);font-size:.8rem;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.breath-visual-panel__tone-btn:hover{border-color:var(--tk-accent);color:var(--tk-text)}.breath-visual-panel__tone-btn--active{border-color:var(--tk-accent);background:hsl(from var(--tk-accent) h s l / .08);color:var(--tk-text)}.breath-visual-panel__tone-label{font-weight:600;min-width:52px;flex-shrink:0}.breath-visual-panel__tone-desc{font-size:.72rem;color:var(--tk-text-muted);font-weight:400}.breath-visual-panel__tone-btn--active .breath-visual-panel__tone-desc{color:var(--tk-text-secondary)}.interval-pills{display:flex;gap:.375rem;flex-wrap:wrap}.interval-pill{padding:.35rem .625rem;min-height:44px;border-radius:var(--tk-radius-sm, 6px);border:1.5px solid color-mix(in srgb,var(--tk-text) 15%,transparent);background:transparent;color:var(--tk-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s var(--tk-ease);white-space:nowrap;display:flex;align-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.interval-pill:hover{border-color:color-mix(in srgb,var(--tk-accent) 50%,transparent);background:color-mix(in srgb,var(--tk-accent) 8%,transparent)}.interval-pill.active{border-color:var(--tk-accent);background:color-mix(in srgb,var(--tk-accent) 15%,transparent);color:var(--tk-accent)}.interval-chime-expanded{display:flex;flex-direction:column;gap:.5rem}.interval-custom-input-row{align-items:center;justify-content:space-between;gap:.75rem}.interval-custom-input{width:6.5rem;max-width:100%;padding:.45rem .55rem;border-radius:var(--tk-radius-sm, 6px);border:1px solid color-mix(in srgb,var(--tk-text) 20%,transparent);background:var(--tk-surface-raised, var(--tk-surface));color:var(--tk-text);font:inherit;font-size:.78rem;line-height:1.2}.interval-custom-input:focus{outline:none;border-color:var(--tk-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tk-accent) 22%,transparent)}.appearance-group__subtitle{font-size:.72rem;color:var(--tk-text-muted);margin-top:-8px}.countdown-preview-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;border:1px solid color-mix(in srgb,var(--tk-text) 12%,transparent);border-radius:var(--tk-radius-sm, 6px);background:transparent;color:var(--tk-text);font-size:.7rem;cursor:pointer;opacity:.7;transition:opacity .15s var(--tk-ease),border-color .15s var(--tk-ease);-webkit-tap-highlight-color:transparent}.countdown-preview-btn:hover{opacity:1;border-color:var(--tk-accent)}@media(max-width:768px){.settings-tab{font-size:.8125rem;padding:12px 0}.clockface-indicator__name{font-size:.875rem}.clockface-picker__option{font-size:.75rem;padding:10px 12px;min-height:44px}.clockface-filter__pill{font-size:.75rem;min-height:36px}.clockface-picker__section-label{font-size:.6875rem}.clockface-picker__fav-btn{width:36px;min-width:36px;min-height:36px;font-size:.9375rem}.appearance-preset{font-size:.75rem;padding:8px 14px}.appearance-preset__desc{font-size:.625rem}.appearance-group__title{font-size:.75rem}.appearance-group__subtitle{font-size:.78rem}.appearance-row{min-height:44px}.appearance-row__label{font-size:.8125rem}.appearance-range__value{font-size:.6875rem}.appearance-color__inherited{font-size:.625rem}.interval-pill{font-size:.8125rem;padding:.4rem .75rem}.interval-custom-input{font-size:.85rem;padding:.5rem .6rem;min-height:44px}.countdown-preview-btn{font-size:.78rem;padding:.4rem .65rem;min-height:44px;display:inline-flex;align-items:center}.breath-visual-panel__style-btn{font-size:.8125rem}.breath-visual-panel__theme-btn{font-size:.78rem}.breath-visual-panel__tone-btn{font-size:.85rem;padding:11px 14px;min-height:44px}.breath-visual-panel__tone-desc{font-size:.78rem}.appearance-color__swatch{width:36px;height:36px}.appearance-color__clear,.appearance-preview-btn{width:36px;height:36px;font-size:.75rem}.clockface-indicator__btn{width:36px;height:36px}.clockface-indicator__btn svg{width:16px;height:16px}.appearance-range input[type=range]{height:6px;border-radius:3px}.appearance-range input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.appearance-range input[type=range]::-moz-range-thumb{width:22px;height:22px}.clockface-picker{gap:8px;padding:4px 0 6px}.appearance-select{padding:8px 12px;font-size:.75rem;min-height:44px}.appearance-sound-row{gap:10px}.appearance-reset{padding:12px 16px;font-size:.8125rem;min-height:44px}}@media(hover:none){.appearance-color__clear{opacity:.7}}}@layer base,components,variants;@layer components{.settings-panel__overlay{position:fixed;inset:0;z-index:99;display:none;background:#00000026;opacity:1;pointer-events:auto}.settings-panel__overlay.open{display:block;background:#00000040}[data-theme=dark] .settings-panel__overlay.open{background:#0006}.settings-panel{position:fixed;top:0;right:0;z-index:100;width:min(360px,85vw);height:100dvh;display:none;flex-direction:column;background:color-mix(in srgb,var(--tk-bg) 97%,var(--tk-accent) 3%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-lg) 0 0 var(--tk-radius-lg);box-shadow:-8px 0 32px #0000001f;overflow-y:auto;overscroll-behavior:contain;padding-top:env(safe-area-inset-top,0px)}.settings-panel.open{display:flex;animation:settings-panel-slide-in .3s cubic-bezier(.32,.72,0,1)}@keyframes settings-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--tk-border-subtle)}.settings-panel__title{font-family:var(--tk-font-sans);font-size:.875rem;font-weight:600;color:var(--tk-text);letter-spacing:.02em}.settings-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--tk-radius-full);background:transparent;color:var(--tk-text-muted);transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease);touch-action:manipulation}.settings-panel__close:hover{background:var(--tk-surface-raised);color:var(--tk-text)}.settings-panel__close svg{width:16px;height:16px}.settings-panel__body{padding:16px;display:flex;flex-direction:column;gap:20px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section--interval-chime.settings-section--expanded{padding-bottom:10px}.settings-section__label{font-family:var(--tk-font-sans);font-size:.8125rem;font-weight:500;color:var(--tk-text)}.settings-section__subtitle{font-size:.6875rem;color:color-mix(in srgb,var(--tk-text-muted) 70%,var(--tk-text) 30%);line-height:1.4}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-toggle__track{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:var(--tk-radius-full);background:var(--tk-border);transition:background-color .2s var(--tk-ease);cursor:pointer;touch-action:manipulation}.settings-toggle__track.active{background:var(--tk-accent)}.settings-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--tk-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s var(--tk-ease)}.settings-toggle__track.active .settings-toggle__thumb{transform:translate(20px)}.settings-toggle__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.settings-panel__mute-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-panel__mute-row svg{width:20px;height:20px}.sequence-input-group{display:flex;flex-direction:column;gap:8px}.sequence-input-row{display:flex;gap:6px}.sequence-input{flex:1;padding:8px 10px;font-family:var(--tk-font-mono);font-size:.8125rem;color:var(--tk-text);background:var(--tk-surface-raised);border:1px solid var(--tk-border);border-radius:var(--tk-radius);outline:none;transition:border-color .15s var(--tk-ease),box-shadow .15s var(--tk-ease)}.sequence-input:focus{border-color:var(--tk-accent);box-shadow:0 0 0 2px var(--tk-accent-glow)}.sequence-input::placeholder{color:var(--tk-text-muted);opacity:.6}.sequence-input--invalid{border-color:var(--tk-danger)}.sequence-clear-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--tk-border);border-radius:var(--tk-radius);background:var(--tk-surface-raised);color:var(--tk-text-muted);transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease);touch-action:manipulation}.sequence-clear-btn:hover{background:var(--tk-danger);color:#fff;border-color:var(--tk-danger)}.sequence-clear-btn svg{width:14px;height:14px}.sequence-validation{font-size:.6875rem;color:var(--tk-danger);min-height:1em}.sequence-pills{display:flex;flex-wrap:wrap;gap:4px}.sequence-pill{padding:3px 8px;font-family:var(--tk-font-mono);font-size:.6875rem;border-radius:var(--tk-radius, 4px);background:var(--tk-surface-raised);color:var(--tk-text-muted);border:1px solid var(--tk-border-subtle);transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease),border-color .15s var(--tk-ease)}.sequence-pill.current{background:var(--tk-accent);color:#fff;border-color:var(--tk-accent)}.sequence-pill.completed{background:var(--tk-accent-glow);color:var(--tk-accent);border-color:var(--tk-accent);opacity:.7}.settings-divider{height:1px;background:var(--tk-border-subtle);border:none}.sequence-progress-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:-.25rem}.seq-segment-title{font-family:var(--tk-font-sans);font-size:1.125rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--tk-text-muted);text-align:center;transition:color .2s var(--tk-ease)}@media(max-width:768px){.sequence-progress-wrap{gap:4px;margin-top:-.125rem}.seq-segment-title{font-size:1.25rem;letter-spacing:.03em}}@media(max-width:430px){.sequence-progress-wrap{gap:3px;margin-top:-.2rem}.seq-segment-title{font-size:1.25rem;letter-spacing:.03em}}@media(max-width:390px){.seq-segment-title{font-size:1.125rem}}.sequence-progress-labeled{width:100%;display:flex;gap:3px;align-items:stretch;min-height:28px}.seq-pill{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--tk-surface-raised);border:1px solid var(--tk-border-subtle);transition:border-color .2s var(--tk-ease);min-width:0}.seq-pill--current,.seq-pill--completed{border-color:var(--tk-accent)}.seq-pill__fill{position:absolute;inset:0 auto 0 0;background:var(--tk-accent);opacity:.2;border-radius:inherit;transition:width .5s linear}.seq-pill--completed .seq-pill__fill{opacity:.15}.seq-pill--current .seq-pill__fill{opacity:.25}.history-subsection{display:flex;flex-direction:column;gap:4px}.history-subsection__label{font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:500;color:var(--tk-text-muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:2px}.history-list{display:flex;flex-direction:column;gap:2px}.history-item{display:flex;align-items:center;gap:4px;border-radius:var(--tk-radius-md, 8px);transition:background-color .15s var(--tk-ease)}.history-item:hover{background:var(--tk-surface-raised)}.history-item__apply{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:none;background:transparent;cursor:pointer;border-radius:var(--tk-radius-md, 8px);text-align:left;touch-action:manipulation}.history-item__label{font-family:var(--tk-font-mono);font-size:.75rem;color:var(--tk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item__ago{font-size:.625rem;color:var(--tk-text-muted);white-space:nowrap;flex-shrink:0}.history-item__delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--tk-text-muted);font-size:.625rem;border-radius:var(--tk-radius-full);opacity:0;transition:opacity .15s,background-color .15s,color .15s;cursor:pointer}.history-item:hover .history-item__delete{opacity:1}.history-item__delete:hover{background:var(--tk-surface-raised);color:var(--tk-danger, #ef4444)}.history-empty{font-size:.6875rem;color:var(--tk-text-muted);font-style:italic;padding:4px 0}.settings-section__header-row{display:flex;align-items:center;justify-content:space-between}.seq-pill--work{--seq-segment-color: var(--tk-accent)}.seq-pill--break{--seq-segment-color: var(--tk-segment-break, #34d399)}.seq-pill--longBreak{--seq-segment-color: var(--tk-segment-longbreak, #60a5fa)}.seq-pill--rest{--seq-segment-color: var(--tk-segment-rest, #a78bfa)}.seq-pill--exercise{--seq-segment-color: var(--tk-segment-exercise, #f97316)}.seq-pill--custom{--seq-segment-color: var(--tk-accent)}.seq-pill--breathe{--seq-segment-color: var(--tk-segment-breathe, #06b6d4)}.seq-pill[class*=seq-pill--work] .seq-pill__fill,.seq-pill[class*=seq-pill--break] .seq-pill__fill,.seq-pill[class*=seq-pill--longBreak] .seq-pill__fill,.seq-pill[class*=seq-pill--rest] .seq-pill__fill,.seq-pill[class*=seq-pill--exercise] .seq-pill__fill,.seq-pill[class*=seq-pill--custom] .seq-pill__fill,.seq-pill[class*=seq-pill--breathe] .seq-pill__fill{background:var(--seq-segment-color, var(--tk-accent))}.seq-pill--current[class*=seq-pill--work],.seq-pill--current[class*=seq-pill--break],.seq-pill--current[class*=seq-pill--longBreak],.seq-pill--current[class*=seq-pill--rest],.seq-pill--current[class*=seq-pill--exercise],.seq-pill--current[class*=seq-pill--breathe]{border-color:var(--seq-segment-color, var(--tk-accent))}.seq-wrap--work .seq-segment-title{color:var(--tk-accent)}.seq-wrap--break .seq-segment-title{color:var(--tk-segment-break, #34d399)}.seq-wrap--longBreak .seq-segment-title{color:var(--tk-segment-longbreak, #60a5fa)}.seq-wrap--rest .seq-segment-title{color:var(--tk-segment-rest, #a78bfa)}.seq-wrap--exercise .seq-segment-title{color:var(--tk-segment-exercise, #f97316)}.seq-wrap--custom .seq-segment-title{color:var(--tk-accent)}.seq-wrap--breathe .seq-segment-title{color:var(--tk-segment-breathe, #06b6d4)}.sequence-pill--work{background:color-mix(in srgb,var(--tk-accent) 15%,transparent);color:var(--tk-accent);border-color:var(--tk-accent)}.sequence-pill--break{background:color-mix(in srgb,var(--tk-segment-break, #34d399) 15%,transparent);color:var(--tk-segment-break, #34d399);border-color:var(--tk-segment-break, #34d399)}.sequence-pill--longBreak{background:color-mix(in srgb,var(--tk-segment-longbreak, #60a5fa) 15%,transparent);color:var(--tk-segment-longbreak, #60a5fa);border-color:var(--tk-segment-longbreak, #60a5fa)}.sequence-pill--rest{background:color-mix(in srgb,var(--tk-segment-rest, #a78bfa) 15%,transparent);color:var(--tk-segment-rest, #a78bfa);border-color:var(--tk-segment-rest, #a78bfa)}.sequence-pill--exercise{background:color-mix(in srgb,var(--tk-segment-exercise, #f97316) 15%,transparent);color:var(--tk-segment-exercise, #f97316);border-color:var(--tk-segment-exercise, #f97316)}.sequence-pill--breathe{background:color-mix(in srgb,var(--tk-segment-breathe, #06b6d4) 15%,transparent);color:var(--tk-segment-breathe, #06b6d4);border-color:var(--tk-segment-breathe, #06b6d4)}@media(hover:none){.history-item__delete{opacity:.5;width:36px;height:36px;font-size:.75rem}.history-item__delete:active{opacity:1;background:var(--tk-surface-raised);color:var(--tk-danger, #ef4444)}}@media(max-width:768px){.settings-panel__close{width:44px;height:44px}.settings-panel__close svg{width:18px;height:18px}.settings-panel__body{padding:20px;gap:24px}.settings-panel__title{font-size:1rem}.settings-section__label{font-size:.875rem}.settings-section__subtitle,.history-subsection__label{font-size:.75rem}.history-item__label{font-size:.8125rem}.history-item__ago{font-size:.6875rem}.history-empty,.sequence-validation{font-size:.75rem}.sequence-pill{font-size:.75rem;padding:4px 10px}.sequence-input{padding:10px 12px;font-size:.875rem}.sequence-clear-btn{width:44px;height:44px}.sequence-clear-btn svg{width:16px;height:16px}.history-item__delete{opacity:.5;width:36px;height:36px;font-size:.75rem}.history-item__apply{padding:10px 8px;min-height:44px}}@media(max-width:768px){.settings-panel{inset:auto 0 0;width:100%;max-width:none;height:auto;max-height:85dvh;min-height:50dvh;border-left:none;border-top:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-lg) var(--tk-radius-lg) 0 0;box-shadow:0 -8px 32px #0000001f;transform:translateY(100%);padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px)}.settings-panel.open{transform:translateY(0)}.settings-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--tk-border);pointer-events:none;z-index:1}.settings-panel.open:before{animation:handle-hint 1.5s ease .5s 1}@keyframes handle-hint{0%,to{opacity:1;width:36px}50%{opacity:.6;width:44px}}.settings-panel__header{padding-top:24px}[data-theme=dark] .settings-panel{box-shadow:0 -8px 40px #00000080}}}.mode-panel{display:flex;flex-direction:column;gap:.75rem}.mode-panel__header{display:flex;align-items:center;justify-content:space-between}.mode-panel__name{font-weight:600;font-size:.875rem;color:var(--tk-text)}.mode-panel__custom-link{all:unset;cursor:pointer;font-size:.75rem;color:var(--tk-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--tk-duration) var(--tk-ease)}.mode-panel__custom-link:hover{color:var(--tk-accent)}.mode-panel__desc{font-size:.75rem;color:var(--tk-text-muted);line-height:1.4;margin:0}.mode-panel__params{display:flex;flex-direction:column;gap:.625rem}.mode-param{display:flex;flex-direction:column;gap:.25rem}.mode-param__label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;color:var(--tk-text)}.mode-param__value{font-family:var(--tk-font-mono);font-size:.75rem;font-weight:600;color:var(--tk-accent);min-width:3em;text-align:right}.mode-param__slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--tk-surface-raised);outline:none;transition:background var(--tk-duration) var(--tk-ease)}.mode-param__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--tk-accent);cursor:pointer;border:2px solid var(--tk-surface);box-shadow:0 1px 3px #00000026;transition:transform .15s var(--tk-ease)}.mode-param__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.mode-param__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--tk-accent);cursor:pointer;border:2px solid var(--tk-surface)}.mode-param__range{display:flex;justify-content:space-between;font-size:.625rem;color:var(--tk-text-muted);opacity:.6}.mode-panel__repeat{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--tk-border-subtle);font-size:.75rem}.mode-panel__repeat-label{color:var(--tk-text-muted)}.mode-panel__repeat-value{color:var(--tk-text);font-weight:500}.mode-panel__variations{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--tk-border-subtle)}.mode-panel__variations-label{font-size:.75rem;font-weight:500;color:var(--tk-text-muted)}.mode-panel__variation-grid{display:flex;flex-direction:column;gap:.375rem}.mode-variation{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:.125rem;padding:.5rem .625rem;border-radius:var(--tk-radius, 4px);background:var(--tk-surface-raised);border:1px solid var(--tk-border-subtle);transition:border-color var(--tk-duration) var(--tk-ease),background var(--tk-duration) var(--tk-ease)}.mode-variation:hover{border-color:var(--tk-accent);background:color-mix(in srgb,var(--tk-accent) 5%,var(--tk-surface-raised))}.mode-variation__name{font-size:.75rem;font-weight:600;color:var(--tk-text)}.mode-variation__desc{font-size:.625rem;color:var(--tk-text-muted)}@media(max-width:768px){.mode-panel__name{font-size:1rem}.mode-panel__custom-link{font-size:.8125rem;min-height:44px;display:inline-flex;align-items:center}.mode-panel__desc,.mode-param__label,.mode-param__value{font-size:.8125rem}.mode-param__range{font-size:.6875rem}.mode-panel__repeat,.mode-panel__variations-label,.mode-variation__name{font-size:.8125rem}.mode-variation__desc{font-size:.6875rem}.mode-param__slider{height:6px;border-radius:3px}.mode-param__slider::-webkit-slider-thumb{width:22px;height:22px}.mode-param__slider::-moz-range-thumb{width:22px;height:22px}.mode-variation{padding:.625rem .75rem;min-height:44px}}.vgrid{padding:2rem 0 1.5rem}.vgrid__heading{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--tk-text)}.vgrid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.vcard{all:unset;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:var(--tk-radius-lg, 8px);background:var(--tk-surface);border:1.5px solid var(--tk-border-subtle);transition:border-color .2s var(--tk-ease),box-shadow .2s var(--tk-ease),transform .2s var(--tk-ease),background .2s var(--tk-ease);animation:vcard-in .35s var(--tk-ease) both}.vcard:nth-child(1){animation-delay:0ms}.vcard:nth-child(2){animation-delay:50ms}.vcard:nth-child(3){animation-delay:.1s}.vcard:nth-child(4){animation-delay:.15s}.vcard:nth-child(5){animation-delay:.2s}@keyframes vcard-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vcard:hover{border-color:var(--tk-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.vcard:active{transform:translateY(0);transition-duration:.05s}.vcard--active{border-color:var(--tk-accent);background:color-mix(in srgb,var(--tk-accent) 6%,var(--tk-surface));box-shadow:0 0 0 1px var(--tk-accent),0 0 16px color-mix(in srgb,var(--tk-accent) 20%,transparent)}.vcard--active:hover{box-shadow:0 0 0 1px var(--tk-accent),0 0 20px color-mix(in srgb,var(--tk-accent) 30%,transparent)}.vcard__indicator{position:absolute;top:.625rem;right:.625rem;width:6px;height:6px;border-radius:50%;background:var(--tk-accent);opacity:0;transform:scale(0);transition:opacity .25s var(--tk-ease),transform .3s cubic-bezier(.34,1.56,.64,1)}.vcard--active .vcard__indicator{opacity:1;transform:scale(1)}.vcard__name{font-size:.8125rem;font-weight:600;color:var(--tk-text);display:flex;align-items:center;gap:.375rem}.vcard__icon{flex-shrink:0;opacity:.7}.vcard__desc{font-size:.6875rem;color:var(--tk-text-muted);line-height:1.35}.vcard__params{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.vcard__param{font-family:var(--tk-font-mono);font-size:.5625rem;padding:.1rem .325rem;border-radius:var(--tk-radius, 4px);background:var(--tk-surface-raised);color:var(--tk-text-muted);letter-spacing:.01em}.vcard--active .vcard__param{background:color-mix(in srgb,var(--tk-accent) 12%,var(--tk-surface-raised));color:var(--tk-text-secondary)}.vcard--customize{border-style:dashed}.vcard--customize:hover{border-style:solid}@media(max-width:480px){.vgrid__cards{grid-template-columns:1fr 1fr;gap:.5rem}.vcard{padding:.75rem}}@media(min-width:769px){.vgrid{width:min(760px,94vw);align-self:center}.vgrid__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@layer base,components,variants;.mode-page{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}.mode-page .timer-shell,.mode-page .timer-section{margin-inline:auto}.mode-hero{text-align:center;padding:3rem 0 1.5rem}.mode-hero__icon{display:flex;justify-content:center}.mode-hero__icon svg{max-width:100%;max-height:120px;opacity:.9}.mode-hero__title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.mode-hero__desc{font-size:1.125rem;color:var(--tk-text-secondary);margin-top:.5rem;max-width:540px;margin-inline:auto}.mode-hero__title-row{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.mode-hero__icon--inline{display:inline-flex;align-items:center;opacity:.75;flex-shrink:0}.mode-hero__icon--below{margin-top:.5rem}.mode-hero__plank-svg{display:block;width:auto;height:clamp(1.8rem,6.4vw,3rem)}.mode-hero__plank-svg--inline{height:1em;width:auto;opacity:.88}.mode-hero__plank-svg--below{height:clamp(.9rem,3.2vw,1.5rem)}.mode-hero__stretch-svg{display:block;width:auto;height:clamp(1.8rem,6.4vw,3rem)}.mode-hero__stretch-svg--inline{height:2em;width:auto;opacity:.88}.mode-hero__stretch-svg--below{height:clamp(.9rem,3.2vw,1.5rem)}.mode-content{padding:2rem 0;border-top:1px solid var(--tk-border-subtle)}.mode-content h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem}.mode-content h2:first-child{margin-top:0}.mode-content p{font-size:.9375rem;color:var(--tk-text-secondary);line-height:1.6;margin:0 0 1rem}@layer components{.page-faq{max-width:720px;margin:1rem auto 3rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.page-faq__heading{font-family:var(--tk-font-sans);font-size:1.125rem;font-weight:700;color:var(--tk-text);margin:0 0 .75rem;line-height:1.3}.faq-item{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);overflow:hidden;box-shadow:var(--tk-shadow-sm)}.faq-item__question{list-style:none;cursor:pointer;padding:1rem 1.25rem;font-family:var(--tk-font-sans);font-weight:600;font-size:.9375rem;color:var(--tk-text);display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none;transition:background var(--tk-duration) var(--tk-ease)}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-size:1.125rem;line-height:1;color:var(--tk-text-muted);transition:transform var(--tk-duration) var(--tk-ease);flex-shrink:0;font-weight:400}.faq-item[open] .faq-item__question:after{transform:rotate(45deg)}.faq-item__question:hover{background:color-mix(in srgb,var(--tk-accent) 5%,var(--tk-surface))}.faq-item__answer{padding:.875rem 1.25rem 1.125rem;font-family:var(--tk-font-sans);font-size:.9375rem;line-height:1.75;color:var(--tk-text-secondary);border-top:1px solid var(--tk-border-subtle);margin:0}}@media(max-width:768px){.mode-page{padding:0 1rem 3rem}.mode-hero{padding:1.5rem 0 .75rem}.mode-hero__icon{margin-bottom:1rem}.mode-hero__title{font-size:clamp(1.5rem,6vw,2rem);line-height:1.1}.mode-hero__desc{font-size:1rem;margin-top:.375rem}.mode-page .timer-shell{gap:.875rem}.page-faq{padding:0 1rem;margin-bottom:2rem}}@media(max-width:430px){.mode-page{padding:0 .875rem 2.5rem}.mode-hero{padding:1.125rem 0 .5rem}.mode-hero__title{font-size:clamp(1.375rem,6.2vw,1.75rem);line-height:1.08}.mode-hero__desc{margin-top:.25rem;font-size:.9375rem}.mode-page .timer-shell{gap:.75rem}.page-faq{padding:0 .875rem;margin-bottom:1.5rem}}@media(max-width:390px){.mode-hero{padding-top:1rem}.mode-page .timer-shell{gap:.625rem}}@layer components{.timer-shell--has-mode .timer-shell__below-display--mode{min-height:120px;width:100%}@media(max-width:768px){.timer-shell--has-mode .timer-shell__below-display--mode{min-height:144px}}.timer-page--pomodoro-compact{padding-top:1.25rem;gap:0}.timer-page--pomodoro-compact .mode-hero{padding:1.5rem 0 .75rem}.timer-page--pomodoro-compact .mode-hero__desc{margin-top:.3rem}.timer-page--pomodoro-compact .timer-shell{gap:1rem;margin-bottom:.5rem}.timer-page--pomodoro-compact .vgrid{padding:1.25rem 0 1rem}.timer-page--pomodoro-compact .vgrid__heading{margin-bottom:.5rem}.timer-page--pomodoro-compact .vcard{padding:.72rem .85rem}.timer-page--pomodoro-compact .timer-controls__btn{padding-top:.66rem;padding-bottom:.66rem}.timer-page--pomodoro-compact .duration-adjuster{gap:.85rem}.timer-page--pomodoro-compact .timer-section{margin:1.25rem 0}@media(max-width:768px){.timer-page--pomodoro-compact{padding-top:.15rem}.timer-page--pomodoro-compact .mode-hero{padding:1rem 0 .45rem}.timer-page--pomodoro-compact .timer-shell{gap:.7rem;margin-bottom:.35rem}.timer-page--pomodoro-compact .vgrid{padding:.9rem 0 .75rem}.timer-page--pomodoro-compact .vcard{padding:.65rem}.timer-page--pomodoro-compact .timer-controls{gap:1rem}.timer-page--pomodoro-compact .timer-controls__btn{padding-top:.8rem;padding-bottom:.8rem;min-width:126px}.timer-page--pomodoro-compact .duration-adjuster__btn{width:46px;height:46px}.timer-page--pomodoro-compact .duration-adjuster{gap:1.15rem}}@media(max-width:430px){.timer-page--pomodoro-compact .mode-hero{padding:.86rem 0 .36rem}.timer-page--pomodoro-compact .vgrid{padding:.72rem 0 .6rem}.timer-page--pomodoro-compact .vcard{padding:.58rem}}}@layer base,components,variants;@layer components{.mic-toggle{--_size: 2.25rem;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--_size);height:var(--_size);border:none;border-radius:50%;background:var(--tk-surface-2);color:var(--tk-text-secondary);cursor:pointer;transition:color .2s var(--tk-ease, ease),background .2s var(--tk-ease, ease)}.mic-toggle:hover{background:var(--tk-surface-3);color:var(--tk-text-primary)}.mic-toggle--listening{color:var(--tk-accent);background:color-mix(in oklch,var(--tk-accent) 12%,transparent)}.mic-toggle--denied{color:var(--tk-text-tertiary);opacity:.5;cursor:not-allowed}.mic-toggle__pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--tk-accent);animation:mic-pulse 1.5s cubic-bezier(.34,1.56,.64,1) infinite;pointer-events:none}@keyframes mic-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.mic-toggle__pulse{animation:mic-pulse-gentle 2s ease-in-out infinite alternate}@keyframes mic-pulse-gentle{0%{opacity:.3}to{opacity:.6}}}}@layer base,components,variants;@layer components{.desktop-focus-fab{display:none}@media(min-width:769px){.desktop-focus-fab{display:flex;align-items:center;justify-content:center;position:fixed;right:calc(1.25rem + 48px);bottom:1.25rem;z-index:61;width:40px;height:40px;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);color:var(--tk-text-muted);box-shadow:var(--tk-shadow-md);cursor:pointer;transition:all var(--tk-duration) var(--tk-ease);opacity:.7;touch-action:manipulation;-webkit-user-select:none;user-select:none}.desktop-focus-fab:hover{opacity:1;color:var(--tk-text);box-shadow:var(--tk-shadow-lg);transform:translateY(-1px)}.desktop-focus-fab--active{opacity:1;color:var(--tk-accent);border-color:color-mix(in srgb,var(--tk-accent) 36%,var(--tk-border));background:color-mix(in srgb,var(--tk-accent) 8%,var(--tk-surface))}.desktop-focus-fab--active:hover{color:var(--tk-text);border-color:var(--tk-accent);box-shadow:0 0 0 2px var(--tk-accent-glow),var(--tk-shadow-lg)}.desktop-focus-fab svg{display:block}@media(hover:none)and (pointer:coarse){.desktop-focus-fab{display:none!important}}}@media(min-width:769px){[data-desktop-focus] .header,[data-desktop-focus] .footer,[data-desktop-focus] .mode-hero,[data-desktop-focus] .mode-content,[data-desktop-focus] .vgrid,[data-desktop-focus] .page-content,[data-desktop-focus] .timer-section,[data-desktop-focus] .siri-hint-row,[data-desktop-focus] .variant-switcher,[data-desktop-focus] .related-timers,[data-desktop-focus] .page-faq,[data-desktop-focus] .fullscreen-toggle{display:none!important}[data-desktop-focus] .timer-page,[data-desktop-focus] .mode-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:2rem}}}@layer base,components,variants;@layer variants{.digital-display{background:var(--tk-face-bg, #111);border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 8px #0006;padding:2rem 2.5rem;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text))}.digital-display:not(.digital-display--no-scanlines):after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.digital-digits{display:flex;align-items:center;justify-content:center;gap:.5rem}.digital-digits>.digit,.digital-digits>.colon{flex:0 0 auto}.digit{position:relative;width:48px;height:80px;padding:2px;box-sizing:content-box}.digit svg{width:100%;height:100%;display:block}@container (min-width: 480px){.digit{width:64px;height:108px;padding:3px;box-sizing:content-box}}@container (min-width: 640px){.digit{width:80px;height:136px;padding:4px;box-sizing:content-box}}.digital-seg{fill:#ffffff0f;transition:fill .15s ease,filter .15s ease}.digital-seg{stroke-linejoin:round;stroke-width:var(--seg-stroke, 0);stroke:#ffffff0f}.digital-seg[data-active]{fill:var(--tk-accent);stroke:var(--tk-accent)}.digital-display--glow .digital-digits .digital-seg[data-active]{filter:drop-shadow(0 0 calc(var(--tk-digital-glow-strength, .85) * 4px) color-mix(in srgb,var(--tk-accent) 50%,transparent)) drop-shadow(0 0 calc(var(--tk-digital-glow-strength, .85) * 12px) color-mix(in srgb,var(--tk-accent) 30%,transparent))}.digital-display--glow .digital-digits .colon-dot{box-shadow:0 0 calc(var(--tk-digital-glow-strength, .85) * 6px) color-mix(in srgb,var(--tk-accent) 50%,transparent),0 0 calc(var(--tk-digital-glow-strength, .85) * 14px) color-mix(in srgb,var(--tk-accent) 30%,transparent)}.digital-display--no-glow .digital-digits .digital-seg[data-active]{filter:none}.digital-display--no-glow .digital-digits .colon-dot{box-shadow:none}.seg--sharp{--seg-stroke: 0}.seg--rounded{--seg-stroke: 4px}.seg--pixel{--seg-stroke: 0}.colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:20px;padding:0 .25rem}@container (min-width: 480px){.colon{gap:24px;width:28px}}.colon-dot{width:8px;height:8px;border-radius:50%;background:var(--tk-accent);box-shadow:0 0 6px color-mix(in srgb,var(--tk-accent) 35%,transparent)}@container (min-width: 480px){.colon-dot{width:10px;height:10px}}.colon--blink .colon-dot{animation:blink 1s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-fullscreen] .digital-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .digit{height:clamp(80px,25vh,320px);width:calc(clamp(80px,25vh,320px)*.588)}[data-fullscreen] .colon{gap:clamp(16px,4vh,60px);width:clamp(20px,3.5vh,56px)}[data-fullscreen] .colon-dot{width:clamp(8px,1.8vh,22px);height:clamp(8px,1.8vh,22px)}.digital-display--no-ghost .digital-seg:not([data-active]){fill:transparent;stroke:transparent}.digital-display--no-ghost.digital-display--sharp .digital-seg:not([data-active]),.digital-display--no-ghost.digital-display--pixel .digital-seg:not([data-active]){fill:transparent;stroke:transparent}.digital-display--rounded .digital-seg{stroke-linejoin:round}.digital-display--sharp{--tk-seg-point: 6px}.digital-display--sharp .digital-seg{transition:fill .05s steps(1),filter .05s steps(1);stroke-linejoin:miter}.digital-display--sharp:not(.digital-display--glow) .digital-seg[data-active]{filter:none}.digital-display--sharp .digital-seg:not([data-active]){fill:var(--tk-seg-ghost, rgba(0, 0, 0, .12));stroke:var(--tk-seg-ghost, rgba(0, 0, 0, .12))}.digital-display--sharp .colon-dot{border-radius:0}.digital-display--pixel .digital-seg{transition:fill .08s steps(1);stroke-linejoin:bevel}.digital-display--pixel .digital-seg[data-active]{stroke:var(--tk-accent);stroke-width:1px;filter:none}.digital-display--pixel .digital-seg:not([data-active]){fill:var(--tk-seg-ghost, rgba(255, 255, 255, .04));stroke:transparent}.digital-display--pixel .colon-dot{border-radius:0}.colon--dot{gap:0;justify-content:flex-end;width:10px;padding:0}.colon-dot--small{width:6px;height:6px}@container (min-width: 480px){.colon-dot--small{width:8px;height:8px}}.digital-timer__ms-group{display:flex;align-items:flex-end;gap:.5rem;opacity:.75;align-self:flex-end;padding-bottom:.25rem}.digital-timer__ms-group .digit{width:34px;height:56px}@container (min-width: 480px){.digital-timer__ms-group .digit{width:44px;height:75px}}@container (min-width: 640px){.digital-timer__ms-group .digit{width:56px;height:95px}}.digital-display--complete{animation:flash .6s ease-in-out 3}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}}@layer base,components,variants;@layer variants{.chrono-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chrono-svg{width:100%;max-width:250px;height:auto;aspect-ratio:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1))}[data-theme=dark] .chrono-svg{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.chrono-bezel-ring{fill:var(--tk-dial-bg, var(--tk-surface));stroke:var(--tk-border);stroke-width:4}[data-theme=dark] .chrono-bezel-ring{stroke:#3a3633;fill:#1c1917}.chrono-bezel-shadow{fill:none;stroke:var(--tk-border-subtle);stroke-width:1}[data-theme=dark] .chrono-bezel-shadow{stroke:#292524}.chrono-tick-minor{stroke:var(--tk-text-muted);stroke-width:1;stroke-linecap:round}.chrono-tick-major{stroke:var(--tk-text);stroke-width:2;stroke-linecap:round}.chrono-numeral{font-family:var(--tk-font-sans);font-size:12px;font-weight:600;fill:var(--tk-text);text-anchor:middle;dominant-baseline:central;user-select:none;pointer-events:none}[data-theme=dark] .chrono-numeral{filter:drop-shadow(0 0 4px rgba(100,200,100,.25))}.chrono-progress-track{fill:none;stroke:var(--tk-border-subtle);stroke-width:var(--tk-ring-width, 3px)}[data-theme=dark] .chrono-progress-track{stroke:#292524}.chrono-progress-fill{fill:none;stroke:var(--tk-accent);stroke-width:var(--tk-ring-width, 3px);stroke-linecap:round;filter:drop-shadow(0 0 4px var(--tk-accent-glow));transition:stroke-dashoffset .3s linear}.chrono-hand-group,.chrono-hand-group--live{transition:none}.chrono-hand-needle{stroke:var(--tk-hand-color, var(--tk-accent));stroke-width:1.5;stroke-linecap:round}[data-theme=dark] .chrono-hand-needle{filter:drop-shadow(0 0 3px var(--tk-accent-glow))}.chrono-hand-fill{fill:var(--tk-hand-color, var(--tk-accent));stroke:none}[data-theme=dark] .chrono-hand-fill{filter:drop-shadow(0 0 3px var(--tk-accent-glow))}.chrono-hand-outline{fill:none;stroke:var(--tk-hand-color, var(--tk-accent));stroke-width:1.5}.chrono-hand-skeleton-inner{fill:var(--tk-dial-bg, var(--tk-surface));stroke:none}.chrono-hand-tail{stroke:var(--tk-hand-color, var(--tk-accent));stroke-width:2;stroke-linecap:round}[data-theme=dark] .chrono-center-outer{fill:#555}.chrono-center-inner{fill:var(--tk-accent)}[data-bezel=brushed]{--bezel-bg: repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px)}[data-bezel=polished]{--bezel-bg: conic-gradient(from 0deg, #888 0%, #ccc 25%, #888 50%, #ccc 75%, #888 100%)}[data-bezel=ceramic]{--bezel-bg: var(--tk-accent, #3b82f6)}[data-bezel=none]{--bezel-bg: transparent}@media(prefers-color-scheme:dark){[data-lume] .chrono-hand-needle,[data-lume] .chrono-hand-fill,[data-lume] .chrono-hand-outline,[data-lume] .chrono-hand-tail,[data-lume] .chrono-index{filter:drop-shadow(0 0 3px #4ade80) drop-shadow(0 0 8px #166534)}}[data-theme=dark] [data-lume] .chrono-hand-needle,[data-theme=dark] [data-lume] .chrono-hand-fill,[data-theme=dark] [data-lume] .chrono-hand-outline,[data-theme=dark] [data-lume] .chrono-hand-tail,[data-theme=dark] [data-lume] .chrono-index{filter:drop-shadow(0 0 3px #4ade80) drop-shadow(0 0 8px #166534)}.chrono-ms-inset{font-family:var(--tk-font-mono, monospace);font-size:14px;fill:var(--tk-face-text, var(--tk-text-muted, #999));text-anchor:middle;dominant-baseline:central;user-select:none;pointer-events:none}.chrono-wrap--complete .chrono-progress-fill,.chrono-wrap--complete .chrono-hand-needle,.chrono-wrap--complete .chrono-hand-fill,.chrono-wrap--complete .chrono-hand-outline,.chrono-wrap--complete .chrono-hand-tail{animation:chrono-pulse .8s ease-in-out 3}@keyframes chrono-pulse{0%,to{opacity:1}50%{opacity:.3}}[data-fullscreen] .chrono-wrap{width:100%;height:100%;justify-content:center}[data-fullscreen] .chrono-svg{max-width:min(80vw,60vh);width:100%;height:auto}@media(max-width:400px){.chrono-svg{max-width:250px}.chrono-numeral{font-size:11px}}}@layer base,components,variants;@layer variants{.ios-timer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:340px;margin:0 auto;background:var(--tk-face-bg, var(--tk-bg, transparent))}.ios-ring-container{position:relative;width:260px;height:260px}.ios-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ios-ring-track{fill:none;stroke:var(--tk-border);stroke-width:var(--tk-ring-width, 6px)}[data-theme=dark] .ios-ring-track{stroke:#3a3633}.ios-ring-fill{fill:none;stroke:var(--tk-accent, currentColor);stroke-width:var(--tk-ring-width, 6px);stroke-linecap:var(--tk-ring-cap, round);transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 calc(8px * var(--tk-ios-glow, 0)) var(--tk-accent, currentColor))}.ios-ring-readout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--tk-font-mono, monospace);font-size:2.5rem;font-weight:400;color:var(--tk-face-text, var(--tk-text, inherit));letter-spacing:-.02em}.ios-time-label{color:var(--tk-face-text, var(--tk-text, inherit));text-shadow:0 0 calc(12px * var(--tk-ios-glow, 0)) var(--tk-accent, currentColor)}.ios-ms{font-size:55%;vertical-align:baseline;opacity:.7}.ios-picker{display:flex;align-items:center;justify-content:center;gap:.25rem;height:200px;perspective:300px}.ios-picker-column{position:relative;width:60px;height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.ios-picker-column::-webkit-scrollbar{display:none}.ios-picker-item{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-family:var(--tk-font-sans);font-size:1.25rem;color:var(--tk-text-muted);transition:color .15s ease,transform .15s ease}.ios-picker-item--selected{color:var(--tk-text);font-weight:600}.ios-picker-label{font-size:.875rem;font-weight:500;color:var(--tk-text-secondary);padding:0 .25rem;align-self:center}.ios-picker-highlight{position:absolute;top:50%;left:0;right:0;height:40px;margin-top:-20px;border-top:1px solid var(--tk-border);border-bottom:1px solid var(--tk-border);pointer-events:none;z-index:1}[data-fullscreen] .ios-timer{max-width:none}[data-fullscreen] .ios-ring-container{width:min(80vw,55vh);height:min(80vw,55vh)}[data-fullscreen] .ios-ring-readout{font-size:clamp(2.5rem,8vw,5rem)}[data-fullscreen] .ios-picker{height:auto}.ios-timer--complete .ios-ring-fill{stroke:var(--tk-success)}.ios-timer--complete .ios-ring-readout{animation:ios-flash .6s ease-in-out 3}@keyframes ios-flash{0%,to{opacity:1}50%{opacity:.3}}}@layer base,components,variants;@layer variants{.flip-clock{container-type:inline-size;--flip-h: clamp(56px, 33cqi, 150px);display:flex;align-items:center;justify-content:center;gap:calc(var(--flip-h) * .05);width:100%}.flip-clock--with-hours{--flip-h: clamp(56px, 21cqi, 110px)}.flip-group{display:flex;gap:calc(var(--flip-h) * .035)}.flip-group--ms{--flip-h: calc(clamp(56px, 21cqi, 110px)*.65) ;align-self:flex-end;opacity:.85}.flip-card{position:relative;width:calc(var(--flip-h) * .6875);height:var(--flip-h);perspective:calc(var(--flip-h) * 5);font-family:var(--tk-font-mono);font-size:calc(var(--flip-h) * .5);font-weight:500;color:#fff}.flip-card__top,.flip-card__bottom{position:absolute;left:0;right:0;overflow:hidden;background:var(--tk-card-bg, #1a1a1a);color:var(--tk-face-text, #fff);display:flex;align-items:center;justify-content:center}[data-theme=dark] .flip-card__top,[data-theme=dark] .flip-card__bottom{background:var(--tk-card-bg, #111)}.flip-card__top{top:0;height:50%;border-radius:var(--tk-card-radius, calc(var(--flip-h) * .068)) var(--tk-card-radius, calc(var(--flip-h) * .068)) 0 0;border-bottom:1px solid var(--tk-divider-color, rgba(0,0,0,.4));box-shadow:0 1px 2px #0003;align-items:flex-end;padding-bottom:0}.flip-card__top span{transform:translateY(50%)}.flip-card__bottom{bottom:0;height:50%;border-radius:0 0 var(--tk-card-radius, calc(var(--flip-h) * .068)) var(--tk-card-radius, calc(var(--flip-h) * .068));box-shadow:0 2px 4px #0000004d;align-items:flex-start;padding-top:0}.flip-card__bottom span{transform:translateY(-50%)}.flip-card__flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;background:var(--tk-card-bg, #1a1a1a);color:var(--tk-face-text, #fff);display:flex;align-items:center;justify-content:center}[data-theme=dark] .flip-card__flap{background:var(--tk-card-bg, #111)}.flip-card__flap--front{top:0;border-radius:var(--tk-card-radius, calc(var(--flip-h) * .068)) var(--tk-card-radius, calc(var(--flip-h) * .068)) 0 0;transform-origin:bottom center;border-bottom:1px solid var(--tk-divider-color, rgba(0,0,0,.4));align-items:flex-end}.flip-card__flap--front span{transform:translateY(50%)}.flip-card__flap--back{bottom:0;border-radius:0 0 var(--tk-card-radius, calc(var(--flip-h) * .068)) var(--tk-card-radius, calc(var(--flip-h) * .068));transform-origin:top center;transform:rotateX(180deg);align-items:flex-start}.flip-card__flap--back span{transform:translateY(-50%)}.flip-card--flipping .flip-card__flap--front{animation:flip-top var(--tk-flip-speed, .3s) ease-in forwards}.flip-card--flipping .flip-card__flap--back{animation:flip-bottom var(--tk-flip-speed, .3s) .15s ease-out forwards}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.flip-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--flip-h) * .12);padding:0 calc(var(--flip-h) * .02)}.flip-colon__dot{width:calc(var(--flip-h) * .08);height:calc(var(--flip-h) * .08);border-radius:50%;background:var(--tk-text-secondary)}[data-fullscreen] .flip-clock{--flip-h: clamp(80px, 20vh, 220px)}[data-fullscreen] .flip-clock--with-hours{--flip-h: clamp(80px, 15vh, 160px)}.flip-clock--complete .flip-card__top,.flip-clock--complete .flip-card__bottom{animation:flip-flash .6s ease-in-out 3}@keyframes flip-flash{0%,to{opacity:1}50%{opacity:.4}}}@layer base,components,variants;@layer variants{.sand-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;user-select:none}.sand-timer__canvas-wrap{position:relative;width:200px;height:300px}.sand-timer__canvas-wrap canvas{display:block;width:100%;height:100%}.sand-timer__canvas-wrap:before{content:"";position:absolute;inset:10% 15%;background:radial-gradient(ellipse at 50% 50%,var(--tk-accent-glow) 0%,transparent 70%);filter:blur(20px);z-index:-1;opacity:.6;transition:opacity .6s var(--tk-ease)}.sand-timer--complete .sand-timer__canvas-wrap:before{opacity:0}[data-fullscreen] .sand-timer{width:100%;height:100%;justify-content:center}[data-fullscreen] .sand-timer__canvas-wrap{width:min(50vw,40vh);height:min(75vw,60vh)}.sand-timer--complete .sand-timer__canvas-wrap{animation:sand-complete-pulse 1.5s ease-in-out 3}@keyframes sand-complete-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}}@layer base,components,variants;@layer components{.rs-timer{--rs-dot: clamp(5px, 1.5cqi, 12px);--rs-digit-gap: calc(var(--rs-dot) * 1);--rs-panel-padding-y: clamp(.65rem, 2cqi, 1.4rem);--rs-panel-padding-x: clamp(1.1rem, 3.2cqi, 2.5rem);position:relative;display:flex;justify-content:center;container-type:inline-size;opacity:var(--tk-face-opacity, 1)}.rs-timer__bezel{position:relative;padding:clamp(.45rem,1.4cqi,.85rem);border-radius:16px;background:linear-gradient(180deg,#2f2f2feb,#121212fa);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 8px #000000a6,0 20px 44px #00000080}.rs-timer__bezel:before{content:"";position:absolute;inset:0 0 auto;height:clamp(10px,2cqi,18px);border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}.rs-timer[data-bezel-style=flat] .rs-timer__bezel{border-radius:12px;padding:clamp(.45rem,1.25cqi,.9rem);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000059}.rs-timer[data-bezel-style=none] .rs-timer__bezel{padding:0;border-radius:0;background:transparent;box-shadow:none}.rs-timer__panel{position:relative;overflow:hidden;padding:var(--rs-panel-padding-y) var(--rs-panel-padding-x);border-radius:10px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--tk-accent, #ffc61d) 8%,transparent) 0%,transparent 48%),linear-gradient(180deg,#090909f2,#030303),var(--tk-face-bg, #050505);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 12px 24px #ffffff04,inset 0 -18px 30px #000000b3}.rs-timer__panel:before{content:"";position:absolute;inset:8% 12%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--tk-accent, #ffc61d) 22%,transparent) 0%,transparent 74%);filter:blur(24px);opacity:calc(.42 + (var(--tk-roadsign-glow, .92) * .24));pointer-events:none}.rs-timer__panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.04),transparent 18%);mix-blend-mode:screen;opacity:.34;pointer-events:none}.rs-timer__digits{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto;align-items:center;justify-items:center;gap:var(--rs-digit-gap);filter:drop-shadow(0 0 calc(var(--tk-roadsign-glow, .92) * 18px) color-mix(in srgb,var(--tk-accent, #ffc61d) 18%,transparent))}.rs-char{display:grid;grid-template-rows:repeat(11,var(--rs-dot));gap:0;flex:0 0 auto}.rs-dot{width:var(--rs-dot);height:var(--rs-dot);border-radius:999px;background:radial-gradient(circle at 38% 34%,#fff1b824,#5625002e 58%,#0c0600eb);box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -1px 2px #000000b3}.rs-dot--on{background:radial-gradient(circle at 34% 30%,#fff8cb 0%,#ffe97a 18%,#ffd63d 34%,var(--tk-accent, #ffc61d) 58%,#ff9400 100%);box-shadow:0 0 calc(var(--tk-roadsign-glow, .92) * 4px) color-mix(in srgb,var(--tk-accent, #ffc61d) 92%,white 8%),0 0 calc(var(--tk-roadsign-glow, .92) * 9px) color-mix(in srgb,var(--tk-accent, #ffc61d) 85%,transparent),0 0 calc(var(--tk-roadsign-glow, .92) * 18px) color-mix(in srgb,var(--tk-accent-glow, rgba(255, 129, 0, .68)) 88%,transparent),0 0 calc(var(--tk-roadsign-glow, .92) * 34px) color-mix(in srgb,var(--tk-accent-glow, rgba(255, 129, 0, .68)) 56%,transparent),inset 0 1px 1px #ffffff6b}.rs-timer--no-glow .rs-dot--on{box-shadow:inset 0 1px 1px #ffffff6b}.rs-timer--no-glow .rs-timer__digits{filter:none}@keyframes rs-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}.rs-timer--flash .rs-timer__panel{animation:rs-flash .5s steps(2) 4}.rs-timer[data-pixel-size=small]{--rs-dot: clamp(4px, 1.2cqi, 10px);--rs-digit-gap: calc(var(--rs-dot) * .9)}.rs-timer[data-pixel-size=large]{--rs-dot: clamp(6px, 1.8cqi, 14px);--rs-digit-gap: calc(var(--rs-dot) * 1.05)}@container (min-width: 520px){.rs-timer{--rs-dot: clamp(7px, 1.3cqi, 14px)}.rs-timer[data-pixel-size=small]{--rs-dot: clamp(5px, 1cqi, 11px)}.rs-timer[data-pixel-size=large]{--rs-dot: clamp(8px, 1.55cqi, 16px)}}@container (max-width: 420px){.rs-timer__bezel{padding:clamp(.45rem,1cqi,.75rem);border-radius:12px}.rs-timer__panel{padding:clamp(.7rem,1.8cqi,1rem) clamp(.75rem,2.1cqi,1.1rem)}.rs-timer__digits{gap:calc(var(--rs-dot) * .72)}}[data-fullscreen] .rs-timer{--rs-dot: clamp(8px, 1.18vh, 16px)}[data-fullscreen] .rs-timer[data-pixel-size=small]{--rs-dot: clamp(6px, .95vh, 13px)}[data-fullscreen] .rs-timer[data-pixel-size=large]{--rs-dot: clamp(9px, 1.34vh, 18px)}}@layer base,components,variants;@layer components{.sb-timer{--sb-cell: 10px;--sb-gap: 2px;--sb-off: #292d34;--sb-block-bg: rgba(41, 45, 52, .58);--sb-block-border: rgba(255, 255, 255, .04);--sb-block-radius: 4px;--sb-block-pad: calc(var(--sb-gap) * 2.5);container-type:inline-size;display:flex;justify-content:center;width:100%}.sb-timer__bezel{width:fit-content;border-radius:12px;padding:clamp(12px,2.8cqi,24px);background:linear-gradient(180deg,#23272f,#15181d);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 8px #000000a6,0 8px 24px #00000073}.sb-timer[data-bezel-style=flat] .sb-timer__bezel{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff14;background:#1f2329}.sb-timer[data-bezel-style=none] .sb-timer__bezel{background:transparent;box-shadow:none;padding:0}.sb-timer__panel{border-radius:6px;padding:clamp(.6rem,1.4cqi,1rem);background:transparent;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 14px 32px #00000094}.sb-timer__digits{display:flex;align-items:center;gap:calc(var(--sb-gap) * 2)}.sb-block{background:var(--sb-block-bg);border:0;border-radius:var(--sb-block-radius);padding:var(--sb-block-pad);box-shadow:inset 0 2px 6px #00000080}.sb-digit{display:grid;grid-template-columns:repeat(5,var(--sb-cell));grid-template-rows:repeat(7,var(--sb-cell));gap:var(--sb-gap)}.sb-colon{display:grid;grid-template-columns:var(--sb-cell);grid-template-rows:repeat(7,var(--sb-cell));gap:var(--sb-gap)}.sb-cell{width:var(--sb-cell);height:var(--sb-cell);border-radius:1.5px;background:var(--sb-off);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -1px 2px #0000008c}.sb-cell--on{background:var(--tk-accent, #f2cf45);box-shadow:0 0 calc(var(--tk-scoreboard-glow, .78) * 6px) color-mix(in srgb,var(--tk-accent, #f2cf45) 70%,transparent),inset 0 1px #fff6}.sb-timer[data-cell-size=small]{--sb-cell: 7px;--sb-gap: 1.5px}.sb-timer[data-cell-size=large]{--sb-cell: 13px;--sb-gap: 2.5px}@container (min-width: 700px){.sb-timer{--sb-cell: clamp(10px, 1.6cqi, 16px);--sb-gap: clamp(2px, .3cqi, 3px)}.sb-timer[data-cell-size=small]{--sb-cell: clamp(7px, 1.1cqi, 11px);--sb-gap: clamp(1.5px, .22cqi, 2.5px)}.sb-timer[data-cell-size=large]{--sb-cell: clamp(13px, 2cqi, 20px);--sb-gap: clamp(2.5px, .38cqi, 4px)}}@container (max-width: 460px){.sb-timer{--sb-cell: 7.5px;--sb-gap: 1.5px}.sb-timer[data-cell-size=small]{--sb-cell: 6px;--sb-gap: 1px}.sb-timer[data-cell-size=large]{--sb-cell: 9px;--sb-gap: 2px}}[data-fullscreen] .sb-timer{--sb-cell: clamp(8px, 1.4vh, 14px);--sb-gap: clamp(1.5px, .22vh, 3px)}.sb-timer--no-glow .sb-cell--on{box-shadow:inset 0 1px #ffffff59}@keyframes sb-flash{0%,to{opacity:1}50%{opacity:.25}}.sb-timer--flash .sb-timer__panel{animation:sb-flash .5s steps(2) 4}}@layer base,components,variants;@layer components{.nokia-lcd{width:100%;container-type:inline-size;display:flex;flex-direction:column;align-items:center}.nokia-lcd__bezel{width:100%;border-radius:12px;padding:clamp(12px,3cqi,28px);box-shadow:inset 0 2px 8px #0009,0 4px 24px #00000080;position:relative;background:var(--tk-nokia-bezel-bg, #2e3142)}.nokia-lcd__bezel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.nokia-lcd__bezel[data-style=minimal]{background:transparent;box-shadow:none;padding:0;border:1px solid rgba(0,0,0,.15)}.nokia-lcd__bezel[data-style=minimal]:before{display:none}.nokia-lcd__bezel[data-style=none]{background:transparent;box-shadow:none;padding:0}.nokia-lcd__bezel[data-style=none]:before{display:none}.nokia-lcd__screen{width:100%;aspect-ratio:7 / 4;position:relative;background:var(--tk-nokia-bg, #91a37e);border-radius:6px;overflow:hidden;image-rendering:pixelated}.nokia-lcd__screen:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 6px #00000026;pointer-events:none;z-index:10}.nokia-lcd__grid{position:absolute;inset:clamp(4px,1cqi,8px);display:grid;grid-template-columns:repeat(84,1fr);grid-template-rows:repeat(48,1fr);gap:1px;z-index:2}.nokia-lcd__cell{border-radius:1px;background:color-mix(in srgb,var(--tk-nokia-fg, #2b3026) 3%,var(--tk-nokia-bg, #91a37e));transition:background-color 30ms steps(1)}.nokia-lcd__cell[data-shape=square]{aspect-ratio:1}.nokia-lcd__cell--on{background:var(--tk-nokia-fg, #2b3026);box-shadow:.5px .5px #0000000f;transition:background-color var(--tk-nokia-ghost-speed, .12s) ease-out}.nokia-lcd__cell--bleed{background:color-mix(in srgb,var(--tk-nokia-fg, #2b3026) 10%,var(--tk-nokia-bg, #91a37e))}.nokia-lcd__backlight{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 10% 50%,var(--tk-nokia-backlight, rgba(170, 210, 80, .08)) 0%,transparent 60%),radial-gradient(ellipse at 90% 50%,var(--tk-nokia-backlight, rgba(170, 210, 80, .08)) 0%,transparent 60%);pointer-events:none;z-index:3}.nokia-lcd__flicker{position:absolute;inset:0;pointer-events:none;z-index:4;animation:nokia-flicker 16.67ms steps(2) infinite}@keyframes nokia-flicker{0%{opacity:1}50%{opacity:.985}}@keyframes nokia-flash{0%,to{opacity:1}50%{opacity:.3}}.nokia-lcd--flash .nokia-lcd__screen{animation:nokia-flash .5s steps(2) 4}@keyframes nk-print-dot{0%{opacity:0;filter:brightness(2.2);transform:translateY(-.25px) scale(.9)}55%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes nk-scanline{0%{top:0}to{top:calc(100% - (100% / 48))}}[data-intro=true] .nokia-lcd__cell{opacity:0}[data-intro=true] .nokia-lcd__cell--printing{animation:nk-print-dot .14s steps(3,end) forwards;animation-delay:var(--scan-delay, 0ms)}[data-intro=true] .nokia-lcd__grid:after{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% / 48);pointer-events:none;background:linear-gradient(to bottom,#cee6a200,#cee6a238,#cee6a200);mix-blend-mode:screen;animation:nk-scanline var(--nk-scan-duration, .76s) steps(48,end) 1 forwards;z-index:5}[data-fullscreen] .nokia-lcd{width:min(78vw,52vh);max-width:980px}[data-fullscreen] .nokia-lcd__bezel{padding:clamp(.75rem,1.8vh,1.5rem)}}@layer base,components,variants;@layer variants{.drum-clock{container-type:inline-size;container-name:drum;display:flex;justify-content:center;align-items:center;width:100%}.drum-clock__housing{position:relative;display:inline-flex;align-items:center;padding:clamp(8px,2cqi,14px) clamp(12px,3cqi,20px);border-radius:10px;background:linear-gradient(145deg,#4a4a4a,#3a3a3a 30%,#4a4a4a,#383838 70%,#454545);border:1px solid #555;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0000004d}.drum-clock__housing[data-material=matte-black]{background:linear-gradient(145deg,#1a1a1a,#111,#1a1a1a);border:1px solid #333;box-shadow:0 4px 12px #000000b3,inset 0 1px #ffffff0a}.drum-clock__housing[data-material=brass]{background:linear-gradient(145deg,#8b7535,#c9a84c 30%,#a68b3a,#d4b456 70%,#8b7535);border:1px solid #6B5525;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff26,inset 0 -1px #0003}.drum-clock__housing[data-material=chrome]{background:linear-gradient(145deg,#e0e0e0,silver,#e8e8e8,#b8b8b8,#d0d0d0);border:1px solid #aaa;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff80,inset 0 -1px #00000026}@keyframes drum-flash{0%,to{box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0000004d}50%{box-shadow:0 4px 24px var(--tk-accent-glow, rgba(0,255,136,.4)),0 0 32px var(--tk-accent-glow, rgba(0,255,136,.3)),inset 0 1px #ffffff1a,inset 0 -1px #0000004d}}.drum-clock--complete{animation:drum-flash .6s ease-in-out 3}.drum-clock__track{display:flex;flex-direction:row;align-items:center;gap:clamp(4px,1cqi,8px)}.drum-clock__pair{display:flex;flex-direction:row;gap:2px}.drum-clock__pair--ms{transform:scale(.65);transform-origin:left center;margin-right:calc(clamp(28px,7cqi,48px)*-.7);opacity:.85}.drum-clock__slot{--drum-face-h: var(--tk-drum-face-h, 48px);position:relative;width:clamp(28px,7cqi,48px);height:var(--drum-face-h);overflow:hidden;perspective:600px;background:#0a0a0a;border-radius:3px}.drum-clock__slot[data-window=rounded]{border-radius:6px}.drum-clock__slot[data-window=rectangular]{border-radius:2px}.drum-clock__cylinder{--drum-face-h: var(--tk-drum-face-h, 48px);--drum-r: var(--tk-drum-radius, 74px);position:absolute;top:50%;left:50%;width:clamp(28px,7cqi,48px);height:var(--drum-face-h);margin-top:calc(var(--drum-face-h) / -2);margin-left:calc(clamp(28px,7cqi,48px)/-2);transform-style:preserve-3d;will-change:transform}.drum-clock__cylinder--hh{transition:transform calc(.6s / var(--tk-drum-speed, 1)) cubic-bezier(.16,1,.3,1)}.drum-clock__cylinder--mm{transition:transform calc(.5s / var(--tk-drum-speed, 1)) cubic-bezier(.22,1,.36,1)}.drum-clock__cylinder--ss{transition:transform calc(.3s / var(--tk-drum-speed, 1)) cubic-bezier(.34,1.56,.64,1)}.drum-clock__cylinder--ms{transition:none}.drum-clock__cylinder--blur{filter:blur(1.5px)}.drum-clock__face{--drum-face-h: var(--tk-drum-face-h, 48px);position:absolute;top:0;left:0;width:100%;height:var(--drum-face-h);display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(to right,#0a0a0a,#1a1a1a 20%,#222,#1a1a1a 80%,#0a0a0a);font-family:var(--tk-font-mono, monospace);font-size:clamp(1.25rem,4cqi,2.25rem);font-weight:700;color:var(--tk-face-text, #f0f0f0);text-shadow:none;user-select:none}.drum-clock__shadow{position:absolute;left:0;width:100%;height:45%;pointer-events:none;z-index:2}.drum-clock__shadow--top{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 30%,transparent 100%)}.drum-clock__shadow--btm{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 30%,transparent 100%)}.drum-clock__separator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:10px;height:var(--tk-drum-face-h, 48px)}.drum-clock__separator[data-style=dots]:before,.drum-clock__separator[data-style=dots]:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffff40,#b4b4b499);box-shadow:0 1px 2px #00000080;flex-shrink:0}.drum-clock__separator[data-style=bar]:before{content:"";display:block;width:2px;height:60%;background:linear-gradient(to bottom,#ffffff0d,#c8c8c866,#ffffff0d)}.drum-clock__separator[data-style=decimal]{justify-content:flex-end;padding-bottom:8px}.drum-clock__separator[data-style=decimal]:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffff40,#b4b4b499);box-shadow:0 1px 2px #00000080}.drum-clock__separator[data-style=none]{width:8px}.drum-clock__screw{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),transparent 50%),radial-gradient(circle,#555,#333);box-shadow:inset 0 1px 1px #00000080,0 .5px #ffffff1a;z-index:3}.drum-clock__screw:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:1px;background:#222;transform:translate(-50%,-50%);box-shadow:0 -2px #222,0 2px #222}.drum-clock__screw--tl{top:5px;left:5px}.drum-clock__screw--tr{top:5px;right:5px}.drum-clock__screw--bl{bottom:5px;left:5px}.drum-clock__screw--br{bottom:5px;right:5px}@container drum (min-width: 480px){.drum-clock__slot{width:clamp(36px,7cqi,56px)}.drum-clock__housing{padding:clamp(10px,2cqi,16px) clamp(14px,3cqi,22px)}}[data-fullscreen] .drum-clock__slot{width:clamp(56px,9vw,96px);border-radius:6px}[data-fullscreen] .drum-clock__cylinder{width:clamp(56px,9vw,96px);margin-left:calc(clamp(56px,9vw,96px)/-2)}[data-fullscreen] .drum-clock__face{font-size:clamp(2rem,5.5vw,4.5rem)}[data-fullscreen] .drum-clock__track{gap:clamp(6px,1.2vw,14px)}[data-fullscreen] .drum-clock__pair{gap:4px}[data-fullscreen] .drum-clock__separator{width:clamp(12px,2vw,20px);gap:clamp(6px,1vw,10px)}[data-fullscreen] .drum-clock__separator[data-style=dots]:before,[data-fullscreen] .drum-clock__separator[data-style=dots]:after{width:clamp(7px,1.2vw,12px);height:clamp(7px,1.2vw,12px)}[data-fullscreen] .drum-clock__housing{padding:clamp(14px,2.5vw,28px) clamp(20px,3.5vw,40px);border-radius:14px}[data-theme=dark] .drum-clock__housing{box-shadow:0 6px 20px #000000b3,inset 0 1px #ffffff0f,inset 0 -1px #0006}}@layer base,components,variants;@layer components{.lcd-hd{container-type:inline-size;width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.lcd-hd__bezel{width:100%;border-radius:12px;padding:clamp(6px,1.8cqi,16px);position:relative;background:linear-gradient(180deg,#1a1d23,#12141a 40%,#0e1015);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0006,0 4px 24px #00000080,0 1px 3px #0000004d}.lcd-hd__bezel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.lcd-hd__bezel[data-style=flush]{border-radius:8px;padding:clamp(6px,1.5cqi,14px);background:#111318;box-shadow:0 2px 12px #0006}.lcd-hd__bezel[data-style=none]{background:transparent;box-shadow:none;padding:0;border-radius:0}.lcd-hd__bezel[data-style=none]:before{display:none}.lcd-hd__screen{width:100%;aspect-ratio:2 / 1;position:relative;overflow:hidden;border-radius:6px;background:var(--tk-face-bg, #0d1117);box-shadow:inset 0 2px 8px #0009,inset 0 0 0 1px #ffffff0a}.lcd-hd__canvas{display:block;width:100%;height:100%;border-radius:inherit}@keyframes lcd-hd-flash{0%,to{opacity:1}50%{opacity:.3}}.lcd-hd--flash .lcd-hd__screen{animation:lcd-hd-flash .5s steps(2) 4}[data-fullscreen] .lcd-hd{width:min(80vw,54vh);max-width:1000px}[data-fullscreen] .lcd-hd__bezel{padding:clamp(12px,2vh,28px)}}@layer base,components,variants;@layer components{.retro-lcd{width:100%;container-type:inline-size;display:flex;flex-direction:column;align-items:center}.retro-lcd__bezel{width:100%;border-radius:12px;padding:clamp(8px,2cqi,18px);box-shadow:inset 0 2px 8px #0009,0 4px 24px #00000080;position:relative;background:var(--tk-retro-lcd-bezel-bg, #2e3142)}.retro-lcd__bezel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.retro-lcd__bezel[data-style=minimal]{background:transparent;box-shadow:none;padding:0;border:1px solid rgba(0,0,0,.15)}.retro-lcd__bezel[data-style=minimal]:before{display:none}.retro-lcd__bezel[data-style=none]{background:transparent;box-shadow:none;padding:0}.retro-lcd__bezel[data-style=none]:before{display:none}.retro-lcd__screen{width:100%;aspect-ratio:2 / 1;position:relative;background:var(--tk-retro-lcd-bg, #91a37e);border-radius:6px;overflow:hidden}.retro-lcd__screen:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 6px #00000026;pointer-events:none;z-index:10}.retro-lcd__canvas{display:block;width:100%;height:100%;border-radius:inherit;position:relative;z-index:2}.retro-lcd__backlight{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 10% 50%,var(--tk-retro-lcd-backlight, rgba(170, 210, 80, .08)) 0%,transparent 60%),radial-gradient(ellipse at 90% 50%,var(--tk-retro-lcd-backlight, rgba(170, 210, 80, .08)) 0%,transparent 60%);pointer-events:none;z-index:3}.retro-lcd__flicker{position:absolute;inset:0;pointer-events:none;z-index:4;animation:retro-lcd-flicker 16.67ms steps(2) infinite}@keyframes retro-lcd-flicker{0%{opacity:1}50%{opacity:.985}}@keyframes retro-lcd-flash{0%,to{opacity:1}50%{opacity:.3}}.retro-lcd--flash .retro-lcd__screen{animation:retro-lcd-flash .5s steps(2) 4}[data-fullscreen] .retro-lcd{width:min(78vw,52vh);max-width:980px}[data-fullscreen] .retro-lcd__bezel{padding:clamp(.75rem,1.8vh,1.5rem)}}@layer base,components,variants;@layer components{.ac-timer{--ac-cell: clamp(4px, 1.8cqi, 10px);--ac-gap: clamp(1px, .35cqi, 2px);--ac-off: #1a1226;--ac-block-bg: rgba(0, 0, 0, .4);--ac-block-border: rgba(255, 255, 255, .04);--ac-block-radius: 4px;--ac-block-pad: calc(var(--ac-gap) * 3);container-type:inline-size;display:flex;justify-content:center;width:100%}.ac-timer__bezel{width:fit-content;border-radius:12px;padding:clamp(12px,2.8cqi,24px);background:linear-gradient(180deg,#1a0e2e,#0d0618);box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 8px #000000b3,0 8px 24px #00000080}.ac-timer[data-bezel-style=flat] .ac-timer__bezel{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff14;background:#14082a}.ac-timer[data-bezel-style=none] .ac-timer__bezel{background:transparent;box-shadow:none;padding:0}.ac-timer__panel{border-radius:6px;padding:clamp(.6rem,1.4cqi,1rem);background:#08040f;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 14px 32px #0009}.ac-timer__digits{display:flex;align-items:center;gap:calc(var(--ac-gap) * 2)}.ac-block{background:var(--ac-block-bg);border:1px solid var(--ac-block-border);border-radius:var(--ac-block-radius);padding:var(--ac-block-pad);box-shadow:inset 0 2px 6px #0000008c}.ac-digit{display:grid;grid-template-columns:repeat(7,var(--ac-cell));grid-template-rows:repeat(9,var(--ac-cell));gap:var(--ac-gap)}.ac-colon{display:grid;grid-template-columns:var(--ac-cell);grid-template-rows:repeat(9,var(--ac-cell));gap:var(--ac-gap)}.ac-cell{width:var(--ac-cell);height:var(--ac-cell);border-radius:1px;background:var(--ac-off);box-shadow:inset 0 1px 1px #ffffff0a,inset 0 -1px 2px #00000080}.ac-cell--on{background:var(--tk-accent, #00ff88);box-shadow:0 0 calc(var(--tk-arcade-glow, .7) * 6px) color-mix(in srgb,var(--tk-accent, #00ff88) 65%,transparent),inset 0 1px #ffffff59}.ac-timer[data-cell-size=small]{--ac-cell: clamp(3px, 1.3cqi, 7px);--ac-gap: clamp(.8px, .25cqi, 1.5px)}.ac-timer[data-cell-size=large]{--ac-cell: clamp(5px, 2.4cqi, 14px);--ac-gap: clamp(1.2px, .45cqi, 3px)}@container (min-width: 700px){.ac-timer{--ac-cell: clamp(8px, 1.6cqi, 18px);--ac-gap: clamp(1.5px, .3cqi, 3.5px);--ac-block-pad: calc(var(--ac-gap) * 4)}.ac-timer[data-cell-size=small]{--ac-cell: clamp(6px, 1.1cqi, 13px);--ac-gap: clamp(1px, .22cqi, 2.5px)}.ac-timer[data-cell-size=large]{--ac-cell: clamp(10px, 2.1cqi, 24px);--ac-gap: clamp(2px, .4cqi, 5px)}}@container (max-width: 400px){.ac-timer{--ac-cell: clamp(3px, 1.6cqi, 6px);--ac-gap: clamp(.6px, .3cqi, 1.2px);--ac-block-pad: calc(var(--ac-gap) * 2.5);--ac-block-radius: 2px}.ac-timer__bezel{border-radius:8px;padding:clamp(6px,1.8cqi,12px)}.ac-timer__panel{padding:clamp(4px,1cqi,8px)}}[data-fullscreen] .ac-timer{--ac-cell: clamp(8px, 1.6vh, 16px);--ac-gap: clamp(1.5px, .28vh, 3px)}.ac-timer--no-glow .ac-cell--on{box-shadow:inset 0 1px #ffffff59}@keyframes ac-flash{0%,to{opacity:1}50%{opacity:.25}}.ac-timer--flash .ac-timer__panel{animation:ac-flash .5s steps(2) 4}}@layer base,components,variants;@layer components{.d7-timer{--d7-digit-width: 52px;--d7-digit-height: 86px;--d7-digit-padding: 2px;--d7-colon-gap: 18px;--d7-colon-width: 18px;--d7-colon-dot: 8px;border-radius:var(--tk-radius-lg);padding:2rem 2.5rem;background:var(--tk-face-bg, #0a0a0f);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text));display:flex;justify-content:center}.d7-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.d7-timer__bezel{width:fit-content;background:transparent;border-radius:0;padding:0;box-shadow:none}.d7-timer[data-bezel-style=flat] .d7-timer__bezel{background:transparent;box-shadow:none}.d7-timer[data-bezel-style=none] .d7-timer__bezel{background:transparent;box-shadow:none;padding:0}.d7-timer__panel{border-radius:0;padding:0;background:transparent;box-shadow:none;position:relative}.d7-timer__digits{display:flex;align-items:center;justify-content:center;gap:.35rem;position:relative;z-index:1}.d7-timer__digits>.d7-digit,.d7-timer__digits>.d7-colon{flex:0 0 auto}.d7-digit{position:relative;width:var(--d7-digit-width);height:var(--d7-digit-height);padding:var(--d7-digit-padding);box-sizing:content-box}.d7-svg{width:100%;height:100%;display:block;shape-rendering:geometricPrecision}.d7-seg{fill:#ffffff0a;transition:fill .12s ease,filter .12s ease}.d7-seg--on{fill:var(--tk-accent, #ff1a1a);filter:drop-shadow(0 0 calc(var(--tk-digital7-glow, .8) * 4px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 50%,transparent)) drop-shadow(0 0 calc(var(--tk-digital7-glow, .8) * 10px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 25%,transparent))}.d7-seg--ghost{fill:#ffffff0a}.d7-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--d7-colon-gap);width:var(--d7-colon-width);padding:0 .15rem}.d7-colon-dot{width:var(--d7-colon-dot);height:var(--d7-colon-dot);border-radius:2px;background:#ffffff0f;transition:background .1s ease,box-shadow .1s ease}.d7-colon-dot--on{background:var(--tk-accent, #ff1a1a);box-shadow:0 0 calc(var(--tk-digital7-glow, .8) * 6px) color-mix(in srgb,var(--tk-accent, #ff1a1a) 50%,transparent)}.d7-colon--dot{gap:0;justify-content:flex-end;width:10px;padding:0}.d7-colon-dot--small{width:6px;height:6px}@container (min-width: 480px){.d7-colon-dot--small{width:8px;height:8px}}.d7-timer[data-cell-size=small]{--d7-digit-width: 44px;--d7-digit-height: 72px;--d7-digit-padding: 2px;--d7-colon-gap: 14px;--d7-colon-width: 14px;--d7-colon-dot: 7px}.d7-timer[data-cell-size=large]{--d7-digit-width: 64px;--d7-digit-height: 106px;--d7-digit-padding: 3px;--d7-colon-gap: 22px;--d7-colon-width: 22px;--d7-colon-dot: 10px}@container (min-width: 480px){.d7-timer{--d7-digit-width: 70px;--d7-digit-height: 116px;--d7-digit-padding: 3px;--d7-colon-gap: 26px;--d7-colon-width: 24px;--d7-colon-dot: 10px}.d7-timer[data-cell-size=small]{--d7-digit-width: 58px;--d7-digit-height: 96px;--d7-colon-gap: 20px;--d7-colon-width: 18px;--d7-colon-dot: 8px}.d7-timer[data-cell-size=large]{--d7-digit-width: 86px;--d7-digit-height: 142px;--d7-digit-padding: 4px;--d7-colon-gap: 30px;--d7-colon-width: 30px;--d7-colon-dot: 12px}}@container (min-width: 640px){.d7-timer{--d7-digit-width: 88px;--d7-digit-height: 146px;--d7-digit-padding: 4px}.d7-timer[data-cell-size=small]{--d7-digit-width: 74px;--d7-digit-height: 122px;--d7-colon-gap: 24px;--d7-colon-width: 22px;--d7-colon-dot: 10px}.d7-timer[data-cell-size=large]{--d7-digit-width: 102px;--d7-digit-height: 170px;--d7-colon-gap: 34px;--d7-colon-width: 34px;--d7-colon-dot: 14px}}@container (max-width: 460px){.d7-timer{padding:1.15rem 1.25rem}.d7-timer[data-cell-size=small]{--d7-digit-width: 36px;--d7-digit-height: 60px;--d7-colon-gap: 10px;--d7-colon-width: 12px;--d7-colon-dot: 6px}.d7-timer[data-cell-size=large]{--d7-digit-width: 54px;--d7-digit-height: 88px;--d7-colon-gap: 16px;--d7-colon-width: 16px;--d7-colon-dot: 8px}}@container (max-width: 340px){.d7-timer{border-radius:10px;padding:.8rem .9rem;--d7-digit-width: 36px;--d7-digit-height: 60px;--d7-colon-gap: 10px;--d7-colon-width: 12px;--d7-colon-dot: 6px}}[data-fullscreen] .d7-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .d7-digit{height:clamp(86px,25vh,320px);width:calc(clamp(86px,25vh,320px)*.603);padding:4px}[data-fullscreen] .d7-colon{gap:clamp(18px,3.8vh,36px);width:clamp(18px,3vh,30px)}[data-fullscreen] .d7-colon-dot{width:clamp(8px,1.6vh,14px);height:clamp(8px,1.6vh,14px)}.d7-timer--no-glow .d7-seg--on{filter:none}.d7-timer--no-glow .d7-colon-dot--on{box-shadow:none}@keyframes d7-flash{0%,to{opacity:1}50%{opacity:.25}}.d7-timer--flash .d7-timer__panel{animation:d7-flash .5s steps(2) 4}}@layer base,components,variants;@layer components{[data-theme=light] .gs-display{--gs-housing-color: #e0e0e0;--gs-ghost-color: color-mix(in srgb, var(--tk-accent, #ee1111) 10%, #ccc);--gs-lamp-rim: color-mix(in srgb, var(--tk-accent, #ee1111) 55%, #333)}.gs-display{--gs-lamp-glow: .85;--gs-lamp-core: color-mix(in srgb, var(--tk-accent, #ee1111) calc(55% - var(--gs-lamp-glow) * 25%), white);--gs-lamp-hot: color-mix(in srgb, var(--tk-accent, #ee1111) calc(80% - var(--gs-lamp-glow) * 10%), white);--gs-lamp-body: var(--tk-accent, #ee1111);--gs-lamp-rim: color-mix(in srgb, var(--tk-accent, #ee1111) 72%, black);--gs-housing-color: #141414;--gs-ghost-color: color-mix(in srgb, var(--tk-accent, #ee1111) 10%, #111);container-type:inline-size;display:flex;align-items:center;justify-content:center;width:100%;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a;padding:2rem 2.5rem;position:relative;overflow:hidden;opacity:var(--tk-face-opacity, 1);color:var(--tk-face-text, var(--tk-text))}.gs-display:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.gs-display svg{width:100%;max-width:clamp(280px,70cqi,700px);height:auto}.gs-display__content{width:100%;display:flex;align-items:center;justify-content:center}.gs-housing{fill:var(--gs-housing-color, #141414);opacity:var(--gs-housing-vis, 1)}.gs-dot-lit{fill:url(#gs-lamp)}.gs-seg-lit{mix-blend-mode:screen}.gs-dot-ghost{fill:var(--gs-ghost-color, #1a0808)}.gs-colon--hidden circle{opacity:0}.gs-display--no-ghost .gs-seg-ghost{display:none}.gs-display--no-glow .gs-seg-lit{filter:none!important;mix-blend-mode:normal}.gs-display--no-glow .gs-dot-lit{fill:var(--gs-lamp-body, var(--tk-accent, #ee1111))}.gs-display--flash{animation:gs-flash .5s step-end 6}@keyframes gs-flash{50%{opacity:.2}}[data-fullscreen] .gs-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .gs-display svg{max-width:clamp(400px,80vw,1000px)}@container (max-width: 460px){.gs-display{padding:1.15rem 1.25rem}}@container (max-width: 340px){.gs-display{border-radius:10px;padding:.8rem .9rem}}.gs-stopwatch{align-items:flex-end}}@layer base,components,variants;@layer variants{.fuelpump-display{background:var(--tk-face-bg, #bcc7df);color:var(--tk-face-text, #20283c);border-radius:12px;padding:2rem 1.25rem;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);box-shadow:inset 0 0 0 2px #20283c80,inset 0 3px 7px #20283c29,inset 0 -1px #ffffff80}.fuelpump-display--bezel-flush{box-shadow:inset 0 0 0 1px #20283c38,inset 0 2px 5px #20283c1a}.fuelpump-display--bezel-none{box-shadow:none}.fuelpump-display:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.07) 16%,transparent 44%);pointer-events:none;border-radius:inherit}.fuelpump-display--no-sheen:before{display:none}.fuelpump-digits{display:flex;align-items:center;justify-content:center;gap:.18rem;position:relative}.fuelpump-digits>.fuelpump-digit,.fuelpump-digits>.fuelpump-colon{flex:0 0 auto}.fuelpump-digit{width:64px;height:103px;padding:2px;box-sizing:content-box}.fuelpump-digit svg{width:100%;height:100%;display:block}@container (min-width: 480px){.fuelpump-digit{width:85px;height:139px;padding:4px}}@container (min-width: 640px){.fuelpump-digit{width:108px;height:175px;padding:5px}}.fuelpump-seg{fill:color-mix(in srgb,var(--tk-accent, #20283c) 8%,transparent);transition:fill .1s ease}.fuelpump-seg--on{fill:var(--tk-accent, #20283c)}.fuelpump-display--no-ghost .fuelpump-seg:not(.fuelpump-seg--on){fill:transparent}.fuelpump-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:22px;padding:0 .15rem}@container (min-width: 480px){.fuelpump-colon{gap:31px;width:29px}}.fuelpump-colon-dot{width:13px;height:13px;border-radius:1px;transform:skew(-7deg);background:var(--tk-accent, #20283c)}@container (min-width: 480px){.fuelpump-colon-dot{width:16px;height:16px}}.fuelpump-colon--blink .fuelpump-colon-dot{animation:fuelpump-blink 1s steps(1) infinite}@keyframes fuelpump-blink{0%,to{opacity:1}50%{opacity:0}}.fuelpump-colon--dot{gap:0;justify-content:flex-end;width:13px;padding:0}.fuelpump-colon-dot--small{width:10px;height:10px}@container (min-width: 480px){.fuelpump-colon-dot--small{width:12px;height:12px}}.fuelpump-timer__ms-group,.sw-fuelpump__cc-group{display:flex;align-items:flex-end;gap:.15rem;align-self:flex-end;padding-bottom:.3rem;flex:0 0 auto}.fuelpump-timer__ms-group{opacity:.8}.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:32px;height:52px}@container (min-width: 480px){.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:43px;height:70px}}@container (min-width: 640px){.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:54px;height:88px}}[data-fullscreen] .fuelpump-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .fuelpump-digit{height:clamp(103px,30vh,384px);width:calc(clamp(103px,30vh,384px)*.613)}.fuelpump-display--complete{animation:fuelpump-flash .6s ease-in-out 3}@keyframes fuelpump-flash{0%,to{opacity:1}50%{opacity:.35}}}@layer base,components,variants;@layer variants{.p86-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.p86-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.p86-svg{width:clamp(264px,84cqi,840px);height:auto;display:block;overflow:visible}.p86-path{transition:fill .15s ease}@keyframes p86-flash{0%,to{opacity:1}50%{opacity:.25}}.p86-timer--flash .p86-path{animation:p86-flash .6s ease-in-out infinite}@container (max-width: 460px){.p86-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.p86-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .p86-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.taxi-display{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.taxi-display:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.taxi-display--farebox{background:var(--taxi-farebox-bg, #1a1400);border-radius:8px;padding:clamp(1rem,2.4cqi,2.5rem) clamp(.85rem,1.9cqi,2rem);box-shadow:inset 0 2px 8px #0009,0 4px 24px #00000080}.taxi-svg{width:min(100%,clamp(260px,90cqi,980px));height:auto;display:block;overflow:visible}.taxi-display--farebox .taxi-svg{width:min(100%,clamp(280px,96cqi,1040px))}@container (max-width: 460px){.taxi-display{padding:1.15rem 1.25rem}.taxi-display--farebox{border-radius:6px;padding:.75rem .65rem}.taxi-svg,.taxi-display--farebox .taxi-svg{width:100%}}@container (max-width: 340px){.taxi-display{border-radius:10px;padding:.8rem .9rem}.taxi-display--farebox{padding:.55rem .5rem}}.taxi-path{transition:fill .15s ease}@keyframes taxi-flash{0%,to{opacity:1}50%{opacity:.25}}.taxi-display--flash .taxi-path{animation:taxi-flash .6s ease-in-out infinite}[data-fullscreen] .taxi-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.ds-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.ds-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.ds-svg{width:clamp(240px,85cqi,900px);height:auto;display:block;overflow:visible}@keyframes ds-flash{0%,to{opacity:1}50%{opacity:.2}}.ds-timer--flash .ds-svg path{animation:ds-flash .6s ease-in-out infinite}@container (max-width: 460px){.ds-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.ds-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .ds-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.lbc-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.lbc-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.lbc-svg{width:clamp(240px,85cqi,900px);height:auto;display:block;overflow:visible}.lbc-timer--perspective .lbc-svg{transform:perspective(600px) rotateX(8deg)}@keyframes lbc-flash{0%,to{opacity:1}50%{opacity:.2}}.lbc-timer--flash .lbc-svg path{animation:lbc-flash .6s ease-in-out infinite}@container (max-width: 460px){.lbc-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.lbc-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .lbc-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.blk-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.blk-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.blk-svg{width:clamp(240px,85cqi,900px);height:auto;display:block;overflow:visible;shape-rendering:crispEdges}@keyframes blk-flash{0%,to{opacity:1}50%{opacity:.15}}.blk-timer--flash .blk-svg path,.blk-timer--flash .blk-svg rect{animation:blk-flash .6s ease-in-out infinite}@container (max-width: 460px){.blk-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.blk-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .blk-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.g7-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.g7-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.g7-svg{width:clamp(220px,70cqi,700px);height:auto;display:block;overflow:visible}.g7-seg-active{transition:fill .08s ease}@keyframes g7-flash{0%,to{opacity:1}50%{opacity:.2}}.g7-timer--flash .g7-seg-active{animation:g7-flash .6s ease-in-out infinite}@container (max-width: 460px){.g7-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.g7-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .g7-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}@layer base,components,variants;@layer variants{.segchunk-timer{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.segchunk-timer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.segchunk-svg{width:clamp(220px,70cqi,700px);height:auto;display:block;overflow:visible}.segchunk-seg-active{transition:fill .08s ease}@keyframes segchunk-flash{0%,to{opacity:1}50%{opacity:.2}}.segchunk-timer--flash .segchunk-seg-active{animation:segchunk-flash .6s ease-in-out infinite}@container (max-width: 460px){.segchunk-timer{padding:1.15rem 1.25rem}}@container (max-width: 340px){.segchunk-timer{border-radius:10px;padding:.8rem .9rem}}[data-fullscreen] .segchunk-timer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}}