.po-face{gap:18px;padding-block:26px}.po-phases{justify-content:center}.po-time{white-space:nowrap;font-size:clamp(64px,18vw,128px)}.po-focus .po-time{color:var(--accent)}.po-short .po-time,.po-long .po-time{color:var(--good)}.po-meter{flex:none;width:min(100%,420px)}.po-meter>i{background:var(--accent);transition:width .25s linear}.po-short .po-meter>i,.po-long .po-meter>i{background:var(--good)}.po-dots{gap:8px;display:flex}.po-dots i{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.po-dots i.on{background:var(--accent)}.po-btns{justify-content:center}.po-btns .btn{justify-content:center;min-width:120px}.po-settings{flex-direction:column;gap:14px;display:flex}.po-settings[open]{gap:14px}.po-settings>summary{cursor:pointer;padding:2px 0}.po-settings[open]>summary{margin-bottom:12px}.po-settings .toggle{margin-block:12px}@media (prefers-reduced-motion:reduce){.po-meter>i{transition:none}}