.pomodoro-workbench[data-v-2c9f9331]{--bg: #f4f5f4;--panel: rgba(255, 255, 255, .92);--panel-strong: #fcfcfb;--card: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 247, 246, .98));--ink: #1d2d24;--muted: #667069;--line: rgba(84, 94, 88, .12);--accent: #249f63;--accent-soft: rgba(36, 159, 99, .1);--shadow: 0 24px 52px rgba(32, 40, 35, .08);--el-color-primary: var(--accent);--el-color-primary-light-3: color-mix(in srgb, var(--accent) 72%, white 28%);--el-color-primary-light-5: color-mix(in srgb, var(--accent) 56%, white 44%);--el-color-primary-light-7: color-mix(in srgb, var(--accent) 36%, white 64%);--el-color-primary-light-8: color-mix(in srgb, var(--accent) 26%, white 74%);--el-color-primary-light-9: color-mix(in srgb, var(--accent) 14%, white 86%);--el-color-primary-dark-2: color-mix(in srgb, var(--accent) 84%, black 16%);max-width:1200px;margin:0 auto;padding:16px;display:grid;gap:16px;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),linear-gradient(180deg,#f7f8f7 0%,#f1f3f2 100%);border-radius:32px}.pomodoro-workbench--dark[data-v-2c9f9331]{--bg: #0f1722;--panel: rgba(18, 28, 40, .86);--panel-strong: #121d2a;--card: linear-gradient(180deg, rgba(18, 28, 40, .98), rgba(12, 19, 29, .98));--ink: #edf2f7;--muted: #95a3b0;--line: rgba(148, 163, 184, .14);--accent: #5ee38f;--accent-soft: rgba(94, 227, 143, .14);--shadow: 0 24px 52px rgba(0, 0, 0, .28);--el-color-primary: #3b82f6;--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-7: #bfdbfe;--el-color-primary-light-8: #dbeafe;--el-color-primary-light-9: rgba(59, 130, 246, .16);--el-color-primary-dark-2: #2563eb;background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 28%),linear-gradient(180deg,#101822 0%,#0d141d 100%)}.hero-card[data-v-2c9f9331],.toolbar-card[data-v-2c9f9331],.timer-card[data-v-2c9f9331],.editor-card[data-v-2c9f9331],.stats-card[data-v-2c9f9331]{border:1px solid var(--line);border-radius:30px;background:var(--card);box-shadow:var(--shadow)}.hero-card[data-v-2c9f9331]{display:grid;gap:14px;padding:14px 18px;align-items:start}.hero-kicker[data-v-2c9f9331],.section-kicker[data-v-2c9f9331]{margin:0 0 6px;text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--accent)}.hero-copy h1[data-v-2c9f9331],.pane-head h2[data-v-2c9f9331]{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.02}.hero-text[data-v-2c9f9331]{margin:6px 0 0;color:var(--muted);line-height:1.55}.toolbar-card[data-v-2c9f9331],.timer-card[data-v-2c9f9331],.editor-card[data-v-2c9f9331],.stats-card[data-v-2c9f9331]{padding:18px}.toolbar-card[data-v-2c9f9331]{display:grid;gap:14px}.toolbar-side[data-v-2c9f9331]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.toolbar-divider[data-v-2c9f9331]{width:1px;height:24px;background:var(--line);margin:0 4px}.phase-tabs[data-v-2c9f9331]{display:flex;gap:8px}.tab-btn[data-v-2c9f9331]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:inherit;cursor:pointer;transition:all .18s ease}.tab-btn[data-v-2c9f9331]:hover:not(:disabled){transform:translateY(-1px);border-color:#249f6342;background:var(--accent-soft)}.tab-btn[data-v-2c9f9331]:disabled{opacity:.5;cursor:not-allowed}.tab-btn.active[data-v-2c9f9331]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tab-icon[data-v-2c9f9331]{font-size:20px}.tab-label[data-v-2c9f9331]{font-size:12px;font-weight:500}.play-btn[data-v-2c9f9331]{min-width:100px}.timer-display-section[data-v-2c9f9331]{display:grid;place-items:center}.timer-wrapper[data-v-2c9f9331]{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.progress-ring[data-v-2c9f9331]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;pointer-events:none}.progress-ring svg[data-v-2c9f9331]{transform:rotate(-90deg)}.progress-bg[data-v-2c9f9331]{fill:none;stroke:var(--line);stroke-width:8}.progress-bar[data-v-2c9f9331]{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-bar.work[data-v-2c9f9331]{stroke:var(--accent)}.progress-bar.shortBreak[data-v-2c9f9331]{stroke:#10b981}.progress-bar.longBreak[data-v-2c9f9331]{stroke:#3b82f6}.time-display[data-v-2c9f9331]{position:relative;z-index:1;text-align:center}.time[data-v-2c9f9331]{font-size:56px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:4px;color:var(--accent)}.time.work[data-v-2c9f9331]{color:var(--accent)}.time.shortBreak[data-v-2c9f9331]{color:#10b981}.time.longBreak[data-v-2c9f9331]{color:#3b82f6}.phase-label[data-v-2c9f9331]{margin-top:8px;font-size:14px;color:var(--muted)}.workspace[data-v-2c9f9331]{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pane-head[data-v-2c9f9331]{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pane-actions[data-v-2c9f9331]{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-grid[data-v-2c9f9331]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.setting-item[data-v-2c9f9331]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.setting-label[data-v-2c9f9331]{font-size:12px;color:var(--muted);min-width:70px}.unit[data-v-2c9f9331]{font-size:12px;color:var(--muted)}.stats-grid[data-v-2c9f9331]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-item[data-v-2c9f9331]{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);text-align:center;transition:all .18s ease}.stat-item[data-v-2c9f9331]:hover{transform:translateY(-2px);border-color:#249f6342}.stat-icon[data-v-2c9f9331]{font-size:24px;margin-bottom:8px}.stat-value[data-v-2c9f9331]{font-size:28px;font-weight:700;color:var(--accent)}.stat-label[data-v-2c9f9331]{margin-top:6px;font-size:12px;color:var(--muted)}.today-section[data-v-2c9f9331]{padding-top:16px;border-top:1px solid var(--line)}.today-label[data-v-2c9f9331]{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px;text-align:center}.pomodoro-dots[data-v-2c9f9331]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pomodoro-dot[data-v-2c9f9331]{width:32px;height:32px;border-radius:50%;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--muted);transition:all .3s}.pomodoro-dot.filled[data-v-2c9f9331]{background:var(--accent);border-color:var(--accent);color:#fff}.footer-note[data-v-2c9f9331]{color:var(--muted);font-size:12px;text-align:center;padding:8px}@media (max-width: 1180px){.workspace[data-v-2c9f9331]{grid-template-columns:1fr}}@media (max-width: 768px){.pomodoro-workbench[data-v-2c9f9331]{padding:10px;border-radius:22px}.hero-card[data-v-2c9f9331],.toolbar-card[data-v-2c9f9331],.timer-card[data-v-2c9f9331],.editor-card[data-v-2c9f9331],.stats-card[data-v-2c9f9331]{padding:16px;border-radius:22px}.toolbar-side[data-v-2c9f9331],.phase-tabs[data-v-2c9f9331]{width:100%;justify-content:center}.timer-wrapper[data-v-2c9f9331],.progress-ring[data-v-2c9f9331]{width:220px;height:220px}.time[data-v-2c9f9331]{font-size:42px}.stats-grid[data-v-2c9f9331]{grid-template-columns:1fr}}