.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))}}.cube{max-width: 900px;margin: 0 auto}.cube-pad{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 260px;border: 2px solid var(--console-border);border-radius: var(--radius-lg);background: var(--surface);box-shadow: var(--shadow);cursor: pointer;user-select: none;-webkit-user-select: none;touch-action: none}.cube-pad:focus-visible{outline: 3px solid var(--focus-ring);outline-offset: 3px}.cube-digits{font-size: clamp(4rem,17vw,8rem);font-weight: 700;line-height: 1;font-variant-numeric: tabular-nums}.cube-hint{margin: 10px 0 0;color: var(--text-muted);font-weight: 600}.cube[data-state="hold"] .cube-pad{background: #fde8e6;border-color: var(--danger)}.cube[data-state="ready"] .cube-pad{background: #dff5e1;border-color: #2f8a3e}.cube[data-state="inspect"] .cube-pad{background: #fff6dc}.cube-stats{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 10px;margin: 18px 0 8px;text-align: center}.cube-stat{background: var(--surface-2);border-radius: var(--radius);padding: 10px 6px}.cube-stat dt{font-size: .8125rem;color: var(--text-muted);font-weight: 600}.cube-stat dd{margin: 2px 0 0;font-weight: 700;font-size: 1.125rem;font-variant-numeric: tabular-nums}.cube-actions{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin: 12px 0}.cube-list{columns: 3 140px;margin: 8px 0 0;padding-left: 28px;font-variant-numeric: tabular-nums}@media (max-width: 640px){.cube-stats{grid-template-columns: repeat(2,minmax(0,1fr))}.cube-pad{min-height: 200px}}