/* 番茄钟：圆环倒计时 + 控制区 + 设置 */
.pm-wrap{display:grid;grid-template-columns:auto minmax(15rem,1fr);gap:1.75rem;align-items:center}
.pm-ring-box{position:relative;width:14rem;height:14rem;flex:0 0 auto}
.pm-ring{width:100%;height:100%;display:block}
.pm-ring-bg{fill:none;stroke:#eef1f5;stroke-width:12}
.pm-ring-fg{fill:none;stroke:var(--site-primary);stroke-width:12;stroke-linecap:round;
  stroke-dasharray:603.19;stroke-dashoffset:0;transition:stroke .2s linear}
.pm-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}
.pm-phase{font-size:13px;color:#8a94a3}
.pm-time{font-size:2.5rem;font-weight:700;line-height:1.1;color:#2b3441;font-variant-numeric:tabular-nums}
.pm-round{font-size:12px;color:#8a94a3}

.pm-side{display:flex;flex-direction:column;gap:.875rem;min-width:0}
.pm-btns{display:flex;flex-wrap:wrap;gap:.5rem}
.pm-field{margin:0}
.pm-stats{padding:.625rem .75rem;border-radius:.5rem;background:var(--site-tint);color:#334155;font-size:13.5px}

.pm-wrap.is-focus .pm-ring-fg{stroke:var(--site-primary)}
.pm-wrap.is-short .pm-ring-fg{stroke:#16a34a}
.pm-wrap.is-long .pm-ring-fg{stroke:#0284c7}
.pm-wrap.is-done .pm-time{animation:pm-blink .7s ease-in-out 3}
@keyframes pm-blink{0%,100%{opacity:1}50%{opacity:.25}}

.pm-settings{display:flex;flex-wrap:wrap;gap:.875rem 1.25rem;align-items:flex-end}
.pm-set{display:flex;flex-direction:column;gap:.25rem}
.pm-set input{width:8rem}
.pm-switches{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.pm-switches .form-check{margin:0}
.pm-set-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}

@media (max-width:767.98px){
  .pm-wrap{grid-template-columns:1fr;gap:1.25rem}
  .pm-ring-box{margin:0 auto;width:12rem;height:12rem}
  .pm-time{font-size:2.1rem}
  .pm-set-actions{margin-left:0}
}