.pomodoro[data-v-c1c13fbf]{--tut-accent: var(--clr-primary);--tut-gradient: linear-gradient(135deg, var(--clr-teal), var(--clr-primary), var(--clr-purple));--tut-shadow: 0 10px 30px rgba(15, 23, 42, .08);--tut-shadow-strong: 0 16px 40px rgba(15, 23, 42, .12);min-height:80vh;padding-block:var(--size-xl) var(--size-4xl)}.wrap[data-v-c1c13fbf]{width:100%;max-width:1100px;margin-inline:auto;padding-inline:var(--size-m)}.eyebrow[data-v-c1c13fbf]{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;font-size:var(--size-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--clr-slate600)}.eyebrow-dot[data-v-c1c13fbf]{width:8px;height:8px;border-radius:50%;background:var(--tut-gradient)}.card[data-v-c1c13fbf]{background:var(--clr-white);border:1px solid var(--clr-slate200);border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow)}.card-title[data-v-c1c13fbf]{font-size:var(--size-l);font-weight:700;color:var(--clr-dark);margin:0}.btn-primary[data-v-c1c13fbf],.btn-ghost[data-v-c1c13fbf]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;font-family:inherit;font-size:var(--size-s);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.btn-primary[data-v-c1c13fbf]{border:none;color:var(--clr-white);background:var(--tut-accent);box-shadow:var(--tut-shadow)}.btn-primary[data-v-c1c13fbf]:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--clr-primary) 88%,#000);box-shadow:var(--tut-shadow-strong)}.btn-ghost[data-v-c1c13fbf]{border:1px solid var(--clr-slate200);background:var(--clr-white);color:var(--clr-dark)}.btn-ghost[data-v-c1c13fbf]:hover{transform:translateY(-2px);border-color:var(--tut-accent);color:var(--tut-accent)}.hero[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-s);margin-bottom:var(--size-2xl);text-align:center;align-items:center}.hero-title[data-v-c1c13fbf]{font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;background:var(--tut-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub[data-v-c1c13fbf]{font-size:var(--size-m);color:var(--clr-slate600);line-height:1.6;margin:0;max-width:56ch}.hero-sub strong[data-v-c1c13fbf]{color:var(--clr-dark)}.main-grid[data-v-c1c13fbf]{display:grid;grid-template-columns:1fr;gap:var(--size-l)}.timer[data-v-c1c13fbf]{display:flex;flex-direction:column;align-items:center;gap:var(--size-l);padding:var(--size-l)}.mode-tabs[data-v-c1c13fbf]{display:inline-flex;gap:.25rem;padding:.3rem;background:var(--clr-slate100);border-radius:999px;max-width:100%;flex-wrap:wrap;justify-content:center}.mode-tab[data-v-c1c13fbf]{border:none;background:none;padding:.5rem .9rem;border-radius:999px;font-family:inherit;font-size:var(--size-s);font-weight:600;color:var(--clr-slate600);cursor:pointer;transition:background-color .2s ease,color .2s ease}.mode-tab.active[data-v-c1c13fbf]{background:var(--clr-white);color:var(--mode-color);box-shadow:var(--box-shadow)}.dial[data-v-c1c13fbf]{position:relative;width:min(280px,72vw);aspect-ratio:1}.ring[data-v-c1c13fbf]{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg[data-v-c1c13fbf]{fill:none;stroke:var(--clr-slate100);stroke-width:8}.ring-fg[data-v-c1c13fbf]{fill:none;stroke:var(--mode-color);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .3s ease}.dial-center[data-v-c1c13fbf]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.time[data-v-c1c13fbf]{font-size:clamp(2.6rem,12vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--clr-dark);font-variant-numeric:tabular-nums}.dial-mode[data-v-c1c13fbf]{font-size:var(--size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mode-color)}.rounds[data-v-c1c13fbf]{display:flex;gap:.5rem}.round-dot[data-v-c1c13fbf]{width:10px;height:10px;border-radius:50%;background:var(--clr-slate200);transition:background-color .3s ease}.round-dot.filled[data-v-c1c13fbf]{background:var(--mode-color)}.controls[data-v-c1c13fbf]{display:flex;align-items:center;gap:var(--size-s)}.ctrl[data-v-c1c13fbf]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;font-family:inherit;font-weight:700;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.ctrl-primary[data-v-c1c13fbf]{min-width:140px;padding:.85rem 1.6rem;border-radius:999px;font-size:var(--size-m);color:var(--clr-white);background:var(--mode-color);box-shadow:var(--tut-shadow)}.ctrl-primary[data-v-c1c13fbf]:hover{transform:translateY(-2px);box-shadow:var(--tut-shadow-strong)}.ctrl-secondary[data-v-c1c13fbf]{width:46px;height:46px;border-radius:50%;font-size:var(--size-m);color:var(--clr-slate600);background:var(--clr-slate100)}.ctrl-secondary[data-v-c1c13fbf]:hover{color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 12%,var(--clr-white))}.settings-toggle[data-v-c1c13fbf]{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:.4rem .6rem;font-family:inherit;font-size:var(--size-s);font-weight:600;color:var(--clr-slate600);cursor:pointer;border-radius:999px;transition:color .2s ease}.settings-toggle[data-v-c1c13fbf]:hover{color:var(--clr-dark)}.toggle-caret[data-v-c1c13fbf]{font-size:.75rem;transition:transform .2s ease}.toggle-caret.open[data-v-c1c13fbf]{transform:rotate(180deg)}.settings[data-v-c1c13fbf]{width:100%;padding-top:var(--size-s);border-top:1px solid var(--clr-slate200);display:flex;flex-direction:column;gap:var(--size-m)}.settings-grid[data-v-c1c13fbf]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-s)}.set-field[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:.3rem;font-size:var(--size-xs);font-weight:600;color:var(--clr-slate600)}.set-input[data-v-c1c13fbf]{width:100%;min-width:0;padding:.5rem .6rem;border:1px solid var(--clr-slate200);border-radius:var(--border-radius-s);font-family:inherit;font-size:var(--size-s);font-weight:600;color:var(--clr-dark);background:var(--clr-white)}.set-input[data-v-c1c13fbf]:focus{outline:none;border-color:var(--mode-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode-color) 16%,transparent)}.settings-switches[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-xs)}.switch[data-v-c1c13fbf]{display:flex;align-items:center;gap:.6rem;font-size:var(--size-s);color:var(--clr-slate600);cursor:pointer}.switch input[data-v-c1c13fbf]{width:18px;height:18px;accent-color:var(--tut-accent);cursor:pointer}.stats[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-l);padding:var(--size-l)}.stat-tiles[data-v-c1c13fbf]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-s)}.stat-tile[data-v-c1c13fbf]{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:var(--size-m) var(--size-xs);border-radius:var(--border-radius-l);background:color-mix(in srgb,var(--clr-primary) 5%,var(--clr-white));border:1px solid var(--clr-slate200);text-align:center}.stat-icon[data-v-c1c13fbf]{color:var(--tut-accent);font-size:var(--size-m);margin-bottom:.15rem}.stat-num[data-v-c1c13fbf]{font-size:var(--size-2xl);font-weight:800;color:var(--clr-dark);line-height:1;font-variant-numeric:tabular-nums}.stat-label[data-v-c1c13fbf]{font-size:var(--size-xs);color:var(--clr-slate600)}.chart[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-s)}.chart-head[data-v-c1c13fbf]{font-size:var(--size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-slate400)}.chart-bars[data-v-c1c13fbf]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--size-xs);align-items:end;height:120px}.chart-col[data-v-c1c13fbf]{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%}.chart-bar-wrap[data-v-c1c13fbf]{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar[data-v-c1c13fbf]{width:70%;min-height:4px;border-radius:var(--border-radius-s);background:color-mix(in srgb,var(--clr-primary) 55%,var(--clr-white));transition:height .4s ease}.chart-bar.today[data-v-c1c13fbf]{background:var(--tut-accent)}.chart-bar.zero[data-v-c1c13fbf]{background:var(--clr-slate200)}.chart-label[data-v-c1c13fbf]{font-size:var(--size-3xs);font-weight:600;color:var(--clr-slate400)}.chart-label.today[data-v-c1c13fbf]{color:var(--tut-accent)}.stats-footer[data-v-c1c13fbf]{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding-top:var(--size-m);border-top:1px solid var(--clr-slate200)}.stats-total[data-v-c1c13fbf]{display:flex;flex-direction:column}.stats-total-num[data-v-c1c13fbf]{font-size:var(--size-xl);font-weight:800;color:var(--clr-dark);line-height:1.1}.stats-total-label[data-v-c1c13fbf]{font-size:var(--size-xs);color:var(--clr-slate600)}.stats-reset[data-v-c1c13fbf]{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--clr-slate200);border-radius:999px;padding:.45rem .8rem;font-family:inherit;font-size:var(--size-xs);font-weight:600;color:var(--clr-slate600);cursor:pointer;transition:border-color .2s ease,color .2s ease}.stats-reset[data-v-c1c13fbf]:hover{border-color:var(--clr-red);color:var(--clr-red)}.section-head[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-xs);margin:var(--size-10xl) 0 var(--size-l)}.section-title[data-v-c1c13fbf]{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;line-height:1.15;color:var(--clr-dark);margin:0}.faq[data-v-c1c13fbf]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-xs)}.faq-item[data-v-c1c13fbf]{border:1px solid var(--clr-slate200);border-radius:var(--border-radius-l);background:var(--clr-white);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item.open[data-v-c1c13fbf]{border-color:color-mix(in srgb,var(--clr-primary) 40%,var(--clr-slate200));box-shadow:var(--box-shadow)}.faq-q[data-v-c1c13fbf]{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);width:100%;padding:var(--size-m);background:none;border:none;text-align:left;font-family:inherit;font-size:var(--size-m);font-weight:600;color:var(--clr-dark);cursor:pointer}.faq-chevron[data-v-c1c13fbf]{color:var(--clr-slate400);transition:transform .25s ease;flex-shrink:0}.faq-item.open .faq-chevron[data-v-c1c13fbf]{transform:rotate(180deg);color:var(--clr-primary)}.faq-a[data-v-c1c13fbf]{padding:0 var(--size-m) var(--size-m);font-size:var(--size-s);color:var(--clr-slate600);line-height:1.6}.cross-cta[data-v-c1c13fbf]{display:flex;flex-direction:column;gap:var(--size-m);margin-top:var(--size-xl);padding:var(--size-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--clr-primary) 8%,var(--clr-white)),color-mix(in srgb,var(--clr-purple) 7%,var(--clr-white)))}.cross-title[data-v-c1c13fbf]{font-size:var(--size-l);font-weight:700;color:var(--clr-dark);margin:0 0 .35rem}.cross-text[data-v-c1c13fbf]{font-size:var(--size-s);color:var(--clr-slate600);line-height:1.6;margin:0}.cross-actions[data-v-c1c13fbf]{display:flex;flex-wrap:wrap;gap:var(--size-s)}@media (min-width: 768px){.main-grid[data-v-c1c13fbf]{grid-template-columns:1fr 1fr;align-items:start}.timer[data-v-c1c13fbf],.stats[data-v-c1c13fbf]{padding:var(--size-xl)}.cross-cta[data-v-c1c13fbf]{flex-direction:row;align-items:center;justify-content:space-between}.cross-actions[data-v-c1c13fbf]{flex-shrink:0}}@media (prefers-reduced-motion: reduce){.btn-primary[data-v-c1c13fbf]:hover,.btn-ghost[data-v-c1c13fbf]:hover,.ctrl-primary[data-v-c1c13fbf]:hover,.chart-bar[data-v-c1c13fbf],.ring-fg[data-v-c1c13fbf],.faq-chevron[data-v-c1c13fbf]{transform:none;transition:none}}