:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-timer: clamp(2.5rem, 10vw, 4.5rem);--text-heading: clamp(1.25rem, 4vw, 1.5rem);--text-body: clamp(.938rem, 2vw, 1rem);--text-small: .813rem;--text-label: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1;--leading-heading: 1.25;--leading-body: 1.5;--leading-small: 1.4;--radius-card: 8px;--radius-sheet: 12px;--radius-pill: 999px;--z-dropdown: 10;--z-sticky: 20;--z-backdrop: 30;--z-modal: 40;--z-toast: 50;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .4s}:root,[data-theme=light]{--color-bg: oklch(1 0 0);--color-surface: oklch(.97 .005 260);--color-surface-hover: oklch(.96 .005 260);--color-primary: oklch(.6 .14 343);--color-primary-hover: oklch(.55 .14 343);--color-primary-ring: oklch(.6 .14 343 / .3);--color-accent: oklch(.55 .1 195);--color-ink: oklch(.12 .008 260);--color-muted: oklch(.5 .006 260);--color-border: oklch(.88 .004 260);--color-success: oklch(.55 .12 150);--color-success-bg: oklch(.93 .04 150);--color-danger: oklch(.55 .17 30);--color-overlay: oklch(0 0 0 / .3)}[data-theme=dark]{--color-bg: oklch(.1 0 0);--color-surface: oklch(.14 .003 260);--color-surface-hover: oklch(.16 .003 260);--color-primary: oklch(.7 .14 343);--color-primary-hover: oklch(.75 .14 343);--color-primary-ring: oklch(.7 .14 343 / .3);--color-accent: oklch(.72 .09 195);--color-ink: oklch(.92 .005 260);--color-muted: oklch(.6 .005 260);--color-border: oklch(.22 .003 260);--color-success: oklch(.55 .12 150);--color-success-bg: oklch(.18 .04 150);--color-danger: oklch(.65 .17 30);--color-overlay: oklch(0 0 0 / .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--font-body);font-size:16px;line-height:var(--leading-body);color:var(--color-ink);background:var(--color-bg);-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overflow:hidden;background:var(--color-bg);transition:background var(--duration-normal) var(--ease-out-quart),color var(--duration-normal) var(--ease-out-quart)}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-5) var(--space-4);padding-top:max(var(--space-5),var(--tg-viewport-content-safe-area-inset-top, 0px));background:var(--color-bg);transition:background var(--duration-normal) var(--ease-out-quart)}.app__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.app__title{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-ink)}.app__header-left,.app__header-right{display:flex;align-items:center;gap:var(--space-2)}.app__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-card);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.app__icon-btn:hover{background:var(--color-surface);color:var(--color-ink)}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.app__footer{padding:var(--space-4) 0 var(--space-2)}.timer-ring{position:relative;width:min(260px,70vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.timer-ring svg{position:absolute;inset:0}.timer-ring__progress{filter:drop-shadow(0 0 6px var(--color-primary-ring))}.timer-ring__center{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.timer-ring__time{font-family:var(--font-display);font-size:var(--text-timer);font-weight:var(--weight-medium);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-ink);transition:color var(--duration-normal) var(--ease-out-quart)}.timer-ring__label{font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:.025em;text-transform:uppercase;color:var(--color-muted)}.duration-selector{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.duration-selector__chips{display:flex;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out-quart);min-height:40px;display:flex;align-items:center;white-space:nowrap}.chip:hover{background:var(--color-surface-hover);color:var(--color-ink)}.chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chip--active:hover{background:var(--color-primary-hover);color:#fff}.duration-selector__custom{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-card);animation:fadeSlideIn var(--duration-normal) var(--ease-out-quart)}.custom-stepper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-primary);background:transparent;border:1.5px solid var(--color-primary);transition:all var(--duration-fast) var(--ease-out-quart)}.custom-stepper:hover:not(:disabled){background:var(--color-primary);color:#fff}.custom-stepper:disabled{opacity:.3;cursor:not-allowed}.custom-value{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink);min-width:4rem;text-align:center}.control-button{width:100%;max-width:360px;margin:0 auto;display:flex;align-items:center;justify-content:center;height:52px;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--weight-semibold);transition:all var(--duration-normal) var(--ease-out-quart);min-height:48px}.control-button--start{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px var(--color-primary-ring)}.control-button--start:hover{background:var(--color-primary-hover);box-shadow:0 4px 16px var(--color-primary-ring);transform:scale(1.02)}.control-button--start:active{transform:scale(.97)}.control-button--end{background:var(--color-surface);color:var(--color-danger);border:1.5px solid var(--color-danger)}.control-button--end:hover{background:#c13e2e14}.control-button--end:active{transform:scale(.97)}.history-backdrop{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out-quart)}.history-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70dvh;background:var(--color-bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideUp var(--duration-normal) var(--ease-out-quart);transition:transform var(--duration-normal) var(--ease-out-quart);touch-action:pan-y}.history-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--color-border);margin:var(--space-3) auto;flex-shrink:0}.history-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-3);flex-shrink:0}.history-sheet__title{font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink)}.history-sheet__clear{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-card);transition:color var(--duration-fast) var(--ease-out-quart)}.history-sheet__clear:hover{color:var(--color-danger)}.history-sheet__content{overflow-y:auto;padding:0 var(--space-5) var(--space-6);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.history-sheet__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) 0;color:var(--color-muted)}.history-sheet__empty p{font-size:var(--text-body)}.history-sheet__empty-hint{font-size:var(--text-small)}.history-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-card);transition:background var(--duration-fast) var(--ease-out-quart)}.history-item__meta{display:flex;flex-direction:column;gap:2px}.history-item__date{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink)}.history-item__time{font-size:var(--text-small);color:var(--color-muted)}.history-item__stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.history-item__badge{font-size:.688rem;font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.history-item__badge--done{background:var(--color-success-bg);color:var(--color-success)}.history-item__badge--missed{background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border)}.history-item__duration{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink)}.history-item__target{color:var(--color-muted);font-weight:var(--weight-regular)}.onboarding-tip{position:fixed;bottom:88px;left:50%;transform:translate(-50%);z-index:var(--z-dropdown);animation:fadeIn var(--duration-slow) var(--ease-out-quart);cursor:pointer}.onboarding-tip__content{background:var(--color-ink);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-card);font-size:var(--text-small);text-align:center;white-space:nowrap}.onboarding-tip__dismiss{display:block;margin-top:var(--space-2);font-size:.688rem;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;opacity:.6}.onboarding-tip__arrow{width:12px;height:12px;background:var(--color-ink);clip-path:polygon(0 0,100% 100%,100% 0);transform:rotate(45deg) translate(-50%);position:absolute;bottom:-6px;left:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.debug-panel{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-toast);font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1.4;background:#010203;color:#ccced1;border-top:1px solid oklch(.2 .005 260);max-height:45dvh;display:flex;flex-direction:column}[data-theme=light] .debug-panel{background:#040608;color:#e3e5e8;border-top-color:#202224}.debug-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#090b0f;flex-shrink:0}.debug-panel__title{font-weight:var(--weight-semibold);font-size:.688rem;letter-spacing:.05em;text-transform:uppercase}.debug-panel__count{font-weight:var(--weight-regular);opacity:.6}.debug-panel__actions{display:flex;gap:var(--space-2)}.debug-panel__btn{font-size:.688rem;font-family:inherit;padding:2px 8px;border-radius:4px;background:#1f2227;color:#acaeb1;cursor:pointer;border:none;transition:background var(--duration-fast) var(--ease-out-quart)}.debug-panel__btn:hover{background:#373b40}.debug-panel__body{overflow-y:auto;padding:var(--space-2);flex:1;overscroll-behavior:contain}.debug-panel__empty{text-align:center;padding:var(--space-4);opacity:.4;font-size:.688rem}.debug-panel__entry{padding:var(--space-2);margin-bottom:var(--space-1);border-radius:4px;background:#090b0f}.debug-panel__entry--unhandledrejection{border-left:3px solid oklch(.6 .14 343)}.debug-panel__entry--error{border-left:3px solid oklch(.65 .17 30)}.debug-panel__entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.debug-panel__entry-type{font-size:.625rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;opacity:.5}.debug-panel__entry-time{font-size:.625rem;opacity:.4}.debug-panel__entry-message{word-break:break-word;margin-bottom:2px}.debug-panel__entry-source{font-size:.625rem;opacity:.5;margin-bottom:2px}.debug-panel__entry-stack{font-size:.625rem;opacity:.45;margin-top:var(--space-1);white-space:pre-wrap;word-break:break-all;overflow:hidden}.settings-backdrop{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out-quart)}.settings-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70dvh;background:var(--color-bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideUp var(--duration-normal) var(--ease-out-quart);transition:transform var(--duration-normal) var(--ease-out-quart);touch-action:pan-y}.settings-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--color-border);margin:var(--space-3) auto;flex-shrink:0}.settings-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-3);flex-shrink:0}.settings-sheet__title{font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink)}.settings-sheet__back,.settings-sheet__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-card);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.settings-sheet__back:hover,.settings-sheet__close:hover{background:var(--color-surface);color:var(--color-ink)}.settings-sheet__content{overflow-y:auto;padding:0 var(--space-5) var(--space-6);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.settings-menu{display:flex;flex-direction:column}.settings-menu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;width:100%;text-align:left;color:var(--color-ink);transition:opacity var(--duration-fast) var(--ease-out-quart)}.settings-menu__item:active{opacity:.6}.settings-menu__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-muted);flex-shrink:0}.settings-menu__item-label{flex:1;font-size:var(--text-body);font-weight:var(--weight-medium)}.settings-menu__item-value{font-size:var(--text-small);color:var(--color-muted);margin-right:var(--space-1)}.settings-menu__item-chevron{color:var(--color-border);flex-shrink:0}.settings-menu__divider{height:1px;background:var(--color-border);margin:0}.language-options{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2)}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-card);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink);text-align:left;transition:background var(--duration-fast) var(--ease-out-quart)}.language-option:hover{background:var(--color-surface)}.language-option--active{color:var(--color-primary)}.language-option--active:hover{background:var(--color-surface)}.language-option__label{flex:1}.about-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0 0;text-align:center}.about-content__icon{color:var(--color-muted);margin-bottom:var(--space-3);opacity:.5}.about-content__name{font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-1)}.about-content__version{font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-4)}.about-content__description{font-size:var(--text-body);color:var(--color-muted);line-height:var(--leading-body);max-width:280px}.about-content__divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-5) 0}.about-content__developer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.about-content__developer-label{font-size:var(--text-small);color:var(--color-muted)}.about-content__developer-name{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink)}.about-content__donate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--weight-semibold);color:#fff;background:var(--color-primary);transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);min-height:48px}.about-content__donate-btn:hover{background:var(--color-primary-hover)}.about-content__donate-btn:active{transform:scale(.97)}