:root{--clr-background: #f3f7f8;--clr-surface: #e8f0f0;--clr-text-primary: #485862;--clr-text-secondary: #6b7a85;--clr-accent: #7ab5b5;--clr-progress-ring: #5a8090;--clr-alert: #f7d4a0;--clr-work: #5a8090;--clr-short-break: #6b8870;--clr-long-break: #8884c0;--clr-background-soft: #f8fafb;--clr-surface-soft: #ecf2f2;--clr-accent-light: rgba(122, 181, 181, .1);--clr-accent-lighter: rgba(122, 181, 181, .05);--gradient-surface: linear-gradient( 145deg, var(--clr-surface) 0%, rgba(232, 240, 240, .8) 100% );--gradient-card: linear-gradient( 145deg, rgba(255, 255, 255, .9) 0%, var(--clr-surface) 100% );--gradient-button: linear-gradient( 145deg, var(--clr-accent) 0%, rgba(122, 181, 181, .9) 100% );--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", system-ui, sans-serif;--line-height-base: 1.6;--line-height-tight: 1.4;--line-height-heading: 1.2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--space-xs: clamp(6px, 1.5vw, 8px);--space-sm: clamp(12px, 3vw, 16px);--space-md: clamp(18px, 4.5vw, 24px);--space-lg: clamp(24px, 6vw, 32px);--space-xl: clamp(32px, 8vw, 48px);--font-size-base: clamp(14px, 3.5vw, 16px);--font-size-lg: clamp(16px, 4vw, 20px);--font-size-xl: clamp(20px, 5vw, 24px);--font-size-2xl: clamp(24px, 6vw, 32px);--font-size-3xl: clamp(28px, 7vw, 40px);--font-size-timer: clamp(42px, 12vw, 64px);--radius-sm: 8px;--radius-md: 12px;--transition-duration: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--transition-theme-duration: .4s;--transition-theme-easing: cubic-bezier(.25, .46, .45, .94);--ring-animation-duration: 2s;--shadow-soft: 0 2px 12px rgba(72, 88, 98, .06), 0 1px 4px rgba(72, 88, 98, .04);--shadow-medium: 0 4px 16px rgba(72, 88, 98, .08), 0 2px 6px rgba(72, 88, 98, .06);--shadow-large: 0 8px 24px rgba(72, 88, 98, .1), 0 4px 12px rgba(72, 88, 98, .08);--shadow-focus: 0 0 0 3px var(--clr-accent-light);--border-subtle: 1px solid rgba(122, 181, 181, .2)}html[data-theme=light]{--clr-background: #f3f7f8;--clr-surface: #e8f0f0;--clr-text-primary: #485862;--clr-text-secondary: #6b7a85;--clr-accent: #7ab5b5;--clr-progress-ring: #5a8090;--clr-alert: #f7d4a0;--clr-work: #5a8090;--clr-short-break: #6b8870;--clr-long-break: #8884c0;--clr-background-soft: #f8fafb;--clr-surface-soft: #ecf2f2;--clr-accent-light: rgba(122, 181, 181, .1);--clr-accent-lighter: rgba(122, 181, 181, .05);--shadow-soft: 0 2px 8px rgba(72, 88, 98, .08);--shadow-focus: 0 0 0 3px var(--clr-accent-light);--border-subtle: 1px solid rgba(122, 181, 181, .2)}html[data-theme=dark]{--clr-background: #0f1419;--clr-surface: #1a2025;--clr-text-primary: #e6f1f5;--clr-text-secondary: #b8c5cd;--clr-accent: #6dd4d4;--clr-progress-ring: #5fb8c4;--clr-alert: #f4c430;--clr-work: #5fb8c4;--clr-short-break: #7bc17b;--clr-long-break: #a594d9;--clr-background-soft: #13181e;--clr-surface-soft: #1e262c;--clr-accent-light: rgba(109, 212, 212, .15);--clr-accent-lighter: rgba(109, 212, 212, .08);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px var(--clr-accent-light);--border-subtle: 1px solid rgba(109, 212, 212, .25)}html[data-theme=light] body{background-color:var(--clr-background);color:var(--clr-text-primary)}html[data-theme=light] .timer-container{background-color:var(--clr-surface);color:var(--clr-text-primary)}html[data-theme=light] .timer-title{color:var(--clr-text-primary)}html[data-theme=dark] body{background-color:var(--clr-background);color:var(--clr-text-primary)}html[data-theme=dark] .timer-container{background-color:var(--clr-surface);color:var(--clr-text-primary)}html[data-theme=dark] .timer-title{color:var(--clr-text-primary)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--clr-background: #0f1419;--clr-surface: #1a2025;--clr-text-primary: #e6f1f5;--clr-text-secondary: #b8c5cd;--clr-accent: #6dd4d4;--clr-progress-ring: #5fb8c4;--clr-alert: #f4c430;--clr-work: #5fb8c4;--clr-short-break: #7bc17b;--clr-long-break: #a594d9;--clr-background-soft: #13181e;--clr-surface-soft: #1e262c;--clr-accent-light: rgba(109, 212, 212, .15);--clr-accent-lighter: rgba(109, 212, 212, .08);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px var(--clr-accent-light);--border-subtle: 1px solid rgba(109, 212, 212, .25)}}@media (prefers-contrast: high){:root{--clr-text-primary: #2b2b2b}}@media (prefers-reduced-motion: reduce){:root{--transition-duration: 0s;--ring-animation-duration: 0s;--transition-easing: linear}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transform:none!important;transition:none!important}button:hover,input:hover,*:hover{transform:none!important}}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{transition:background-color var(--transition-theme-duration) var(--transition-theme-easing),color var(--transition-theme-duration) var(--transition-theme-easing),border-color var(--transition-theme-duration) var(--transition-theme-easing),box-shadow var(--transition-theme-duration) var(--transition-theme-easing),fill var(--transition-theme-duration) var(--transition-theme-easing),stroke var(--transition-theme-duration) var(--transition-theme-easing)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--clr-text-primary);background-color:var(--clr-background);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-variant-ligatures:common-ligatures}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);font-weight:600}.timer-numbers,input[type=number],.timer-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--clr-accent);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);transition:box-shadow var(--transition-duration) var(--transition-easing)}input:focus-visible,button:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-soft);border-color:var(--clr-accent)}button{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;touch-action:manipulation;letter-spacing:var(--letter-spacing-wide);font-weight:500}button,[role=button]{min-height:44px;min-width:44px}input{font-family:var(--font-family);letter-spacing:var(--letter-spacing-normal)}::selection{background-color:var(--clr-accent);color:#fff;text-shadow:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.timer-container{background-color:var(--clr-surface);border-radius:20px;padding:var(--space-xl);max-width:min(520px,95vw);width:100%;text-align:center;box-shadow:var(--shadow-medium);border:var(--border-subtle);transition:all var(--transition-duration) var(--transition-easing);margin:0 auto;position:relative;overflow:hidden}.timer-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(122,181,181,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(122,181,181,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.timer-container>*{position:relative;z-index:1}.timer-container:hover{box-shadow:var(--shadow-large);transform:translateY(-1px)}.timer-header{margin-bottom:var(--space-lg)}.timer-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--clr-text-primary);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight)}.timer-state{font-size:var(--font-size-lg);font-weight:500;color:var(--clr-accent);margin-bottom:var(--space-xs);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.session-info{font-size:var(--font-size-base);color:var(--clr-text-primary);opacity:.8;font-weight:500;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.task-input-section{margin:var(--space-lg) auto;text-align:center;display:flex;flex-direction:column;align-items:center}.task-label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--clr-text-primary);margin-bottom:var(--space-sm);letter-spacing:var(--letter-spacing-normal)}.task-input{width:100%;max-width:min(400px,90%);padding:var(--space-sm);border:2px solid var(--clr-accent);border-radius:var(--radius-md);background-color:var(--clr-background);color:var(--clr-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:400;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-base);text-align:center;transition:border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease;min-height:44px;margin:0 auto}.task-input:focus{outline:none;border-color:var(--clr-work);box-shadow:var(--shadow-focus),var(--shadow-soft);background-color:var(--clr-background-soft)}.task-input::placeholder{color:var(--clr-text-primary);opacity:.6;font-style:italic}.current-task-display{margin-top:var(--space-sm);padding:var(--space-sm);background-color:var(--clr-accent-light);border-radius:var(--radius-sm);border-left:4px solid var(--clr-accent);box-shadow:var(--shadow-soft);max-width:min(400px,90%);margin-left:auto;margin-right:auto}.task-prefix{font-size:14px;font-weight:500;color:var(--clr-text-primary);opacity:.8;display:block;margin-bottom:var(--space-xs);letter-spacing:var(--letter-spacing-wide)}.task-text{font-size:var(--font-size-lg);font-weight:600;color:var(--clr-accent);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);word-break:break-word}.timer-display{position:relative;margin:var(--space-xl) auto;width:clamp(140px,35vw,200px);height:clamp(140px,35vw,200px);display:flex;align-items:center;justify-content:center}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.progress-ring__background{fill:none;stroke:var(--clr-surface-soft);stroke-width:10;opacity:.4;filter:drop-shadow(0 0 2px rgba(122,181,181,.1))}.progress-ring__progress{fill:none;stroke:#5a8090;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);transform-origin:center;filter:drop-shadow(0 2px 4px rgba(90,128,144,.2))}.timer-container[data-state=work] .progress-ring__progress{stroke:#5a8090}.timer-container[data-state=short-break] .progress-ring__progress{stroke:#6b8870}.timer-container[data-state=long-break] .progress-ring__progress{stroke:#8884c0}.timer-container[data-overtime=true] .progress-ring__progress{animation:gentle-pulse-ring 2s ease-in-out infinite alternate}@keyframes gentle-pulse-ring{0%{opacity:.75;stroke-width:6}to{opacity:.9;stroke-width:7}}.timer-text{position:relative;z-index:1;font-size:var(--font-size-timer);font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1,"liga" 0;color:#485862;line-height:1;letter-spacing:-.025em;text-shadow:0 1px 3px rgba(72,88,98,.06);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;white-space:nowrap}.timer-controls{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md);flex-wrap:wrap}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-duration) var(--transition-easing);min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);box-shadow:var(--shadow-soft);border:2px solid transparent}.btn-primary{background-color:var(--clr-accent);color:#fff;border:2px solid var(--clr-accent)}.btn-primary:hover{background-color:var(--clr-text-primary);border-color:var(--clr-text-primary);box-shadow:0 4px 12px #48586226;transform:translateY(-1px)}.btn-secondary{background-color:var(--clr-background-soft);color:var(--clr-accent);border:2px solid var(--clr-accent)}.btn-secondary:hover{background-color:var(--clr-accent-light);color:var(--clr-text-primary);border-color:var(--clr-accent);box-shadow:0 2px 8px #7ab5b51f}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{background-color:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.micro-sprint-section{margin:var(--space-lg) 0;padding:var(--space-md);background-color:var(--clr-accent-lighter);border-radius:var(--radius-md);border-left:4px solid var(--clr-accent);text-align:center}.micro-sprint-title{font-size:var(--font-size-lg);font-weight:600;color:var(--clr-text-primary);margin-bottom:var(--space-xs);letter-spacing:var(--letter-spacing-tight)}.micro-sprint-subtitle{font-size:14px;color:var(--clr-text-secondary);margin-bottom:var(--space-md);font-weight:400;opacity:.9;line-height:var(--line-height-base)}.micro-sprint-controls{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.btn-micro-sprint{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--clr-background);border:2px solid var(--clr-accent);border-radius:var(--radius-md);color:var(--clr-accent);font-weight:600;min-width:100px;min-height:70px;transition:all var(--transition-duration) var(--transition-easing)}.btn-micro-sprint:hover{background-color:var(--clr-accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #7ab5b533}.sprint-duration{font-size:var(--font-size-lg);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.sprint-label{font-size:12px;font-weight:500;letter-spacing:var(--letter-spacing-wide);line-height:1;opacity:.8}.btn-micro-sprint:hover .sprint-label{opacity:1}.timer-settings{margin:var(--space-xl) 0;padding:var(--space-lg);background-color:var(--clr-surface-soft);border-radius:var(--radius-md);border:var(--border-subtle)}.settings-title{font-size:var(--font-size-xl);font-weight:600;color:var(--clr-text-primary);margin-bottom:var(--space-lg);text-align:center;letter-spacing:var(--letter-spacing-tight)}.setting-group{margin-bottom:var(--space-lg)}.setting-group:last-child{margin-bottom:0}.setting-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);color:var(--clr-text-primary);font-weight:500;margin-bottom:var(--space-sm);letter-spacing:var(--letter-spacing-normal)}.setting-value{font-weight:700;color:var(--clr-accent);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.slider-container{display:flex;align-items:center;gap:var(--space-sm)}.slider-min,.slider-max{font-size:12px;color:var(--clr-text-secondary);font-weight:500;min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.setting-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:linear-gradient(to right,var(--clr-accent) 0%,var(--clr-accent) var(--slider-progress, 50%),var(--clr-surface) var(--slider-progress, 50%),var(--clr-surface) 100%);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-duration) var(--transition-easing);cursor:pointer}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--clr-accent);border:2px solid white;box-shadow:0 2px 6px #7ab5b54d;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.setting-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--clr-accent);border:2px solid white;box-shadow:0 2px 6px #7ab5b54d;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.setting-slider:focus{outline:2px solid var(--clr-accent);outline-offset:2px}.setting-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--clr-accent-light),0 2px 6px #7ab5b54d}.setting-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px var(--clr-accent-light),0 2px 6px #7ab5b54d}.setting-slider:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 4px 12px #7ab5b566}.setting-slider:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 4px 12px #7ab5b566}.setting-input{width:60px;padding:var(--space-xs);border:1px solid var(--clr-accent);border-radius:var(--radius-sm);background-color:var(--clr-background);color:var(--clr-text-primary);text-align:center;font-size:var(--font-size-base);font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:var(--letter-spacing-normal)}.book-shelf{margin:var(--space-xl) 0 var(--space-lg) 0;padding:var(--space-lg);background-color:var(--clr-background-soft);border-radius:var(--radius-md);border:var(--border-subtle);text-align:center}.book-shelf-title{font-size:var(--font-size-xl);font-weight:600;color:var(--clr-text-primary);margin-bottom:var(--space-xs);letter-spacing:var(--letter-spacing-tight)}.book-shelf-subtitle{font-size:var(--font-size-base);color:var(--clr-text-secondary);margin-bottom:var(--space-lg);font-weight:400;opacity:.8}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.book-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background-color:var(--clr-background);border:2px solid var(--clr-accent-lighter);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-duration) var(--transition-easing);min-height:120px}.book-card:hover{border-color:var(--clr-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px);background-color:var(--clr-background-soft)}.book-cover{flex-shrink:0;width:60px;height:80px;background-color:var(--clr-accent-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--clr-accent)}.book-placeholder{font-size:24px;line-height:1}.book-info{flex:1;text-align:left;min-width:0}.book-title{font-size:var(--font-size-lg);font-weight:600;color:var(--clr-text-primary);margin:0 0 var(--space-xs) 0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.book-author{font-size:var(--font-size-base);color:var(--clr-accent);font-weight:500;margin:0 0 var(--space-xs) 0;letter-spacing:var(--letter-spacing-normal)}.book-description{font-size:14px;color:var(--clr-text-secondary);line-height:var(--line-height-base);margin:0;opacity:.9}.affiliate-disclosure{margin:0;padding:var(--space-sm);background-color:var(--clr-accent-lighter);border-radius:var(--radius-sm);border-left:3px solid var(--clr-accent)}.affiliate-disclosure small{font-size:12px;color:var(--clr-text-secondary);line-height:var(--line-height-base);font-weight:400}.timer-status{margin-top:var(--space-md);padding:var(--space-sm);background-color:var(--clr-alert);border-radius:var(--radius-sm);font-weight:500;color:var(--clr-text-primary);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-base)}.timer-status:empty{display:none}.dark-mode-toggle{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--clr-surface);border:2px solid var(--clr-accent);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing),background-color .4s var(--transition-easing),color .4s var(--transition-easing),border-color .4s var(--transition-easing),box-shadow .4s var(--transition-easing);display:flex;align-items:center;flex-direction:column;gap:2px;color:var(--clr-text-primary);font-size:12px;font-weight:500;letter-spacing:var(--letter-spacing-wide);min-height:60px;min-width:80px;z-index:100;box-shadow:var(--shadow-soft);text-align:center}.dark-mode-toggle.light-mode-active{background-color:#f3f7f8;color:#485862;border-color:#7ab5b5;transition:all .4s var(--transition-easing)}.dark-mode-toggle.light-mode-active:hover{background-color:#e8f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #7ab5b533}.dark-mode-toggle.dark-mode-active{background-color:#6dd4d4;color:#0f1419;border-color:#6dd4d4;transition:all .4s var(--transition-easing)}.dark-mode-toggle.dark-mode-active:hover{background-color:#5fc7c7;transform:translateY(-1px);box-shadow:0 4px 12px #6dd4d44d}.dark-mode-toggle:focus-visible{outline:2px solid var(--clr-accent);outline-offset:2px}.dark-mode-toggle-icon{font-size:20px;transition:transform var(--transition-duration) var(--transition-easing),opacity .2s var(--transition-easing);margin-bottom:2px}.dark-mode-toggle:hover .dark-mode-toggle-icon{transform:rotate(15deg) scale(1.1)}.dark-mode-toggle:active .dark-mode-toggle-icon{transform:rotate(180deg) scale(.9);transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.dark-mode-toggle-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:1px}.dark-mode-current-state{font-size:9px;opacity:.7;font-weight:400;letter-spacing:0px}@media (max-width: 480px){.dark-mode-toggle{top:var(--space-sm);right:var(--space-sm);min-height:50px;min-width:60px;padding:var(--space-xs)}.dark-mode-toggle-label{font-size:10px}.dark-mode-current-state{font-size:8px}}@media (min-width: 576px){.timer-container{padding:var(--space-xl)}.timer-controls{gap:var(--space-md)}.btn{min-width:120px}.timer-settings{gap:var(--space-md)}}@media (min-width: 768px){body{padding:var(--space-md)}.timer-container{max-width:min(600px,90vw);padding:clamp(var(--space-xl),5vw,3rem)}.timer-display{width:clamp(180px,30vw,220px);height:clamp(180px,30vw,220px)}.timer-controls{flex-direction:row;justify-content:center;gap:var(--space-lg)}.btn{min-width:140px;padding:var(--space-md) var(--space-lg)}.task-input{max-width:450px}.timer-settings{padding:clamp(var(--space-lg),4vw,2rem)}.settings-title{font-size:var(--font-size-xl)}.setting-group{margin-bottom:var(--space-lg)}.setting-label{font-size:var(--font-size-lg)}}@media (min-width: 992px){.timer-container{max-width:650px;padding:3rem}.timer-header{margin-bottom:2.5rem}.timer-display{margin:2.5rem auto;width:240px;height:240px}.timer-controls{gap:2rem;margin-bottom:2rem}.btn{min-width:160px;padding:1rem 1.5rem;font-size:1.1rem}.task-input{max-width:500px;padding:1rem}.timer-settings{gap:2rem}.setting-input{width:70px;padding:.75rem}}@media (min-width: 1200px){.timer-container{max-width:700px}.timer-display{width:260px;height:260px}.btn:hover{transform:translateY(-2px)}}@media (max-width: 575.98px){body{padding:var(--space-xs)}.timer-container{padding:var(--space-md);margin:var(--space-xs);border-radius:var(--radius-sm)}.timer-title{font-size:clamp(20px,5vw,24px);margin-bottom:var(--space-xs)}.timer-state{font-size:clamp(14px,3.5vw,16px)}.session-info{font-size:clamp(12px,3vw,14px)}.timer-display{width:clamp(120px,50vw,160px);height:clamp(120px,50vw,160px)}.timer-text{font-size:clamp(32px,10vw,48px)}.timer-controls{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.btn{width:100%;min-height:52px;font-size:clamp(14px,3.5vw,16px);padding:var(--space-sm)}.task-input-section{margin:var(--space-md) 0}.task-input{max-width:100%;font-size:clamp(14px,3.5vw,16px);padding:var(--space-sm)}.task-text{font-size:clamp(14px,3.5vw,16px)}.timer-settings{flex-direction:column;gap:var(--space-md);align-items:center}.setting-group{width:100%;max-width:200px}.timer-settings{padding:var(--space-md);margin:var(--space-md) 0}.settings-title{font-size:clamp(16px,4vw,18px);margin-bottom:var(--space-md)}.setting-group{margin-bottom:var(--space-md)}.setting-label{font-size:clamp(14px,3.5vw,16px);margin-bottom:var(--space-xs)}.slider-container{gap:var(--space-xs)}.setting-slider{height:10px}.setting-slider::-webkit-slider-thumb{width:22px;height:22px}.setting-slider::-moz-range-thumb{width:22px;height:22px}.slider-min,.slider-max{font-size:11px;min-width:16px}.setting-input{width:80px;min-height:44px;font-size:clamp(14px,3.5vw,16px)}.book-grid{grid-template-columns:1fr;gap:var(--space-sm)}.book-card{min-height:auto;padding:var(--space-sm)}.book-cover{width:50px;height:65px}.book-placeholder{font-size:20px}.book-title{font-size:clamp(14px,3.5vw,16px)}.book-author{font-size:clamp(12px,3vw,14px)}.book-description{font-size:clamp(11px,2.5vw,13px)}.micro-sprint-controls{flex-direction:column;gap:var(--space-sm);align-items:stretch}.btn-micro-sprint{min-width:auto;width:100%;max-width:200px;margin:0 auto;min-height:60px;padding:var(--space-sm)}.micro-sprint-title{font-size:clamp(16px,4vw,18px)}.micro-sprint-subtitle{font-size:clamp(12px,3vw,14px)}.sprint-duration{font-size:clamp(16px,4vw,18px)}}@media (max-width: 767.98px) and (orientation: landscape){.timer-container{padding:var(--space-md) var(--space-lg);max-width:90vw}.timer-display{margin:var(--space-md) auto;width:clamp(100px,25vw,140px);height:clamp(100px,25vw,140px)}.timer-text{font-size:clamp(24px,8vw,36px)}.timer-controls{flex-direction:row;gap:var(--space-sm)}.btn{min-width:auto;flex:1;max-width:120px}.timer-settings{flex-direction:row;gap:var(--space-md)}}.keyboard-shortcuts{position:fixed;bottom:var(--space-sm);right:var(--space-sm);background-color:var(--clr-surface-soft);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:12px;color:var(--clr-text-secondary);box-shadow:var(--shadow-soft);opacity:.7;transition:opacity var(--transition-duration) var(--transition-easing);pointer-events:none;z-index:1000}.keyboard-shortcuts:hover{opacity:1}.keyboard-shortcuts kbd{background-color:var(--clr-background);padding:2px 6px;border-radius:3px;font-family:monospace;font-size:11px;font-weight:600;margin:0 2px;border:1px solid var(--clr-accent);color:var(--clr-accent)}@media (max-width: 480px){.keyboard-shortcuts{display:none}.dark-mode-toggle{top:var(--space-sm);right:var(--space-sm)}}@media (pointer: coarse){.btn{min-height:52px;padding:var(--space-sm) var(--space-md)}.task-input{min-height:52px;padding:var(--space-md)}.setting-input{min-height:52px;padding:var(--space-sm)}button,input{min-height:44px}.book-card{min-height:110px;padding:var(--space-md)}.book-card:hover{transform:none}.btn-micro-sprint{min-height:70px;padding:var(--space-md);touch-action:manipulation}.btn-micro-sprint:hover{transform:none}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f1f6f7f2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--clr-accent-light);border-top:3px solid var(--clr-accent);border-radius:50%;animation:gentle-spin 1.5s ease-in-out infinite}@keyframes gentle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border:3px solid var(--clr-accent)}.loading-spinner:after{content:"Loading...";position:absolute;top:50px;left:50%;transform:translate(-50%);font-size:14px;color:var(--clr-text-primary);white-space:nowrap}}.save-indicator{position:fixed;top:var(--space-sm);left:var(--space-sm);background-color:var(--clr-accent-light);color:var(--clr-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;opacity:0;transform:translateY(-10px);transition:all var(--transition-duration) var(--transition-easing);z-index:1000;pointer-events:none}.save-indicator.show{opacity:1;transform:translateY(0)}.save-indicator.error{background-color:var(--clr-alert);color:var(--clr-text-primary)}@media (max-width: 480px){.save-indicator{display:none}}@media print{.timer-container{box-shadow:none;border:2px solid var(--clr-accent)}.keyboard-shortcuts,.loading-overlay,.save-indicator,.timer-controls{display:none}}.dark-mode-toggle-minimal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;opacity:.7;transition:all .2s ease;z-index:10}.dark-mode-toggle-minimal:hover{opacity:1;background-color:var(--clr-surface);transform:scale(1.1)}.timer-header-minimal{margin-bottom:var(--space-md)}.timer-header-minimal .timer-state{font-size:var(--font-size-lg);font-weight:600;color:var(--clr-accent);letter-spacing:var(--letter-spacing-wide);margin-bottom:0;opacity:.8}.mode-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-md) auto var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:16px;max-width:400px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #7ab5b514}.mode-indicator--work{background-color:#5a809014;border:2px solid rgba(90,128,144,.2);color:var(--clr-work)}.mode-indicator--short-break{background-color:#6b887014;border:2px solid rgba(107,136,112,.2);color:var(--clr-short-break)}.mode-indicator--long-break{background-color:#8884c014;border:2px solid rgba(136,132,192,.2);color:var(--clr-long-break)}.mode-indicator__icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background-color:#fffc;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.mode-indicator__text{text-align:left;flex:1}.mode-indicator__label{font-size:var(--font-size-lg);font-weight:700;margin-bottom:.25rem;line-height:1.2}.mode-indicator__description{font-size:13px;opacity:.8;font-weight:500;line-height:1.3}.mode-indicator__pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;opacity:0;pointer-events:none}.timer-container[data-state=work][data-running=true] .mode-indicator--work .mode-indicator__pulse{animation:gentle-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#5a80900d,#5a809005)}.timer-container[data-state=short-break][data-running=true] .mode-indicator--short-break .mode-indicator__pulse{animation:gentle-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#6b88700d,#6b887005)}.timer-container[data-state=long-break][data-running=true] .mode-indicator--long-break .mode-indicator__pulse{animation:gentle-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#8884c00d,#8884c005)}@keyframes gentle-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.task-input-minimal{margin:var(--space-md) auto var(--space-lg);max-width:320px;display:flex;justify-content:center}.task-input-minimal input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid rgba(122,181,181,.3);border-radius:12px;background-color:var(--clr-background);color:var(--clr-text-primary);font-size:var(--font-size-base);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px;box-shadow:0 2px 8px #7ab5b50d}.task-input-minimal input:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px #7ab5b526,0 4px 12px #7ab5b51a;transform:translateY(-1px)}.task-input-minimal input::placeholder{color:var(--clr-text-secondary);opacity:.7}.current-task-minimal{margin:var(--space-sm) auto var(--space-md);max-width:340px;padding:var(--space-sm) var(--space-md);background-color:var(--clr-accent-light);border-radius:12px;border-left:4px solid var(--clr-accent);box-shadow:0 2px 8px #7ab5b514;position:relative;overflow:hidden}.current-task-minimal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--clr-accent-lighter);opacity:.5}.task-text-minimal{font-size:var(--font-size-base);font-weight:600;color:var(--clr-accent);line-height:var(--line-height-tight);position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.timer-display-focused{position:relative;margin:var(--space-xl) auto;width:clamp(180px,40vw,240px);height:clamp(180px,40vw,240px);display:flex;align-items:center;justify-content:center}.timer-display-focused .timer-text{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--clr-text-primary);letter-spacing:-.02em}.primary-action{margin:var(--space-lg) auto;display:flex;justify-content:center}.btn-primary-large{background-color:var(--clr-accent);color:#fff;border:none;border-radius:16px;padding:1.25rem 2.5rem;font-size:var(--font-size-lg);font-weight:600;min-height:60px;min-width:140px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-primary-large:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-primary-large:hover:before{opacity:1}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:var(--shadow-large);filter:brightness(1.05)}.btn-primary-large:active{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.secondary-controls{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-md) auto;flex-wrap:wrap}.btn-minimal{background:var(--clr-background);border:1px solid var(--clr-accent);color:var(--clr-accent);border-radius:10px;padding:.6rem 1.2rem;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:40px;opacity:.85;box-shadow:0 1px 3px #7ab5b51a;position:relative;overflow:hidden}.btn-minimal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--clr-accent-light);opacity:0;transition:opacity .3s ease}.btn-minimal:hover:before{opacity:1}.btn-minimal:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #7ab5b526;border-color:var(--clr-accent)}.btn-minimal--disabled{opacity:.4;cursor:not-allowed;border-color:var(--clr-surface);color:var(--clr-text-secondary)}.btn-minimal--disabled:hover{opacity:.4;transform:none;box-shadow:0 1px 3px #7ab5b51a;border-color:var(--clr-surface)}.btn-minimal--disabled:before{display:none}.settings-collapsed{margin:var(--space-xl) auto var(--space-md);max-width:340px;border:1px solid rgba(122,181,181,.15);border-radius:16px;box-shadow:0 2px 8px #7ab5b50d;overflow:hidden}.settings-toggle{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--clr-surface);border:none;border-radius:0;font-size:14px;font-weight:500;color:var(--clr-text-primary);cursor:pointer;text-align:center;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.settings-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--clr-accent-light);opacity:0;transition:opacity .3s ease}.settings-toggle:hover:before{opacity:1}.settings-toggle:hover{opacity:1}.timer-settings-minimal{padding:var(--space-md);background-color:var(--clr-background)}.setting-group-minimal{margin-bottom:var(--space-md)}.setting-group-minimal:last-child{margin-bottom:0}.setting-label-minimal{display:block;font-size:14px;color:var(--clr-text-primary);font-weight:500;margin-bottom:var(--space-xs);text-align:center}.setting-slider-minimal{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--clr-surface);border-radius:var(--radius-sm);outline:none;cursor:pointer}.setting-slider-minimal::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--clr-accent);border:2px solid white;box-shadow:0 1px 4px #7ab5b54d;cursor:pointer}.setting-slider-minimal::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--clr-accent);border:2px solid white;box-shadow:0 1px 4px #7ab5b54d;cursor:pointer}.book-recommendations-minimal{margin:var(--space-lg) auto var(--space-md);max-width:400px;text-align:center}.book-items-minimal{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.book-item-minimal{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.75;min-width:85px;background-color:var(--clr-background);border:1px solid rgba(122,181,181,.1);box-shadow:0 2px 8px #7ab5b50d;position:relative;overflow:hidden}.book-item-minimal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--clr-accent-light);opacity:0;transition:opacity .3s ease}.book-item-minimal:hover:before{opacity:1}.book-item-minimal:hover{opacity:1;border-color:var(--clr-accent);transform:translateY(-2px);box-shadow:0 6px 20px #7ab5b51f}.book-emoji{font-size:1.2rem;display:block}.book-title-minimal{font-size:11px;font-weight:500;color:var(--clr-text-primary);text-align:center;line-height:1.2}.affiliate-note-minimal{font-size:10px;color:var(--clr-text-secondary);opacity:.6;margin:0;line-height:1.3}.affiliate-note-minimal small{font-size:inherit}.timer-status-minimal{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background-color:var(--clr-surface);color:var(--clr-text-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:14px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1000}.timer-status-minimal:not(:empty){opacity:.9}@media (max-width: 575.98px){.timer-display-focused{width:clamp(160px,45vw,200px);height:clamp(160px,45vw,200px)}.timer-display-focused .timer-text{font-size:clamp(2rem,10vw,3rem)}.btn-primary-large{padding:.875rem 1.5rem;font-size:var(--font-size-base);min-width:100px}.secondary-controls{gap:.5rem}.btn-minimal{padding:.375rem .75rem;font-size:13px;min-height:32px}.btn-minimal--disabled{opacity:.3}.btn-minimal--disabled:hover{opacity:.3;transform:none}.dark-mode-toggle-minimal{top:.5rem;right:.5rem;font-size:1rem;padding:.375rem}.book-items-minimal{gap:.25rem}.book-item-minimal{min-width:70px;padding:.375rem}.book-emoji{font-size:1rem}.book-title-minimal{font-size:10px}.affiliate-note-minimal{font-size:9px}.timer-container{border-radius:16px;padding:var(--space-lg)}.btn-primary-large{border-radius:14px}.btn-minimal{border-radius:8px}.book-item-minimal{border-radius:10px}.settings-collapsed{border-radius:12px}.task-input-minimal input,.current-task-minimal{border-radius:10px}.mode-indicator{margin:var(--space-sm) auto var(--space-md);padding:var(--space-sm) var(--space-md);max-width:320px;gap:var(--space-xs);border-radius:12px}.mode-indicator__icon{width:40px;height:40px;font-size:1.5rem;border-radius:10px}.mode-indicator__label{font-size:var(--font-size-base);margin-bottom:.125rem}.mode-indicator__description{font-size:12px;line-height:1.2}}