@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg: #fdf2f8;--surface: #ffffff;--text: #4a3548;--text-muted: #9b8a99;--accent: #f472b6;--accent-light: #fbcfe8;--ring: rgba(244, 114, 182, .3);--shadow: 0 8px 30px rgba(244, 114, 182, .12);--radius: 1.25rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .5s ease,color .3s ease}[data-theme=lavender]{--bg: #ede9fe;--surface: #ffffff;--text: #3b3263;--text-muted: #8b82ad;--accent: #a78bfa;--accent-light: #ddd6fe;--ring: rgba(167, 139, 250, .3);--shadow: 0 8px 30px rgba(167, 139, 250, .15)}[data-theme=mint]{--bg: #d1fae5;--surface: #ffffff;--text: #2d4a4a;--text-muted: #6ea8a8;--accent: #34d399;--accent-light: #a7f3d0;--ring: rgba(52, 211, 153, .3);--shadow: 0 8px 30px rgba(52, 211, 153, .15)}[data-theme=peach]{--bg: #fff7ed;--surface: #ffffff;--text: #5a3e2b;--text-muted: #b89a7d;--accent: #fb923c;--accent-light: #fed7aa;--ring: rgba(251, 146, 60, .3);--shadow: 0 8px 30px rgba(251, 146, 60, .12)}[data-theme=sky]{--bg: #e0f2fe;--surface: #ffffff;--text: #2b4a6b;--text-muted: #7da8c9;--accent: #38bdf8;--accent-light: #bae6fd;--ring: rgba(56, 189, 248, .3);--shadow: 0 8px 30px rgba(56, 189, 248, .15)}[data-theme=rose]{--bg: #ffe4e6;--surface: #ffffff;--text: #5c2b35;--text-muted: #b87a85;--accent: #fb7185;--accent-light: #fecdd3;--ring: rgba(251, 113, 133, .3);--shadow: 0 8px 30px rgba(251, 113, 133, .15)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:2rem}.theme-picker{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.theme-dot{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:var(--text);transform:scale(1.15)}.theme-dot[data-t=rose]{background:#fb7185}.theme-dot[data-t=peach]{background:#fb923c}.theme-dot[data-t=mint]{background:#34d399}.theme-dot[data-t=sky]{background:#38bdf8}.theme-dot[data-t=lavender]{background:#a78bfa}.timer-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:3rem 2.5rem;text-align:center;width:100%;max-width:420px;transition:background .4s ease,box-shadow .4s ease}.mode-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.mode-tab{padding:.5rem 1.25rem;border-radius:999px;border:2px solid var(--accent-light);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s}.mode-tab:hover{border-color:var(--accent);color:var(--text)}.mode-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.timer-ring-container{position:relative;width:240px;height:240px;margin:0 auto 2rem}.timer-ring-bg,.timer-ring-progress{fill:none;stroke-width:8}.timer-ring-bg{stroke:var(--accent-light)}.timer-ring-progress{stroke:var(--accent);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s ease}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-time{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text)}.timer-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.5rem}.timer-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn{padding:.85rem 2rem;border-radius:999px;border:none;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--ring)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--ring)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--accent-light);color:var(--text)}.btn-secondary:hover{opacity:.85}.sessions{display:flex;gap:.4rem;justify-content:center;margin-bottom:1rem}.session-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-light);transition:background .3s}.session-dot.filled{background:var(--accent)}.session-count{font-size:.8rem;color:var(--text-muted);font-weight:600}.duration-picker{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.duration-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent-light);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.duration-btn:hover{border-color:var(--accent);color:var(--text)}.duration-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-bar{display:flex;gap:2rem;justify-content:center;padding:1rem 1.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;transition:background .4s ease}.stat{text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--accent)}.stat-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.quote{font-size:.85rem;color:var(--text-muted);font-style:italic;max-width:380px;text-align:center;line-height:1.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulsing .timer-time{animation:pulse 2s ease-in-out infinite}@media(max-width:480px){.timer-card{padding:2rem 1.5rem}.timer-ring-container{width:200px;height:200px}.timer-time{font-size:2.75rem}}