:root{font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;--background: #fcfcfc;--background-soft: #f8f6f3;--timer-surface: #f4ece1;--timer-surface-top: #fbf3e8;--timer-surface-bottom: #ebe0d0;--timer-sheen: rgba(255, 255, 255, .48);--timer-orbit: rgba(84, 55, 18, .09);--timer-accent-wash: rgba(242, 72, 34, .08);--surface-rgb: 17, 17, 17;--text: #111111;--text-strong: rgba(17, 17, 17, .96);--text-muted: rgba(17, 17, 17, .62);--text-soft: rgba(17, 17, 17, .46);--line: rgba(17, 17, 17, .12);--line-strong: rgba(17, 17, 17, .18);--pill: rgba(17, 17, 17, .05);--pill-hover: rgba(17, 17, 17, .06);--pill-selected: rgba(17, 17, 17, .07);--overlay: rgba(252, 252, 252, .92);--timer-radial: rgba(17, 17, 17, .05);--summary-top: rgba(17, 17, 17, .015);--summary-gradient-top: rgba(242, 72, 34, .06);--summary-gradient-mid: rgba(17, 17, 17, .028);--summary-gradient-bottom: rgba(248, 246, 243, .9);--accent: #f24822;--accent-soft: rgba(242, 72, 34, .18);--accent-strong: rgba(242, 72, 34, .62);--shadow: 0 12px 30px rgba(0, 0, 0, .16);--switcher-bg: rgba(252, 252, 252, .86);--switcher-border: rgba(17, 17, 17, .08);--switcher-shadow: 0 16px 40px rgba(17, 17, 17, .08);--task-glow-core: rgba(242, 72, 34, .32);--task-glow-soft: rgba(242, 72, 34, .18);--task-glow-edge: rgba(255, 255, 255, .72);--weekly-line-color: #f24822;background:var(--background);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--background: #0f1113;--background-soft: #13171b;--timer-surface: #151416;--timer-surface-top: #1d1a1a;--timer-surface-bottom: #0e0d10;--timer-sheen: rgba(255, 240, 224, .04);--timer-orbit: rgba(255, 231, 198, .08);--timer-accent-wash: rgba(242, 72, 34, .1);--surface-rgb: 236, 239, 242;--text: #eef2f5;--text-strong: rgba(238, 242, 245, .96);--text-muted: rgba(238, 242, 245, .68);--text-soft: rgba(238, 242, 245, .5);--line: rgba(238, 242, 245, .14);--line-strong: rgba(238, 242, 245, .22);--pill: rgba(238, 242, 245, .08);--pill-hover: rgba(238, 242, 245, .12);--pill-selected: rgba(238, 242, 245, .14);--overlay: rgba(15, 17, 19, .92);--timer-radial: rgba(238, 242, 245, .08);--summary-top: rgba(238, 242, 245, .03);--summary-gradient-top: rgba(242, 72, 34, .09);--summary-gradient-mid: rgba(238, 242, 245, .045);--summary-gradient-bottom: rgba(19, 23, 27, .92);--shadow: 0 18px 44px rgba(0, 0, 0, .38);--switcher-bg: rgba(15, 17, 19, .82);--switcher-border: rgba(238, 242, 245, .12);--switcher-shadow: 0 20px 46px rgba(0, 0, 0, .34);--task-glow-core: rgba(242, 72, 34, .36);--task-glow-soft: rgba(242, 72, 34, .22);--task-glow-edge: rgba(255, 255, 255, .16);--weekly-line-color: #f24822}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0;overflow-x:clip}body{min-height:100vh;background:var(--timer-surface);overscroll-behavior-y:none;color:var(--text);transition:background-color .18s ease,color .18s ease}#root{width:100%}.app-shell{position:relative;overflow-x:clip;background:var(--timer-surface)}.dev-preview-panel{position:fixed;top:max(16px,env(safe-area-inset-top,0px) + 12px);left:max(16px,env(safe-area-inset-left,0px) + 16px);z-index:10;display:grid;gap:8px;justify-items:start}.dev-preview-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--switcher-border);border-radius:999px;background:var(--switcher-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--switcher-shadow)}.dev-preview-label,.dev-preview-value{margin:0;line-height:1}.dev-preview-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.dev-preview-value{color:var(--accent);font-size:12px;font-weight:600}.dev-preview-action{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--switcher-border));border-radius:999px;background:color-mix(in srgb,var(--switcher-bg) 88%,var(--accent) 12%);color:var(--text);padding:8px 12px;font:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:var(--switcher-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dev-preview-action:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--switcher-border))}.dev-preview-action:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,white 28%);outline-offset:2px}.theme-switcher{position:fixed;top:max(16px,env(safe-area-inset-top,0px) + 12px);right:max(16px,env(safe-area-inset-right,0px) + 24px);z-index:10}.app-update-banner{position:fixed;left:max(16px,env(safe-area-inset-left,0px) + 16px);right:max(16px,env(safe-area-inset-right,0px) + 16px);bottom:max(16px,env(safe-area-inset-bottom,0px) + 16px);z-index:11;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--switcher-border));border-radius:18px;background:color-mix(in srgb,var(--switcher-bg) 92%,var(--accent) 8%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--switcher-shadow)}.app-update-copy{margin:0;color:var(--text);font-size:14px;font-weight:600;letter-spacing:.01em}.app-update-action{flex-shrink:0;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 88%,white 12%);color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.app-update-action:hover:not(:disabled){filter:brightness(1.02)}.app-update-action:active:not(:disabled){transform:translateY(1px)}.app-update-action:disabled{opacity:.72}.app-update-action:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,white 28%);outline-offset:2px}.theme-switcher-trigger,.theme-switcher-menu{border:1px solid var(--switcher-border);background:var(--switcher-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--switcher-shadow)}.theme-switcher-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:var(--text-muted);user-select:none;-webkit-user-select:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}.theme-switcher-trigger:hover{background:var(--pill-hover);color:var(--text)}.theme-switcher-trigger:focus-visible{outline:2px solid var(--text);outline-offset:2px}.theme-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:10px;min-width:196px;max-width:min(78vw,280px);padding:10px;border-radius:16px}.theme-switcher-section{display:grid;gap:4px}.theme-switcher-section-label{padding:2px 10px 4px;color:var(--text-soft);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.theme-switcher-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:28px;padding:0 9px;border-radius:999px;color:var(--text-muted);font-size:12px;line-height:1;user-select:none;-webkit-user-select:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}.theme-switcher-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 4px 0 10px;border-radius:999px;background:color-mix(in srgb,var(--pill) 76%,transparent)}.theme-switcher-task-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px}.theme-switcher-task-actions{display:inline-flex;align-items:center;gap:2px}.theme-switcher-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:var(--text-muted);transition:background-color .16s ease,color .16s ease,transform .16s ease}.theme-switcher-icon-button:hover{background:var(--pill-hover);color:var(--text)}.theme-switcher-icon-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.theme-switcher-icon-button.danger{color:var(--accent)}.theme-switcher-button.active{background:var(--pill-selected);color:var(--text)}.theme-switcher-value{margin-left:auto;color:var(--text-soft);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.theme-switcher-button:hover{background:var(--pill-hover);color:var(--text)}.theme-switcher-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}button{font:inherit;border:0;background:none;color:inherit}.vertical-timer-shell{position:relative;width:100%;height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain}.vertical-timer{min-height:100svh;width:100%;display:grid;align-items:center;justify-items:center;gap:24px;padding:0;position:relative;background:radial-gradient(circle at 50% -4%,var(--timer-sheen),transparent 46%),radial-gradient(circle at 50% 50%,var(--timer-radial),transparent 34%),radial-gradient(circle at 12% 18%,var(--timer-accent-wash),transparent 30%),radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--timer-orbit) 90%,transparent),transparent 28%),linear-gradient(180deg,var(--timer-surface-top) 0%,var(--timer-surface) 44%,var(--timer-surface-bottom) 100%);cursor:pointer;user-select:none;-webkit-user-select:none;scroll-snap-align:start;scroll-snap-stop:always}.vertical-timer-grid,.vertical-timer-copy{width:100%}.vertical-timer-grid{position:relative;height:100svh;overflow:clip}.vertical-timer-center-line,.vertical-timer-selection-line,.vertical-timer-selection-glow,.vertical-timer-progress-line,.vertical-timer-progress-trail,.vertical-timer-minute-ticks{position:absolute;top:50%}.vertical-timer-center-line{left:0;right:0;height:1px;background:var(--line);transform:translateY(-50%)}.vertical-timer-selection-line{left:0;right:0;height:2px;border-radius:999px;background:var(--accent);transform:translateY(-50%)}.vertical-timer-selection-glow{left:0;right:0;height:20px;border-radius:999px;background:var(--accent-soft);filter:blur(18px);transform:translateY(-50%)}.vertical-timer-selection-hitarea{position:absolute;left:0;right:0;top:calc(50% - 32px);height:64px;touch-action:none}.vertical-timer-selection-handle{position:absolute;top:50%;width:12px;height:12px;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 0 6px var(--overlay),var(--shadow)}.vertical-timer-progress-line,.vertical-timer-progress-trail{left:0;height:2px;border-radius:999px;transform:translateY(-50%)}.vertical-timer-progress-line{background:var(--accent)}.vertical-timer-progress-line.paused{background:var(--accent-strong)}.vertical-timer-progress-trail{height:16px;background:linear-gradient(90deg,#f2482200,#f2482257);filter:blur(10px)}.vertical-timer-progress-trail.paused{background:linear-gradient(90deg,#f2482200,#f2482233)}.vertical-timer-minute-ticks{inset:50% 0 auto;height:20px;transform:translateY(-50%);pointer-events:none}.vertical-timer-minute-tick{position:absolute;top:50%;width:1px;height:8px;background:var(--line-strong);transform:translate(-50%,-50%);transition:height .18s ease,background-color .18s ease,opacity .18s ease}.vertical-timer-minute-tick.major{height:14px}.vertical-timer-minute-ticks.paused .vertical-timer-minute-tick{opacity:.58}.vertical-timer-minute-tick.passed{background:#f24822b3}.vertical-timer-minute-ticks.paused .vertical-timer-minute-tick.passed{background:#f2482273}.vertical-timer-minute-tick.major.passed{background:#f24822}.vertical-timer-minute-ticks.paused .vertical-timer-minute-tick.major.passed{background:#f248229e}.vertical-timer-copy{display:grid;gap:10px;text-align:center;justify-items:center;align-items:center;position:absolute;top:50%;left:0;right:0;padding:0 24px;pointer-events:none;transform:translateY(calc(-100% - 24px));z-index:1}.vertical-timer-copy.session-active{transform:translateY(calc(-100% - 30px))}.vertical-timer-copy.completion{gap:12px}.vertical-timer-state,.vertical-timer-hint{margin:0;color:var(--text-muted)}.vertical-timer-state{font-size:15px;letter-spacing:.02em}.vertical-timer-hint{width:min(100%,32rem);max-width:32rem;font-size:15px}.vertical-timer-value{margin:0;display:block;width:100%;font-size:min(42svh,72vw);font-weight:180;line-height:.86;letter-spacing:-.1em;transform:translate(-.05em)}.vertical-timer.active .vertical-timer-value{color:var(--accent)}.vertical-timer-copy.paused .vertical-timer-value{opacity:.75}.vertical-timer-copy.completion .vertical-timer-value{color:var(--accent);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent);will-change:opacity;animation:completion-value-settle .26s cubic-bezier(.18,1,.32,1) both}.vertical-timer-completion-banner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 24px);left:0;right:0;display:flex;justify-content:center;padding:0 20px;pointer-events:none;z-index:2}.vertical-timer-completion-pill{margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;max-width:min(86vw,24rem);padding:0 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--surface) 82%);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--shadow) 20%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);font-size:14px;font-weight:650;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:opacity,transform;animation:completion-pill-slide 2.4s cubic-bezier(.22,1,.36,1) both}@keyframes completion-value-settle{0%{opacity:.18}to{opacity:1}}@keyframes completion-pill-slide{0%{opacity:0;transform:translateY(-18px)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.vertical-timer-copy.completion .vertical-timer-value,.vertical-timer-completion-pill{animation:none}}.vertical-timer-current{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;padding:0 24px;transform:translateY(14px);pointer-events:none;z-index:1;animation:task-current-rise .32s cubic-bezier(.22,1,.36,1)}.task-dock{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;align-items:center;justify-content:center;padding:0 20px;z-index:2}.task-dock.inactive{align-items:flex-end}.task-panel{width:min(100%,52rem)}.task-hint{margin:0 0 12px;text-align:center;color:var(--text-muted);font-size:13px}.task-list{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;padding:0;scrollbar-width:none}.task-list::-webkit-scrollbar{display:none}.task-pill{min-height:52px;border-radius:999px;padding:0 20px;max-width:min(44vw,18rem);background:var(--pill);transition:width .24s cubic-bezier(.22,1,.36,1),min-width .24s cubic-bezier(.22,1,.36,1),max-width .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),margin .24s cubic-bezier(.22,1,.36,1),transform .16s ease,opacity .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,filter .22s ease}.task-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:color-mix(in srgb,var(--text) 56%,transparent);opacity:.75;position:relative;overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none}.task-pill.selected,.task-pill.current{background:var(--pill-selected);color:color-mix(in srgb,var(--text) 82%,transparent);opacity:1}.vertical-timer.active .task-pill.current{animation:task-pill-glow 1.85s ease-in-out infinite}.vertical-timer.active .task-pill.current:before,.vertical-timer.active .task-pill.current:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}.vertical-timer.active .task-pill.current:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--task-glow-soft) 60%,transparent),transparent 72%);filter:blur(14px);opacity:.7;animation:task-pill-aura 1.85s ease-in-out infinite}.vertical-timer.active .task-pill.current:after{inset:0;background:linear-gradient(115deg,transparent 18%,color-mix(in srgb,var(--task-glow-edge) 82%,transparent) 45%,transparent 72%);opacity:0;transform:translate(-135%);animation:task-pill-sheen 2.4s linear infinite}.task-pill.hidden{pointer-events:none;max-width:0;min-width:0;padding-left:0;padding-right:0;margin-left:-4px;margin-right:-4px;opacity:0;overflow:hidden;transform:translateY(8px) scale(.92)}.task-pill.hidden .task-pill-content{opacity:0;transform:scale(.92)}.task-pill.removing{width:0!important;min-width:0;padding-left:0;padding-right:0;margin-left:-4px;margin-right:-4px;border-radius:999px;opacity:0;color:transparent;transform:translateY(-6px) scale(.72);filter:blur(8px);background:#f248221f}.task-pill.removing .task-pill-label{opacity:0;transform:scale(.84)}.task-pill-content{display:inline-flex;align-items:center;gap:12px;min-width:0;transition:opacity .18s ease,transform .18s ease}.task-pill-icon{flex:0 0 auto;width:18px;height:18px}.task-pill-icon-placeholder{border-radius:999px;background:currentColor;opacity:.22}.task-pill-label{max-width:min(40vw,16rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:.01em;transition:opacity .18s ease,transform .18s ease}.task-current{display:flex;justify-content:center}.task-current-label{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;max-width:min(72vw,28rem);color:color-mix(in srgb,var(--text) 88%,transparent);font-size:18px;font-weight:600;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-current-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-pill:hover{background:var(--pill-hover)}.task-pill:hover{opacity:.88}.task-pill.selected:hover,.task-pill.current:hover,.vertical-timer.active .task-pill.current:hover{opacity:1}@keyframes task-current-rise{0%{opacity:0;transform:translateY(0) scale(.96)}to{opacity:1;transform:translateY(14px) scale(1)}}.task-pill:focus-visible{outline:2px solid var(--text);outline-offset:3px}@keyframes task-pill-glow{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 0 1px color-mix(in srgb,var(--task-glow-edge) 38%,transparent),0 10px 24px -10px var(--task-glow-core),0 0 28px -12px var(--task-glow-soft),0 0 52px -22px color-mix(in srgb,var(--task-glow-core) 80%,transparent)}50%{transform:translateY(-1px) scale(1.02);box-shadow:0 0 0 1px color-mix(in srgb,var(--task-glow-edge) 62%,transparent),0 16px 34px -12px color-mix(in srgb,var(--task-glow-core) 120%,transparent),0 0 42px -8px color-mix(in srgb,var(--task-glow-soft) 128%,transparent),0 0 76px -14px var(--task-glow-core)}}@keyframes task-pill-aura{0%,to{opacity:.48;transform:scale(.96)}50%{opacity:.92;transform:scale(1.08)}}@keyframes task-pill-sheen{0%,18%{opacity:0;transform:translate(-135%)}30%{opacity:.7}58%{opacity:.12;transform:translate(135%)}to{opacity:0;transform:translate(135%)}}.tracking-summary,.weekly-summary{min-height:100svh;display:grid;align-content:center;gap:40px;padding:max(56px,env(safe-area-inset-top,0px) + 132px) clamp(20px,5vw,56px) max(40px,env(safe-area-inset-bottom,0px) + 24px);scroll-snap-align:start;scroll-snap-stop:always}.tracking-summary,.weekly-summary{background:linear-gradient(180deg,var(--summary-gradient-top) 0%,var(--summary-gradient-mid) 38%,var(--summary-gradient-bottom) 100%),var(--background-soft)}.tracking-summary-copy{display:grid;gap:8px;width:min(100%,56rem);margin:0 auto}.weekly-summary-header{display:grid;gap:10px}.tracking-summary-kicker,.tracking-summary-title,.tracking-summary-hint,.tracking-summary-day-label,.tracking-summary-empty{margin:0}.tracking-summary-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.tracking-summary-title{font-size:clamp(2rem,5vw,4.25rem);font-weight:220;line-height:.95;letter-spacing:-.06em}.tracking-summary-hint{max-width:32rem;color:var(--text-muted);font-size:.98rem;line-height:1.45}.tracking-summary-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,28px);width:min(100%,56rem);margin:0 auto}.tracking-summary-daily .tracking-summary-days{grid-template-columns:minmax(0,1fr)}.tracking-summary-day{display:grid;gap:18px;align-content:start;padding-top:18px;border-top:1px solid var(--line)}.tracking-summary-day-header{display:block}.tracking-summary-day-label{font-size:1rem;color:var(--text-muted)}.tracking-summary-list{display:grid;gap:18px}.tracking-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline}.weekly-summary .tracking-summary-row{align-items:end;row-gap:10px}.tracking-summary-task,.tracking-summary-time{font-size:clamp(1rem,2vw,1.3rem);line-height:1.1}.tracking-summary-task{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden;color:color-mix(in srgb,var(--text) 88%,transparent)}.tracking-summary-task-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-summary-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 76%,var(--text) 24%);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tracking-summary-badge.compact{width:1.2rem;height:1.2rem;padding:0;border-radius:50%;font-size:.72rem;line-height:1}.tracking-summary-badge.compact.streak-count{min-width:1.2rem;width:auto;padding:0 .36rem;border-radius:999px;background:color-mix(in srgb,var(--accent) var(--streak-bg-strength, 14%),transparent);color:color-mix(in srgb,var(--accent) var(--streak-fg-accent-strength, 76%),var(--text) var(--streak-fg-text-strength, 24%))}.tracking-summary-badge.compact.streak-count.single{width:1.2rem;min-width:1.2rem;padding:0;border-radius:50%}.tracking-summary-badge.streak.subtle{background:color-mix(in srgb,var(--accent) 10%,transparent);color:color-mix(in srgb,var(--accent) 58%,var(--text) 42%)}.tracking-summary-badge.streak.medium{background:color-mix(in srgb,var(--accent) 12%,transparent);color:color-mix(in srgb,var(--accent) 62%,var(--text) 38%)}.tracking-summary-badge.streak.strong{background:color-mix(in srgb,var(--accent) 20%,transparent);color:color-mix(in srgb,var(--accent) 84%,var(--text) 16%)}.tracking-summary-time{color:color-mix(in srgb,var(--text) 56%,transparent);white-space:nowrap}.tracking-summary-bar{position:relative;grid-column:1 / -1;width:100%;height:2px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 14%,transparent)}.tracking-summary-bar:after{content:"";position:absolute;inset:0;width:var(--summary-bar-fill, 0%);min-width:0;border-radius:inherit;background:color-mix(in srgb,var(--accent) 76%,var(--text) 24%)}.weekly-summary .tracking-summary-bar{background:color-mix(in srgb,var(--accent) 10%,transparent)}.weekly-summary .tracking-summary-bar:after{background:var(--weekly-line-color)}.tracking-summary-bar-comparison{overflow:visible;background:color-mix(in srgb,var(--weekly-line-color) 12%,transparent)}.tracking-summary-bar-comparison:after{display:none}.tracking-summary-bar-fill,.tracking-summary-bar-gap,.tracking-summary-bar-overflow{position:absolute;top:0;bottom:0;border-radius:inherit;pointer-events:none}.tracking-summary-bar-fill{left:0;width:var(--summary-bar-fill, 0%);background:var(--weekly-line-color)}.tracking-summary-bar-gap{left:var(--summary-bar-fill, 0%);width:var(--summary-bar-gap, 0%);background:color-mix(in srgb,var(--weekly-line-color) 34%,transparent)}.tracking-summary-bar-overflow{left:100%;width:var(--summary-bar-overflow, 0%);background:var(--weekly-line-color)}.tracking-summary-empty{font-size:.98rem;color:color-mix(in srgb,var(--text) 42%,transparent)}.weekly-summary-days{display:flex;width:min(100%,56rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.weekly-summary-days::-webkit-scrollbar{display:none}.weekly-summary-page{flex:0 0 100%;min-width:100%;width:100%;padding-right:2px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.weekly-summary-chart{width:100%;display:grid;gap:4px;min-height:124px;margin:0 0 14px}.weekly-summary-chart svg{display:block;width:100%;height:92px;overflow:visible}.weekly-summary-chart-axis-horizontal{fill:none;stroke:var(--weekly-line-color);opacity:.32;stroke-width:1;vector-effect:non-scaling-stroke}.weekly-summary-chart-area{fill:var(--weekly-chart-fill)}.weekly-summary-chart-line{fill:none;stroke:var(--weekly-line-color);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.weekly-summary-chart-line.prediction{stroke:var(--weekly-line-color);opacity:.6;stroke-dasharray:1.5 5.5}.weekly-summary-chart-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0}.weekly-summary-chart-label{font-size:.72rem;color:var(--text-soft);text-align:center;letter-spacing:.08em;text-transform:uppercase}.weekly-summary-dots{display:flex;justify-content:center;gap:8px;width:min(100%,56rem);margin:-20px auto 0}.weekly-summary-dot{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--text) 16%,transparent);transition:width .18s ease,background-color .18s ease,transform .18s ease}.weekly-summary-dot.active{width:18px;background:var(--weekly-line-color);transform:translateY(-1px)}@media(max-width:720px){.dev-preview-panel{top:max(12px,env(safe-area-inset-top,0px) + 10px);left:max(12px,env(safe-area-inset-left,0px) + 10px);gap:6px}.dev-preview-badge{gap:6px;padding:6px 9px}.dev-preview-value{font-size:11px}.dev-preview-action{padding:7px 10px;font-size:11px}.theme-switcher{top:max(12px,env(safe-area-inset-top,0px) + 10px);right:max(12px,env(safe-area-inset-right,0px) + 10px)}.theme-switcher-trigger{width:40px;height:40px}.theme-switcher-button{gap:5px;min-height:26px;padding:0 8px;font-size:11px}.vertical-timer-grid{height:100svh}.vertical-timer-progress-line,.vertical-timer-progress-trail{height:2px}.vertical-timer-progress-trail{height:14px}.vertical-timer-minute-tick{height:6px}.vertical-timer-minute-tick.major{height:10px}.vertical-timer-selection-handle{width:10px;height:10px}.task-dock{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);padding:0 14px}.vertical-timer-copy{width:100%;justify-items:center;transform:translateY(calc(-100% - 18px))}.vertical-timer-copy.session-active{transform:translateY(calc(-100% - 22px))}.vertical-timer-state,.vertical-timer-value{width:100%;text-align:center}.vertical-timer-current{transform:translateY(12px)}.task-list{flex-wrap:wrap;gap:8px;justify-content:center;overflow-x:visible}.task-pill{min-height:48px}.tracking-summary,.weekly-summary{align-content:start;gap:28px;padding-top:max(48px,env(safe-area-inset-top,0px) + 116px)}.tracking-summary-days{grid-template-columns:1fr;gap:24px}.tracking-summary-row{gap:12px}.weekly-summary .tracking-summary-row{gap:10px 12px}.weekly-summary-days{width:100%}.weekly-summary-header{gap:8px}.weekly-summary-chart{min-height:112px;margin-bottom:10px}.weekly-summary-chart svg{height:84px}.weekly-summary-chart-labels{padding:0}}