.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}.appearance-live{position:relative;display:flex;flex-direction:column;gap:8px;margin:-4px 0 2px;padding:8px 0 10px}.appearance-live:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--tk-border-subtle)}.appearance-live .clockface-preview{aspect-ratio:16 / 7;max-height:148px;background:color-mix(in srgb,var(--tk-bg) 72%,var(--tk-surface-raised));border:1px solid var(--tk-border-subtle)}.appearance-live__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px}.appearance-live__name{font-family:var(--tk-font-sans);font-size:.8125rem;font-weight:600;color:var(--tk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appearance-live__swap{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:30px;padding:0 12px 0 10px;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-sans);font-size:.6875rem;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color .15s var(--tk-ease),color .15s var(--tk-ease),border-color .15s var(--tk-ease)}.appearance-live__swap svg{width:13px;height:13px;flex:0 0 auto;transition:transform .2s var(--tk-ease)}.appearance-live__swap:hover{border-color:var(--tk-accent);color:var(--tk-accent)}.appearance-live__swap--open,.appearance-live__swap--open:hover{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}.appearance-live__swap--open svg{transform:rotate(90deg)}.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-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}@keyframes clockface-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clockface-gallery{position:relative;animation:clockface-picker-in .15s var(--tk-ease) both}.clockface-gallery__strip{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:var(--tk-border) transparent}.clockface-gallery__strip::-webkit-scrollbar{height:4px}.clockface-gallery__strip::-webkit-scrollbar-thumb{background:var(--tk-border);border-radius:4px}.clockface-card{position:relative;flex:0 0 auto;width:148px;scroll-snap-align:center}.clockface-card__select{display:flex;flex-direction:column;gap:6px;width:100%;padding:6px 6px 8px;border:1px solid var(--tk-border-subtle);border-radius:calc(var(--tk-radius) + 2px);background:var(--tk-surface-raised);cursor:pointer;transition:border-color .15s var(--tk-ease),box-shadow .15s var(--tk-ease),transform .15s var(--tk-ease)}.clockface-card__select:hover{border-color:var(--tk-border);transform:translateY(-1px);box-shadow:var(--tk-shadow-sm)}.clockface-card--active .clockface-card__select{border-color:var(--tk-accent);box-shadow:0 0 0 1.5px var(--tk-accent),var(--tk-shadow-sm)}.clockface-card__label{font-family:var(--tk-font-sans);font-size:.6875rem;font-weight:600;color:var(--tk-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.clockface-card--active .clockface-card__label{color:var(--tk-accent)}.clockface-card__fav{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--tk-border-subtle);border-radius:var(--tk-radius-full);background:color-mix(in srgb,var(--tk-surface) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--tk-text-muted);font-size:.8125rem;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-card__fav:hover{color:var(--tk-text);border-color:var(--tk-border)}.clockface-card__fav--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) 14%,var(--tk-surface));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)}}.clockface-gallery__arrow{position:absolute;top:calc(50% - 6px);translate:0 -50%;z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-full);background:color-mix(in srgb,var(--tk-surface) 92%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--tk-text-secondary);box-shadow:var(--tk-shadow-sm);cursor:pointer;transition:color .15s var(--tk-ease),box-shadow .15s var(--tk-ease)}.clockface-gallery__arrow svg{width:14px;height:14px}.clockface-gallery__arrow:hover{color:var(--tk-text);box-shadow:var(--tk-shadow-md)}.clockface-gallery__arrow--prev{left:-6px}.clockface-gallery__arrow--next{right:-6px}@media(hover:none)and (pointer:coarse){.clockface-gallery__arrow{display:none}}.clockface-gallery__hint{margin:2px 0 0;font-family:var(--tk-font-sans);font-size:.625rem;color:var(--tk-text-muted);text-align:center}.clockface-gallery__recents{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0}.clockface-gallery__recents-label{font-family:var(--tk-font-sans);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-text-muted)}.clockface-gallery__recent-chip{padding:4px 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:500;cursor:pointer;transition:border-color .15s var(--tk-ease),color .15s var(--tk-ease)}.clockface-gallery__recent-chip:hover{border-color:var(--tk-accent);color:var(--tk-text)}.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}.toothbrush-visual-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.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}.timer-page--pomodoro-compact .timer-controls__btn--primary{min-width:168px}.timer-page--pomodoro-compact .timer-controls__btn--secondary{min-width:136px}.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}}}