.tm--pom{--tm-cycle:8s}.tm-pom-pick{animation:tm-pom-pick var(--tm-cycle) var(--ease) infinite backwards}.tm-pom-pick--2{animation-delay:70ms}.tm-pom-pick--3{animation-delay:.14s}@keyframes tm-pom-pick{0%,3%{opacity:0;transform:translate(-6px)}12%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(-6px)}}.tm-pom-on{animation:tm-pom-on var(--tm-cycle) var(--ease) infinite}@keyframes tm-pom-on{0%,15%{opacity:0}20%,to{opacity:1}}.tm-pom-dial{animation:tm-pom-dial var(--tm-cycle) var(--ease) infinite backwards;animation-delay:.1s}@keyframes tm-pom-dial{0%,16%{opacity:0;transform:scale(.94)}24%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:scale(.94)}}.tm-pom-track{stroke:var(--surface-inset);stroke-width:9px}.tm-pom-ring{stroke:var(--accent);stroke-width:9px;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:0;animation:tm-pom-ring var(--tm-cycle) linear infinite;transform:rotate(-90deg)}@keyframes tm-pom-ring{0%,24%{stroke-dashoffset:0}58%{stroke-dashoffset:264px}64%,to{stroke-dashoffset:0}}.tm-pom-time{font-family:var(--font-mono);text-anchor:middle;fill:var(--text);font-size:21px;font-weight:600}.tm-pom-time--a{opacity:0;animation:tm-pom-time-a var(--tm-cycle) steps(1, end) infinite}@keyframes tm-pom-time-a{0%,23%{opacity:0}24%,38%{opacity:1}39%,to{opacity:0}}.tm-pom-time--b{opacity:0;animation:tm-pom-time-b var(--tm-cycle) steps(1, end) infinite}@keyframes tm-pom-time-b{0%,38%{opacity:0}39%,59%{opacity:1}60%,to{opacity:0}}.tm-pom-time--c{animation:tm-pom-time-c var(--tm-cycle) steps(1, end) infinite}@keyframes tm-pom-time-c{0%,59%{opacity:0}60%,to{opacity:1}}.tm-pom-mode--a{opacity:0;animation:tm-pom-mode-a var(--tm-cycle) steps(1, end) infinite}@keyframes tm-pom-mode-a{0%,23%{opacity:0}24%,59%{opacity:1}60%,to{opacity:0}}.tm-pom-mode--b{animation:tm-pom-time-c var(--tm-cycle) steps(1, end) infinite}.tm-pom-out{animation:tm-pom-out var(--tm-cycle) var(--ease) infinite backwards;animation-delay:.18s}@keyframes tm-pom-out{0%,16%{opacity:0;transform:translate(8px)}24%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(8px)}}.tm-pom-dot{fill:var(--surface-inset);stroke:var(--border);stroke-width:1px}.tm-pom-done{animation:tm-pom-done var(--tm-cycle) var(--ease) infinite}@keyframes tm-pom-done{0%,59%{opacity:0;transform:scale(.4)}66%,to{opacity:1;transform:none}}.tm-pom-clock{fill:var(--text);font-size:10px;font-weight:600}.tool:has(>.pom),.pom__host{container-type:inline-size}.pom{flex-direction:column;gap:14px;display:flex}.pom__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pom__spacer{flex:1}.pom__main{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@container (width>=620px){.pom__main{grid-template-columns:minmax(280px,1fr) minmax(240px,.85fr)}}.pom__stage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:14px;padding:20px 16px 22px;display:flex}.pom__dial{aspect-ratio:1;width:min(240px,62cqw);position:relative}.pom__ring{width:100%;height:100%;transform:rotate(-90deg)}.pom__ring-track{fill:none;stroke:var(--surface-inset);stroke-width:12px}.pom__ring-fill{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round;stroke-dasharray:678.58;stroke-dashoffset:0;transition:stroke-dashoffset .24s linear}.pom__read{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pom__time{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:clamp(2.4rem,1.2rem + 9cqw,3.4rem);font-weight:600;line-height:1}.pom__phase{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:600}.pom__controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pom__controls [data-pom=toggle]{min-width:8.5rem}.pom__ends,.pom__late{text-align:center;max-width:34ch;color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.pom__late{color:var(--warning);font-weight:500}.pom__rounds{flex-direction:column;align-items:center;gap:7px;display:flex}.pom__dots{gap:7px;display:inline-flex}.pom__dot{border-radius:var(--r-full);background:var(--surface-inset);border:1px solid var(--border);width:9px;height:9px}.pom__dot.is-on{background:var(--accent);border-color:#0000}.pom__round{color:var(--text-subtle);font-size:.75rem}.pom__side{flex-direction:column;gap:16px;min-width:0;display:flex}.pom__legend{letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);font-size:.75rem;font-weight:600}.pom__legend-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pom__presets .pom__legend{margin-bottom:8px;display:block}.pom__chips{flex-wrap:wrap;gap:6px;display:flex}.pom__add{gap:6px;margin-bottom:10px;display:flex}.pom__add .input{flex:1;min-width:0}.pom__add .pom__est{text-align:center;flex:none;width:4.4rem}.pom__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pom__task{border-radius:var(--r-md);align-items:center;gap:6px;padding:5px 6px 5px 0;display:flex}.pom__task.is-active{background:var(--surface-inset)}.pom__task.is-done .pom__pick{color:var(--text-subtle);text-decoration:line-through}.pom__pick{border-radius:var(--r-sm);min-width:0;font:inherit;text-align:left;color:var(--text-muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:4px 8px;font-size:.875rem;overflow:hidden}.pom__pick:hover{color:var(--text)}.pom__pick[aria-pressed=true]{color:var(--text);font-weight:600}.pom__count{font-family:var(--font-mono);color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:.72rem}.pom__tick,.pom__del{border-radius:var(--r-sm);width:26px;height:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.pom__tick:hover,.pom__del:hover{border-color:var(--border-input);color:var(--text)}.pom__task.is-done .pom__tick{color:var(--success)}.pom__empty{color:var(--text-subtle);margin:0;font-size:.8125rem;line-height:1.55}.pom__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pom__settings{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.pom__settings>summary{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:11px 15px;font-size:.875rem;font-weight:560;list-style:none;display:flex}.pom__settings>summary::-webkit-details-marker{display:none}.pom__settings>summary:hover{color:var(--text)}.pom__panel{flex-direction:column;gap:12px;padding:0 15px 15px;display:flex}.pom__panel .optionbar{background:var(--surface)}.pom__num{width:4.6rem}.pom__unit{color:var(--text-subtle);font-size:.75rem}.pom__keys table{font-size:.8125rem}.pom__keys kbd+kbd{margin-left:4px}.pom__panel>.btn{align-self:flex-start}.pom__note{color:var(--text-subtle);margin:12px 0 0;font-size:.8125rem;line-height:1.6}.workspace .pom [data-pom=expand]{display:none}.pom__host .pom__dial{width:min(340px,62cqw)}@media (prefers-reduced-motion:reduce){.pom__ring-fill{transition:none}}.pom>.studio-body{flex-direction:column;gap:14px;display:flex}