:root{--color-primary: hsl(0, 70%, 55%);--color-primary-light: hsl(0, 70%, 65%);--color-primary-dark: hsl(0, 70%, 45%);--color-secondary: hsl(210, 70%, 55%);--color-secondary-light: hsl(210, 70%, 65%);--color-secondary-dark: hsl(210, 70%, 45%);--color-accent: hsl(270, 70%, 60%);--color-accent-light: hsl(270, 70%, 70%);--color-accent-dark: hsl(270, 70%, 50%);--color-success: hsl(120, 60%, 50%);--color-warning: hsl(40, 100%, 50%);--color-error: hsl(0, 100%, 60%);--color-bg: hsl(0, 0%, 98%);--color-surface: hsl(0, 0%, 100%);--color-text: hsl(0, 0%, 15%);--color-text-muted: hsl(0, 0%, 45%);--color-border: hsl(0, 0%, 90%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.dark-mode{--color-bg: hsl(0, 0%, 10%);--color-surface: hsl(0, 0%, 15%);--color-text: hsl(0, 0%, 95%);--color-text-muted: hsl(0, 0%, 65%);--color-border: hsl(0, 0%, 25%)}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3) 0;line-height:1.2}p{margin:0 0 var(--space-3) 0}button{font-family:var(--font-family);cursor:pointer}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.drawer-content{background-image:none!important}.drawer-content[data-v-68fc2490]{background-image:none}.pomodoro-container[data-v-68fc2490]{--timer-size: min(80vw, 350px);--progress-color: var(--color-primary);width:100%;max-width:500px;padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.pomodoro-container.break-mode[data-v-68fc2490]{--progress-color: var(--color-secondary)}header[data-v-68fc2490]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}h1[data-v-68fc2490]{font-size:1.75rem;font-weight:600;margin:0}.icon-button[data-v-68fc2490]{background:transparent;border:none;color:var(--color-text);padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.icon-button[data-v-68fc2490]:hover{background-color:#0000000d}.mode-indicator[data-v-68fc2490]{text-align:center;font-size:1.25rem;font-weight:500;margin-bottom:var(--space-3);color:var(--progress-color);transition:color var(--transition-normal)}.timer-container[data-v-68fc2490]{display:flex;justify-content:center;margin-bottom:var(--space-4)}.timer-circle[data-v-68fc2490]{width:var(--timer-size);height:var(--timer-size);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--transition-slow);background:conic-gradient(var(--color-primary) var(--progress, 0%),var(--color-surface) var(--progress, 0%))}.timer-circle[data-v-68fc2490]:after{content:"";position:absolute;width:calc(var(--timer-size) - 20px);height:calc(var(--timer-size) - 20px);border-radius:50%;background-color:var(--color-surface)}@media screen and (max-width: 421px){.timer-circle[data-v-68fc2490]:after{width:calc(var(--timer-size) - 60px);height:calc(var(--timer-size) - 20px)}}.timer-display[data-v-68fc2490]{position:relative;z-index:1;text-align:center}.time[data-v-68fc2490]{font-size:clamp(2.5rem,8vw,4rem);font-weight:600;margin-bottom:var(--space-1)}.session-count[data-v-68fc2490]{font-size:1rem;color:var(--color-text-muted)}.task-container[data-v-68fc2490]{margin-bottom:var(--space-4)}label[data-v-68fc2490]{display:block;margin-bottom:var(--space-2);font-size:.9rem;color:var(--color-text-muted)}input[type=text][data-v-68fc2490]{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background-color:transparent;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text][data-v-68fc2490]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.1)}.controls[data-v-68fc2490]{display:flex;gap:var(--space-2);justify-content:center}.control-button[data-v-68fc2490]{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;transition:background-color var(--transition-fast),transform var(--transition-fast)}.settings-panel[data-v-68fc2490],.info-panel[data-v-68fc2490]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface);z-index:10;padding:var(--space-4);overflow-y:auto;animation:slideUp .3s ease}.settings-panel h2[data-v-68fc2490]{margin-bottom:var(--space-4);font-size:1.5rem}.settings-group[data-v-68fc2490]{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.setting[data-v-68fc2490]{display:flex;flex-direction:column}.setting input[type=number][data-v-68fc2490]{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background-color:transparent;color:var(--color-text)}.setting.checkbox[data-v-68fc2490]{flex-direction:row;align-items:center;gap:var(--space-3);height:1.5rem;height:32px;width:200px;border:none}.settings-actions[data-v-68fc2490]{display:flex;gap:var(--space-2);justify-content:flex-end}@media (max-width: 400px){[data-v-68fc2490]:root{--timer-size: 200px}.pomodoro-container[data-v-68fc2490]{padding:var(--space-3)}.time[data-v-68fc2490]{font-size:2.5rem}.controls[data-v-68fc2490]{flex-direction:column}h1[data-v-68fc2490]{font-size:1.5rem}}main[data-astro-cid-wueewi4y]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-3)}.drawer-content[data-astro-cid-wueewi4y]{background-image:none!important}