.pomo-timer{--pomo-color:var(--accent-red);flex-direction:column;align-items:center;gap:1.25rem;display:flex}.pomo-timer.pomo-short{--pomo-color:var(--accent-emerald)}.pomo-timer.pomo-long{--pomo-color:var(--accent-sky)}.pomo-ring{aspect-ratio:1;width:min(300px,78vw);position:relative}.pomo-timer.is-pip .pomo-ring{width:min(220px,70vw,58vh)}.pomo-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pomo-ring circle{fill:none;stroke-width:10px}.pomo-ring-track{stroke:var(--border-input)}.pomo-ring-bar{stroke:var(--pomo-color);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.pomo-ring-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;position:absolute;inset:0}.pomo-phase-label{color:var(--pomo-color);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:700}[data-theme=light] .pomo-focus .pomo-phase-label{color:#b91c1c}[data-theme=light] .pomo-short .pomo-phase-label{color:#047857}[data-theme=light] .pomo-long .pomo-phase-label{color:#0369a1}.pomo-time{font-size:clamp(2.6rem,13vw,4.25rem)}.pomo-timer.is-pip .pomo-time{font-size:clamp(2rem,15vw,3.2rem)}.pomo-session{color:var(--text-secondary);font-size:.82rem}.pomo-main-btn{background:var(--accent-indigo);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .15s,background .15s;display:grid;box-shadow:0 4px 14px #6264f059}.pomo-main-btn:hover{background:var(--accent-violet)}.pomo-main-btn:active{transform:scale(.95)}.pomo-main-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:3px}.pomo-play-icon{margin-left:4px}.tk-simple-tool .pomo-side-btn{border-radius:50%;width:48px;height:48px}.pomo-dots{align-items:center;gap:.45rem;display:flex}.pomo-dot{border:2px solid var(--accent-red);border-radius:50%;width:10px;height:10px}.pomo-dot.is-done{background:var(--accent-red)}.pomo-dots-text{color:var(--text-secondary);margin-left:.4rem;font-size:.82rem}.pomo-settings{width:100%}.pomo-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;display:grid}.pomo-setting-input{align-items:center;gap:.5rem;display:flex}.pomo-setting-input .ui-input{max-width:7rem}.pomo-setting-input span{color:var(--text-secondary);font-size:.85rem}@media (width<=480px){.pomo-settings-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pomo-ring-bar{transition:none}}