.pomo{--pomo-accent: var(--cobalt);background: var(--surface);border: 2px solid var(--console-border);border-radius: var(--radius-lg);padding: 28px 24px;box-shadow: var(--shadow);max-width: 760px;margin: 0 auto;text-align: center}.pomo[data-phase="short"],.pomo[data-phase="long"]{--pomo-accent: #2f8a3e}.pomo-tabs{display: inline-flex;flex-wrap: wrap;justify-content: center;gap: 6px;padding: 4px;border-radius: 999px;background: var(--surface-2)}.pomo-tabs .seg-btn[aria-pressed="true"]{background: var(--text);color: var(--bg)}.pomo-phase{margin: 20px 0 0;font-weight: 700;color: var(--pomo-accent);text-transform: uppercase;letter-spacing: .06em;font-size: .9375rem}.pomo-digits{font-size: clamp(4rem,16vw,7.5rem);font-weight: 700;line-height: 1;font-variant-numeric: tabular-nums;margin: 8px 0 16px}.pomo-progress{width: 100%;max-width: 520px;height: 10px;accent-color: var(--pomo-accent)}.pomo-round{margin: 12px 0 0;color: var(--text-muted);font-weight: 600}.pomo-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: 20px}.pomo .pomo-i-pause{display: none}.pomo[data-state="running"] .pomo-i-pause{display: inline-block}.pomo[data-state="running"] .pomo-i-play{display: none}.pomo-done{margin: 16px 0 0;color: var(--text-muted)}.pomo-settings{margin-top: 20px;text-align: left;border-top: 1px solid var(--line);padding-top: 16px}.pomo-settings summary{cursor: pointer;font-weight: 600}.pomo-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;margin: 16px 0}.pomo-sound{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;margin-top: 12px}.pomo-sound-label{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;font-size: .9375rem}.pomo-select{width: auto;min-height: 40px;padding: 6px 10px}.pomo-msg{margin-top: 12px}@media (max-width: 640px){.pomo{padding: 20px 16px}.pomo-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}