.pomo-tool{overflow:visible}.pomo-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(220px,280px);gap:24px;align-items:start;width:100%;max-width:1180px;margin:0 auto}.pomo-stage{--pomo-accent: var(--accent);display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 34px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);box-shadow:0 8px 30px #00000014;min-width:0}.pomo-stage[data-mode=work]{--pomo-accent: var(--pomo-color-work, var(--accent))}.pomo-stage[data-mode=short]{--pomo-accent: var(--pomo-color-short, #22c55e)}.pomo-stage[data-mode=long]{--pomo-accent: var(--pomo-color-long, #3b82f6)}.pomo-phases-panel{border:1px solid var(--border);border-radius:18px;padding:22px 24px;background:var(--bg-card);display:flex;flex-direction:column;gap:14px;min-width:0}.pomo-panel-title{font-size:.95rem;margin:0 0 4px}.pomo-phase-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s}.pomo-phase-row:hover{border-color:var(--accent)}.pomo-phase-row.active{border-color:var(--pomo-accent)}.pomo-phase-switch{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:var(--bg-secondary);cursor:pointer;flex-shrink:0;padding:0}.pomo-phase-row[data-mode=work].active .pomo-phase-switch{background:var(--pomo-color-work, var(--accent));border-color:var(--pomo-color-work, var(--accent))}.pomo-phase-row[data-mode=short].active .pomo-phase-switch{background:var(--pomo-color-short, #22c55e);border-color:var(--pomo-color-short, #22c55e)}.pomo-phase-row[data-mode=long].active .pomo-phase-switch{background:var(--pomo-color-long, #3b82f6);border-color:var(--pomo-color-long, #3b82f6)}.pomo-phase-name{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:.84rem;font-family:var(--font-sans);outline:none}.pomo-phase-name:focus{border-color:var(--accent)}.pomo-phase-color{width:34px;height:28px;padding:0 2px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;flex-shrink:0}.pomo-mode-tabs{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:4px}.pomo-tab{border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .15s}.pomo-tab:hover{color:var(--text)}.pomo-tab.active{background:var(--pomo-accent);color:#fff}.pomo-ring{position:relative;width:280px;height:280px}.pomo-ring-svg{transform:rotate(-90deg)}.pomo-ring-track{stroke:var(--bg-secondary)}.pomo-ring-progress{stroke:var(--pomo-accent);stroke-dasharray:791.68;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.pomo-clock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pomo-time{font-family:var(--font-mono);font-size:4rem;font-weight:600;line-height:1;color:var(--text);letter-spacing:-.02em}.pomo-mode-label{font-size:.85rem;font-weight:600;color:var(--pomo-accent);text-transform:uppercase;letter-spacing:.08em}.pomo-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pomo-ctrl-primary{min-width:120px}.pomo-ctrl{min-width:74px}.pomo-sessions{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted)}.pomo-sessions-count{font-family:var(--font-mono);font-weight:700;color:var(--text)}.pomo-sessions-dots{font-size:.9rem;letter-spacing:2px}.pomo-settings{border:1px solid var(--border);border-radius:18px;padding:22px 24px;background:var(--bg-card);display:flex;flex-direction:column;gap:14px;min-width:0}.pomo-settings h3,.pomo-phases-panel h3{font-size:.95rem;margin:0 0 4px}.pomo-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.pomo-setting-label{font-size:.84rem;color:var(--text-muted)}.pomo-stepper{display:inline-flex;align-items:center;gap:8px}.pomo-step{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:1rem;cursor:pointer;line-height:1}.pomo-step:hover{background:var(--border-hover)}.pomo-step-val{font-family:var(--font-mono);font-weight:700;min-width:24px;text-align:right}.pomo-step-unit{font-size:.74rem;color:var(--text-dim)}.pomo-toggle{display:flex;align-items:center;gap:9px;font-size:.84rem}.pomo-hint{font-size:.74rem;color:var(--text-dim);margin:2px 0 0}.pomo-hint kbd{display:inline-block;padding:1px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem}.pomo-notif-status{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-secondary);text-transform:uppercase}.pomo-notif-status[data-state=on]{color:var(--success);border-color:var(--success)}.pomo-notif-status[data-state=blocked]{color:#ef4444;border-color:#ef4444}.pomo-notif-status[data-state=default]{color:var(--warning, #f59e0b);border-color:var(--warning, #f59e0b)}.pomo-focus-overlay{--pomo-accent: var(--accent);position:fixed;inset:0;z-index:9999;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0d17}.pomo-focus-overlay[hidden]{display:none}.pomo-focus-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--pomo-accent) 26%,transparent),transparent 70%);opacity:.9}.pomo-focus-overlay[data-mode=work]{--pomo-accent: var(--pomo-color-work, var(--accent))}.pomo-focus-overlay[data-mode=short]{--pomo-accent: var(--pomo-color-short, #22c55e)}.pomo-focus-overlay[data-mode=long]{--pomo-accent: var(--pomo-color-long, #3b82f6)}.pomo-focus-ring{position:relative;width:min(76vh,76vw);max-width:620px}.pomo-focus-svg{width:100%;height:auto;transform:rotate(-90deg);filter:drop-shadow(0 0 40px color-mix(in srgb,var(--pomo-accent) 35%,transparent))}.pomo-focus-track{stroke:#ffffff1a}.pomo-focus-progress{stroke:var(--pomo-accent);stroke-dasharray:1382.3;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.pomo-focus-clock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pomo-focus-time{font-family:var(--font-mono);font-size:clamp(6rem,24vw,15rem);font-weight:800;line-height:1;color:#fff;letter-spacing:-.02em;text-shadow:0 0 60px color-mix(in srgb,var(--pomo-accent) 60%,transparent)}.pomo-focus-label{font-size:clamp(1rem,3vw,1.6rem);font-weight:700;color:var(--pomo-accent);text-transform:uppercase;letter-spacing:.18em}.pomo-focus-state{font-size:.85rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em}.pomo-focus-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);font-size:.8rem;color:#fff9;letter-spacing:.04em;white-space:nowrap;opacity:1;transition:opacity .6s ease;pointer-events:none}.pomo-focus-overlay.hint-hidden .pomo-focus-hint{opacity:0}@media(max-width:980px){.pomo-layout{grid-template-columns:1fr}.pomo-stage{order:-1}.pomo-phases-panel{order:1}.pomo-settings{order:2}}