.pomo-card{border:1px solid var(--border);border-top:6px solid var(--vermilion);border-radius:var(--radius);background:var(--surface);text-align:center;margin:0 0 8px;padding:18px 16px 12px}.pomo-card[data-phase=short],.pomo-card[data-phase=long]{border-top-color:var(--success)}.pomo-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.pomo-phase{color:var(--vermilion);margin:0;font-size:1.35rem}.pomo-card[data-phase=short] .pomo-phase,.pomo-card[data-phase=long] .pomo-phase{color:var(--success)}.pomo-status{color:var(--muted);font-size:.9rem}.pomo-cycle{color:var(--muted);margin:4px 0 0}.pomo-time{letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:6px 0 10px;font-size:clamp(3.2rem,17vw,6rem);font-weight:700;line-height:1.1}.pomo-progress{width:min(440px,100%);height:10px;accent-color:var(--accent)}.pomo-controls{justify-content:center}.pomo-main-btn{min-width:8em}.pomo-live{text-align:left}.pomo-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.pomo-notice-text{flex:16em;margin:0}.pomo-notice-sub{margin-top:2px;display:block}.pomo-completed{font-variant-numeric:tabular-nums;margin:8px 0 0}.pomo-settings{margin-top:24px}.pomo-h{font-size:1.1rem}