.pomo-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 52px - 34px);padding:40px 20px;gap:28px}.pomo-mode-tabs{display:flex;background:var(--bg3);border-radius:10px;padding:3px;gap:2px}.pomo-mode-tab{padding:8px 20px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--text3);transition:all .14s}.pomo-mode-tab.active{background:var(--card-bg);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.15)}.pomo-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pomo-ring-svg{transform:rotate(-90deg)}.pomo-track{fill:none;stroke:var(--bg4);stroke-width:8}.pomo-progress{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.pomo-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}.pomo-display{font-size:56px;font-family:'JetBrains Mono',monospace;font-weight:300;color:var(--text);line-height:1}.pomo-status{font-size:13px;color:var(--text3)}.pomo-controls{display:flex;gap:14px;align-items:center}.pomo-ctrl-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s;border:0}.pomo-ctrl-main{background:var(--accent);color:#fff;width:68px;height:68px}.pomo-ctrl-main:hover{opacity:.88;transform:scale(1.05)}.pomo-ctrl-side{background:var(--bg3);color:var(--text2);border:1px solid var(--border-h)}.pomo-ctrl-side:hover{background:var(--bg4);color:var(--text)}.pomo-sessions{display:flex;gap:8px;align-items:center}.pomo-tomato{font-size:20px;opacity:.3;transition:opacity .3s}.pomo-tomato.done{opacity:1}.pomo-stats{display:flex;gap:28px;margin-top:8px}.pomo-stat{text-align:center}.pomo-stat-val{font-size:24px;font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--text)}.pomo-stat-label{font-size:11px;color:var(--text3);margin-top:2px}.pomo-settings{display:flex;gap:20px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:11px;padding:14px 20px}.pomo-setting{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2)}.pomo-setting input{width:50px;height:30px;background:var(--bg3);border:1px solid var(--border-h);border-radius:6px;text-align:center;font-size:13px;font-family:'JetBrains Mono',monospace;color:var(--text);outline:0}.pomo-setting input:focus{border-color:var(--accent)}