#pomodoro-timer .pom__panel{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-4)}#pomodoro-timer #pom-phase{display:flex}#pomodoro-timer #pom-phase .tb-seg-btn{flex:1;justify-content:center}#pomodoro-timer .pom__ring{position:relative;width:240px;max-width:100%;aspect-ratio:1}#pomodoro-timer .pom__ring-svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}#pomodoro-timer .pom__ring-track,#pomodoro-timer .pom__ring-bar{fill:none;stroke-width:6}#pomodoro-timer .pom__ring-track{stroke:var(--tb-border)}#pomodoro-timer .pom__ring-bar{stroke:var(--tb-color-primary);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset var(--tb-transition-fast),stroke var(--tb-transition-normal)}#pomodoro-timer[data-phase=shortBreak] .pom__ring-bar,#pomodoro-timer[data-phase=longBreak] .pom__ring-bar{stroke:var(--tb-color-green)}#pomodoro-timer .pom__readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tb-space-1)}#pomodoro-timer .pom__time{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-6xl);font-weight:var(--tb-weight-bold);line-height:var(--tb-leading-none);color:var(--tb-text-primary);font-variant-numeric:tabular-nums}#pomodoro-timer .pom__phase{font-size:var(--tb-font-size-sm);font-weight:var(--tb-weight-medium);line-height:var(--tb-leading-normal);color:var(--tb-text-secondary);text-transform:uppercase;letter-spacing:.08em}#pomodoro-timer .pom__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tb-space-2)}#pomodoro-timer .pom__dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--tb-border);background:transparent;transition:background-color var(--tb-transition-fast),border-color var(--tb-transition-fast)}#pomodoro-timer .pom__dot.is-done{background:var(--tb-color-primary);border-color:var(--tb-color-primary)}#pomodoro-timer[data-phase=longBreak] .pom__dot.is-done{background:var(--tb-color-green);border-color:var(--tb-color-green)}#pomodoro-timer .pom__controls{justify-content:center}#pomodoro-timer .tb-accordion{border-top:1px solid var(--tb-border)}@media(max-width:480px){#pomodoro-timer .pom__ring{width:200px}#pomodoro-timer .pom__time{font-size:var(--tb-font-size-5xl)}#pomodoro-timer #pom-phase .tb-seg-btn{padding:var(--tb-space-1) var(--tb-space-2);white-space:normal}}@media(prefers-reduced-motion:reduce){#pomodoro-timer .pom__ring-bar,#pomodoro-timer .pom__dot{transition:none}}