@property --tm-accent{syntax:"<color>";inherits:true;initial-value:#e8543f}.tm{--tm-accent:#e2513c;flex-direction:column;align-items:center;gap:18px;padding:20px 22px 18px;transition:--tm-accent .48s;display:flex;position:relative;overflow:hidden}.tm[data-phase=short]{--tm-accent:#128a7b}.tm[data-phase=long]{--tm-accent:#4460dc}.tm[data-phase=timer]{--tm-accent:#c77c06}:root[data-theme=dark] .tm{--tm-accent:#ff735f}:root[data-theme=dark] .tm[data-phase=short]{--tm-accent:#35c7b4}:root[data-theme=dark] .tm[data-phase=long]{--tm-accent:#859bff}:root[data-theme=dark] .tm[data-phase=timer]{--tm-accent:#f6ad3c}.tm-glow{pointer-events:none;background:radial-gradient(52% 40% at 50% 44%, color-mix(in srgb, var(--tm-accent) 11%, transparent), transparent 72%);position:absolute;inset:0}:root[data-theme=dark] .tm-glow{background:radial-gradient(52% 40% at 50% 44%, color-mix(in srgb, var(--tm-accent) 17%, transparent), transparent 72%)}.tm>:not(.tm-glow,.sr-only){position:relative}.tm-top{justify-content:center;align-self:stretch;align-items:center;display:flex}.tm-icon{width:36px;height:36px;color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid;position:absolute;right:0}.tm-icon:hover{color:var(--text);background:var(--surface-2)}.tm-icon .i-exit,.tm.is-full .tm-icon .i-enter{display:none}.tm.is-full .tm-icon .i-exit{display:block}.tm-phases{background:color-mix(in srgb, var(--tm-accent) 8%, var(--seg-track));border-radius:999px;gap:4px;padding:4px;display:flex}.tm-phases button{color:var(--text-muted);font:inherit;cursor:pointer;transition:background-color var(--dur) var(--ease-soft), color var(--dur) var(--ease-soft), transform var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:7px 15px;font-size:.8125rem;font-weight:600}.tm-phases button:hover{color:var(--text)}.tm-phases button:active{transform:scale(.96)}.tm-phases button[aria-pressed=true]{background:var(--tm-accent);color:#fff;box-shadow:inset 0 1px 0 #ffffff38, 0 4px 12px -6px color-mix(in srgb, var(--tm-accent) 80%, transparent)}:root[data-theme=dark] .tm-phases button[aria-pressed=true]{color:#0b0c0e}.tm .tm-task{text-align:center;width:min(100%,340px);color:var(--text);box-shadow:none;background:0 0;border:1px dashed #0000;border-radius:10px;padding:6px 10px;font-size:.9375rem;font-weight:550}.tm .tm-task::placeholder{color:var(--text-faint);font-weight:500}.tm .tm-task:hover{border-color:var(--border)}.tm .tm-task:focus-visible{border-style:solid;border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring)}.tm-dial{aspect-ratio:1;width:min(340px,82vw);max-width:100%;position:relative}.tm-dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tm-ticks line{stroke:var(--text-faint);stroke-width:1.4px;stroke-linecap:round;opacity:.28}.tm-ticks line.major{stroke-width:2px;opacity:.55}.tm-track{fill:none;stroke:var(--range-track);stroke-width:10px}.tm-arc{fill:none;stroke:var(--tm-accent);stroke-width:10px;stroke-linecap:round;stroke-dasharray:1 1;transform-origin:180px 180px;transition:opacity .2s;transform:rotate(-90deg)}.tm-hand{transform-origin:180px 180px}.tm-hand circle{fill:#fff;stroke:var(--tm-accent);stroke-width:3.5px;filter:drop-shadow(0 1px 3px #0000004d)}.tm[data-state=idle] .tm-hand{opacity:0}.tm-hand{transition:opacity .2s}.tm-readout{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.tm-label{letter-spacing:.04em;color:var(--tm-accent);font-size:.8125rem;font-weight:700;transition:color .48s}.tm-time{letter-spacing:-.045em;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:clamp(3.4rem,15vw,5.1rem);font-weight:300;line-height:1.02}.tm-sub{color:var(--text-muted);font-variant-numeric:tabular-nums;min-height:1.3em;font-size:.8125rem}.tm-dots{gap:7px;min-height:8px;margin-top:8px;display:flex}.tm-dots i{background:var(--range-track);border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s}.tm-dots i.done{background:var(--tm-accent)}.tm-dots i.now{box-shadow:inset 0 0 0 2px var(--tm-accent);background:0 0}.tm-controls{align-items:center;gap:18px;display:flex}.tm-round,.tm-main{border:1px solid var(--control-border);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-soft), color var(--dur-fast) var(--ease-soft);justify-content:center;align-items:center;display:inline-flex}.tm-round{width:52px;height:52px;color:var(--text-muted);background:linear-gradient(180deg, var(--btn2-top), var(--btn2-bottom));box-shadow:inset 0 1px 0 var(--highlight), 0 1px 2px #0f111614;border-radius:50%}.tm-round:hover{color:var(--text)}.tm-round:active{transform:scale(.93)}.tm-main{border-color:color-mix(in srgb, var(--tm-accent) 70%, black);color:#fff;letter-spacing:-.01em;background:linear-gradient(180deg, color-mix(in srgb, var(--tm-accent) 82%, white), var(--tm-accent));min-width:168px;height:58px;box-shadow:inset 0 1px 0 #ffffff4d, 0 1px 2px #0003, 0 14px 28px -14px color-mix(in srgb, var(--tm-accent) 85%, transparent);border-radius:999px;gap:10px;padding:0 26px;font-size:1rem;font-weight:700}:root[data-theme=dark] .tm-main{color:#0b0c0e;border-color:color-mix(in srgb, var(--tm-accent) 60%, white)}.tm-main:active{transform:scale(.96)}.tm-main:focus-visible,.tm-round:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.tm-main .i-pause{display:none}.tm[data-state=running] .tm-main{color:var(--text);border-color:var(--control-border);background:linear-gradient(180deg, var(--btn2-top), var(--btn2-bottom));box-shadow:inset 0 1px 0 var(--highlight), 0 1px 2px #0f111614}.tm[data-state=running] .tm-main svg{color:var(--tm-accent)}.tm[data-state=running] .tm-main .i-play{display:none}.tm[data-state=running] .tm-main .i-pause{display:block}.tm-presets{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.tm-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tm-chip{border:1px solid var(--control-border);background:var(--control-bg);min-width:54px;color:var(--text-muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-out);border-radius:999px;padding:7px 12px;font-size:.8125rem;font-weight:600}.tm-chip:hover{color:var(--text);border-color:var(--border-strong)}.tm-chip:active{transform:scale(.95)}.tm-chip[aria-pressed=true]{color:var(--tm-accent);border-color:color-mix(in srgb, var(--tm-accent) 45%, var(--control-border));background:color-mix(in srgb, var(--tm-accent) 9%, var(--control-bg))}.tm-steppers{flex-wrap:wrap;justify-content:center;gap:12px 20px;display:flex}.tm-stepper{background:var(--control-bg);border:1px solid var(--control-border);box-shadow:var(--control-shadow);border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.tm-stepper button{background:linear-gradient(180deg, var(--btn2-top), var(--btn2-bottom));width:32px;height:32px;box-shadow:inset 0 1px 0 var(--highlight), 0 0 0 1px var(--control-border);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out);border:0;border-radius:9px;font-size:1.05rem;line-height:1}.tm-stepper button:active{transform:scale(.9)}.tm .tm-stepper input{text-align:center;width:46px;box-shadow:none;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:4px 0;font-size:1rem;font-weight:650}.tm .tm-stepper input:focus-visible{box-shadow:none;outline:2px solid var(--ring);border-radius:6px}.tm-stepper>span{color:var(--text-muted);padding-right:8px;font-size:.8125rem}.tm-foot{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-self:stretch;align-items:center;gap:12px;padding-top:14px;font-size:.8125rem;display:flex}.tm-today{font-variant-numeric:tabular-nums}.tm-keys{color:var(--text-faint)}.tm-keys kbd{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-muted);border-radius:5px;margin-inline:4px 3px;padding:1px 6px;font-family:inherit;font-size:.6875rem;display:inline-block}@media (hover:none){.tm-keys{display:none}}.tm-settings{align-self:stretch;margin-top:-6px}.tm-settings summary{cursor:pointer;color:var(--text-muted);user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.tm-settings summary::-webkit-details-marker{display:none}.tm-settings summary:hover{color:var(--text);background:var(--surface-2)}.tm-settings summary svg{transition:transform .24s var(--ease-out)}.tm-settings[open] summary svg{transform:rotate(180deg)}.tm-settings-body{flex-direction:column;gap:16px;padding:14px 2px 4px;display:flex}.tm-settings[open] .tm-settings-body{animation:tm-open .24s var(--ease-out)}@keyframes tm-open{0%{opacity:0;transform:translateY(-4px)}}.tm-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tm-field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.tm-field>span{color:var(--text-muted);font-size:.75rem;font-weight:600}.tm-toggles{flex-wrap:wrap;gap:10px 24px;display:flex}.tm-toggles .switch{font-size:.875rem}.tm-notify{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tm-clear{align-self:flex-start}.tm.is-full{background:var(--bg);border:0;border-radius:0;justify-content:center;gap:26px}.tm.is-full .tm-dial{width:min(68vmin,560px)}.tm.is-full .tm-time{font-size:clamp(4rem,13vmin,8rem)}.tm.is-full .tm-foot,.tm.is-full .tm-settings,.tm.is-full .tm-presets{display:none}.tm.is-full .tm-top{width:auto;position:absolute;top:20px;left:24px;right:24px}@media (width<=560px){.tm{gap:16px;padding:16px 14px 14px}.tm-controls{gap:14px}.tm-main{min-width:140px;height:54px}.tm-round{width:48px;height:48px}.tm-phases button{padding:7px 11px}.tm-foot{justify-content:center}}@media (prefers-reduced-motion:reduce){.tm,.tm-label{transition-duration:.01ms}}