@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 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 variants{.chrono-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.chrono-svg{width:100%;max-width:300px;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:300px}.chrono-numeral{font-size:11px}}}@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-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 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__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 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(10px,2.5cqi,24px);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 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)}@keyframes d7-flash{0%,to{opacity:1}50%{opacity:.25}}.d7-timer--flash .d7-timer__panel{animation:d7-flash .5s steps(2) 4}}@layer components{.gs-display{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:100%;height:auto}.gs-housing{fill:var(--gs-housing-color, #141414);opacity:var(--gs-housing-vis, 1)}.gs-dot-lit{fill:currentColor}.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}.gs-display--flash{animation:gs-flash .5s step-end 6}@keyframes gs-flash{50%{opacity:.2}}[data-fullscreen] .gs-display{width:100%;height:100%;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)}:root{--gs-housing-color: #141414;--gs-ghost-color: #1a0808}[data-theme=light]{--gs-housing-color: #e0e0e0;--gs-ghost-color: #c8c8c8}.gs-stopwatch{align-items:flex-end}}@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:600}.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}@keyframes clockface-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clockface-picker__option{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: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}.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:600}.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:600}.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}.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}}}