:root{--kf-accent:oklch(48% 0.15 254);--kf-accent-ink:#fff;--kf-accent-soft:oklch(94% 0.04 254);--kf-accent-glow:oklch(48% 0.15 254/0.20);--kf-work:oklch(48% 0.15 254);--kf-break:oklch(67% 0.13 45);--kf-long-break:oklch(58% 0.10 155);--kf-danger:oklch(53% 0.19 22);--kf-danger-hover:oklch(46% 0.20 22);--kf-danger-subtle:oklch(96% 0.02 22);--kf-danger-border:oklch(85% 0.07 22);--kf-danger-ink:oklch(30% 0.13 22);--kf-danger-glow:oklch(53% 0.19 22/0.12);--kf-success:oklch(35% 0.09 155);--kf-success-subtle:oklch(91% 0.04 155);--kf-success-border:oklch(79% 0.09 155);--kf-warning:oklch(52% 0.14 80);--kf-warning-subtle:oklch(94% 0.05 90);--kf-warning-border:oklch(83% 0.10 90);--kf-bg:#e8e5dd;--kf-bg-2:#ddd9d0;--kf-surface:#f2efe8;--kf-surface-2:#ece9e1;--kf-ink:#0e0f10;--kf-ink-2:#2a2a2c;--kf-muted:#6b6b66;--kf-muted-2:#9a998f;--kf-hairline:#0e0f1014;--kf-hairline-strong:#0e0f1024;--kf-font-sans:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;--kf-font-serif:"Instrument Serif","Cormorant Garamond",Georgia,serif;--kf-font-mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;--kf-text-xs:11px;--kf-text-sm:13px;--kf-text-base:15px;--kf-text-md:18px;--kf-text-lg:24px;--kf-text-xl:36px;--kf-text-2xl:56px;--kf-text-3xl:88px;--kf-pad-xs:8px;--kf-pad-sm:14px;--kf-pad:24px;--kf-pad-lg:48px;--kf-gap:18px;--kf-radius-sm:10px;--kf-radius:14px;--kf-radius-lg:22px;--kf-shadow-card:0 1px 0 #0e0f100a,0 12px 32px -16px #0e0f1014;--kf-shadow-pop:0 20px 60px -20px #0e0f1040,0 2px 8px #0e0f100f;--kf-ease:cubic-bezier(0.2,0.9,0.3,1);--kf-dur-fast:120ms;--kf-dur-med:240ms;--kf-dur-slow:480ms}[data-palette=library]{--kf-accent:oklch(45% 0.10 155);--kf-accent-soft:oklch(94% 0.03 155);--kf-accent-glow:oklch(45% 0.10 155/0.20);--kf-work:oklch(45% 0.10 155);--kf-break:oklch(60% 0.12 50);--kf-long-break:oklch(52% 0.10 240)}[data-theme=dark]{--kf-bg:#0d0e10;--kf-bg-2:#15161a;--kf-surface:#15161a;--kf-surface-2:#1c1d21;--kf-ink:#f4f3ee;--kf-ink-2:#cfcec8;--kf-muted:#8a8a82;--kf-muted-2:#5b5b54;--kf-hairline:#f4f3ee14;--kf-hairline-strong:#f4f3ee29;--kf-accent-soft:#3b6cf624;--kf-shadow-card:0 1px 0 #0006,0 12px 32px -16px #0009;--kf-shadow-pop:0 24px 80px -20px #000000b3,0 2px 8px #0006}:root,[data-theme=dark]{--accent:var(--kf-accent);--accent-ink:var(--kf-accent-ink);--accent-soft:var(--kf-accent-soft);--accent-glow:var(--kf-accent-glow);--work:var(--kf-work);--break:var(--kf-break);--long-break:var(--kf-long-break);--danger:var(--kf-danger);--danger-hover:var(--kf-danger-hover);--danger-subtle:var(--kf-danger-subtle);--danger-border:var(--kf-danger-border);--danger-ink:var(--kf-danger-ink);--danger-glow:var(--kf-danger-glow);--success:var(--kf-success);--success-subtle:var(--kf-success-subtle);--success-border:var(--kf-success-border);--warning:var(--kf-warning);--warning-subtle:var(--kf-warning-subtle);--warning-border:var(--kf-warning-border);--bg:var(--kf-bg);--bg-2:var(--kf-bg-2);--surface:var(--kf-surface);--surface-2:var(--kf-surface-2);--ink:var(--kf-ink);--ink-2:var(--kf-ink-2);--muted:var(--kf-muted);--muted-2:var(--kf-muted-2);--hairline:var(--kf-hairline);--hairline-strong:var(--kf-hairline-strong);--font-sans:var(--kf-font-sans);--font-serif:var(--kf-font-serif);--font-mono:var(--kf-font-mono);--shadow-card:var(--kf-shadow-card);--shadow-pop:var(--kf-shadow-pop);--radius:var(--kf-radius);--radius-sm:var(--kf-radius-sm);--radius-lg:var(--kf-radius-lg);--pad:var(--kf-pad);--pad-sm:var(--kf-pad-sm);--pad-xs:var(--kf-pad-xs);--gap:var(--kf-gap)}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--kf-bg);font-family:var(--kf-font-sans)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-color:var(--kf-hairline-strong) var(--kf-surface);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--kf-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--kf-hairline-strong);border:1px solid var(--kf-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--kf-muted)}::-webkit-scrollbar-corner{background:var(--kf-surface)}.topbar{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:color-mix(in oklab,var(--kf-bg) 90%,#0000);border-bottom:1px solid var(--kf-hairline);display:flex;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.kf-brand,.topbar{align-items:center}.kf-brand{color:var(--kf-ink);display:inline-flex;flex-direction:row;gap:12px;letter-spacing:-.01em;text-decoration:none}.kf-symbol{color:var(--kf-ink);display:inline-block;flex-shrink:0}.kf-symbol .kf-face{fill:none;stroke:currentColor}.kf-symbol .kf-dot{fill:var(--kf-accent)}.kf-symbol .kf-hand{stroke:var(--kf-accent);fill:none}.kf-symbol .kf-core{fill:currentColor}.kf-wordmark{align-items:baseline;color:var(--kf-ink);display:inline-flex;font-family:var(--kf-font-serif);font-size:20px;font-style:normal;font-weight:400;letter-spacing:-.018em;line-height:1}.kf-dot-inline{align-self:center;background:var(--kf-accent);border-radius:50%;display:inline-block;flex-shrink:0;height:.094em;margin:0 .14em;min-height:3px;min-width:3px;transform:translateY(-.16em);vertical-align:middle;width:.094em}.actions{background:var(--kf-surface);border:1px solid var(--kf-hairline);border-radius:999px;display:flex;padding:4px}.action-btn,.actions{align-items:center;gap:6px}.action-btn{background:#0000;border:0;border-radius:999px;color:var(--kf-muted);cursor:pointer;display:inline-flex;font-family:var(--kf-font-sans);font-size:12px;font-weight:500;padding:6px 12px;transition:background .12s ease,color .12s ease}.action-btn:hover{background:var(--kf-bg-2);color:var(--kf-ink)}.action-btn .ico{align-items:center;display:flex;height:14px;opacity:.7;width:14px}.action-btn[data-active=true]{background:var(--kf-ink);color:var(--kf-bg)}@media (max-width:600px){.topbar{padding:10px 16px}.action-btn .btn-label{display:none}.action-btn{padding:6px 8px}}.timer-tabs{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.timer-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.timer-tab:hover{color:var(--kf-ink-2)}.timer-tab.active{border-bottom-color:var(--kf-work);color:var(--kf-work)}.tab-count{align-items:center;background-color:var(--kf-hairline);border-radius:12px;color:var(--kf-muted);display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .5rem}.timer-tab.active .tab-count{background-color:var(--kf-work);color:var(--kf-accent-ink)}.timer-display{height:100%;margin:1.5rem 0;max-height:calc(100vh - 160px);padding-top:.75rem;width:100%}.timer-circle,.timer-display{align-items:center;display:flex;justify-content:center}.timer-circle{height:min(50vw,50vh,400px);max-height:min(calc(100vh - 160px),400px);max-width:min(calc(100vw - 100px),400px);position:relative;width:min(50vw,50vh,400px)}.timer-circle svg{height:100%;left:0;position:absolute;top:0;width:100%}.progress-circle{transition:stroke-dashoffset .5s ease}.timer-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:1}.timer-time{color:var(--kf-work);font-size:clamp(2rem,8vw,4rem);font-weight:300;line-height:1;margin-top:1rem}.timer-level{align-items:center;background-color:var(--kf-accent-soft);border:2px solid var(--kf-accent-glow);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem}.level-text{color:var(--kf-muted);font-size:clamp(.875rem,2.5vw,1rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.session-type{color:var(--kf-accent);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;letter-spacing:1px;text-transform:uppercase}.level-name{color:var(--kf-work);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600}.current-task-display{background-color:var(--kf-accent-soft);border:1px solid var(--kf-accent-glow);border-radius:6px;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.5rem 1rem}.task-label{color:var(--kf-muted);font-size:clamp(.75rem,2vw,.875rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.task-name{color:var(--kf-work);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.timer-display{flex:1 1;margin:1rem 0 .5rem;max-height:calc(60vh - 60px);min-height:300px;padding-top:.5rem}.timer-circle{height:min(50vw,50vh,280px);max-height:min(calc(60vh - 60px),280px);max-width:min(calc(100vw - 40px),280px);min-height:220px;min-width:220px;width:min(50vw,50vh,280px)}.timer-time{font-size:clamp(1.5rem,8vw,2.5rem)}.timer-level{margin-bottom:.75rem;padding:.5rem 1rem}}@media (max-width:480px){.timer-display{flex:1 1;margin:.75rem 0 .25rem;max-height:calc(50vh - 55px);min-height:250px;padding-top:.25rem}.timer-circle{height:min(60vw,45vh,200px);max-height:min(calc(50vh - 55px),200px);max-width:min(calc(100vw - 30px),200px);min-height:180px;min-width:180px;width:min(60vw,45vh,200px)}.timer-time{font-size:clamp(1.25rem,7vw,2rem);margin-top:.5rem}.timer-level{margin-bottom:.5rem;padding:.375rem .75rem}.level-text{font-size:clamp(.75rem,2vw,.875rem)}.session-type{font-size:clamp(1rem,2.5vw,1.25rem)}}.start-button-container{display:flex;gap:.75rem;margin:2rem 0}.skip-button,.start-button-container{align-items:center;justify-content:center}.skip-button{background:none;border:1px solid var(--kf-muted);border-radius:4px;color:var(--kf-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;letter-spacing:1.25px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.skip-button:hover{background-color:var(--kf-hairline)}.start-button{align-items:center;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001f,0 1px 2px #0000003d;color:var(--kf-accent-ink);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;letter-spacing:1.25px;min-width:64px;outline:none;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.start-button:before{background-color:#fff0;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.start-button:hover{box-shadow:0 4px 8px #0000003d,0 2px 4px #0000001f}.start-button:hover:before{background-color:#ffffff14}.start-button:focus{box-shadow:0 4px 8px #0000003d,0 2px 4px #0000001f}.start-button:focus:before{background-color:#ffffff1f}.start-button:active{box-shadow:0 8px 16px #0000003d,0 4px 8px #0000001f}.start-button:active:before{background-color:#ffffff29}.upcoming-sessions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--kf-hairline);border-radius:12px;margin:2rem auto;max-width:360px;padding:1.25rem 1.5rem}.upcoming-title{color:var(--kf-muted);font-size:.75rem;font-weight:600;letter-spacing:.8px;margin:0 0 .875rem;text-align:center;text-transform:uppercase}.sessions-ribbon{align-items:stretch;display:flex;gap:3px;height:52px}.ribbon-block{align-items:center;background:#ffffff0f;border-left:3px solid var(--session-color);border-radius:6px;display:flex;flex:1 1;min-width:0;opacity:1;opacity:var(--fade-opacity,1);overflow:hidden;position:relative;transition:opacity .2s ease}.ribbon-block--current{background:#ffffff14;border-left-width:4px;flex:1.8 1}.ribbon-block__fill{background:color-mix(in srgb,var(--session-color) 25%,#0000);border-radius:inherit;inset:0;pointer-events:none;position:absolute;transition:width 1s linear;width:0;width:var(--progress,0)}.ribbon-block__content{display:flex;flex-direction:column;gap:.125rem;justify-content:center;min-width:0;padding:0 .5rem;position:relative;width:100%}.ribbon-block__label{color:var(--kf-ink-2);font-size:.6875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ribbon-block--current .ribbon-block__label{color:var(--kf-ink);font-size:.75rem}.ribbon-block__duration{color:var(--kf-muted);font-size:.625rem;font-weight:500;white-space:nowrap}.ribbon-block--current .ribbon-block__duration{color:var(--session-color);font-weight:600}@media (prefers-color-scheme:dark){.upcoming-sessions{background:#0003;border:1px solid var(--kf-hairline)}.ribbon-block{background:#00000026}.ribbon-block--current{background:#0003}.ribbon-block__label{color:var(--kf-ink-2)}.ribbon-block--current .ribbon-block__label{color:var(--kf-ink)}.ribbon-block__duration{color:var(--kf-muted)}}@media (max-width:768px){.upcoming-sessions{margin:1.5rem auto;max-width:300px;padding:1rem 1.25rem}.sessions-ribbon{gap:2px;height:46px}.ribbon-block__label{font-size:.625rem}.ribbon-block--current .ribbon-block__label{font-size:.6875rem}.ribbon-block__duration{font-size:.5625rem}}.task-panel{background-color:var(--kf-surface);border-left:1px solid var(--kf-hairline);height:100vh;overflow-y:auto;padding:1.5rem;position:relative;scrollbar-color:var(--kf-hairline-strong) var(--kf-bg);scrollbar-width:thin;transition:width .3s ease;width:350px}.task-panel::-webkit-scrollbar{width:8px}.task-panel::-webkit-scrollbar-track{background:var(--kf-bg);border-radius:4px}.task-panel::-webkit-scrollbar-thumb{background:var(--kf-hairline-strong);border:1px solid var(--kf-bg);border-radius:4px}.task-panel::-webkit-scrollbar-thumb:hover{background:var(--kf-muted-2)}.task-panel.collapsed{padding:1rem .5rem;width:60px}.task-panel.expanded{width:350px}.task-header{justify-content:space-between;margin-bottom:1.5rem}.panel-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:.5rem;transition:background-color .2s ease;width:2.5rem}.panel-toggle:hover{background-color:var(--kf-bg)}.task-panel.collapsed .task-header{justify-content:center;margin-bottom:0}.task-title{align-items:center;color:var(--kf-ink);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.task-count{align-items:center;background-color:var(--kf-hairline);border-radius:12px;color:var(--kf-muted);display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;min-width:1.5rem}.task-menu{background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:1.25rem;padding:.25rem}.task-menu:hover{background-color:var(--kf-bg)}.hierarchy-header{margin-bottom:1.5rem}.task-input{background-color:var(--kf-surface);border:2px solid var(--kf-hairline);border-radius:8px;color:var(--kf-muted);font-family:inherit;font-size:.875rem;line-height:1.4;padding:.875rem 2rem .875rem 1rem;transition:all .2s ease;width:100%}.task-input::placeholder{color:var(--kf-muted-2);font-style:italic}.task-input:focus{background-color:var(--kf-surface);border-color:var(--kf-work);box-shadow:0 0 0 3px var(--kf-accent-glow);outline:none}.task-input:hover:not(:focus){background-color:var(--kf-bg);border-color:var(--kf-hairline-strong)}.add-task-btn{background:none;border:none;border-radius:4px;color:var(--kf-work);cursor:pointer;font-size:1rem;font-weight:600;padding:.25rem .5rem;transition:background-color .2s ease}.add-task-btn:hover{background-color:var(--kf-accent-soft)}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{align-items:center;background-color:var(--kf-bg);border:1px solid var(--kf-hairline);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .15s ease,border-color .15s ease}.task-item:hover{background-color:var(--kf-hairline);border-color:var(--kf-hairline-strong)}.task-item.selected{background-color:var(--kf-accent-soft);border-color:var(--kf-work);box-shadow:0 0 0 2px var(--kf-accent-glow);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.task-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.task-time{color:var(--kf-muted);font-size:.75rem;font-weight:500}.task-text{color:var(--kf-ink-2);flex:1 1;font-size:.875rem}.task-delete{background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s ease}.task-delete:hover{background-color:var(--kf-hairline);color:var(--kf-danger)}.add-project-btn{background-color:var(--kf-long-break);border:none;border-radius:6px;color:var(--kf-accent-ink);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.add-project-btn:hover{opacity:.85}.inline-project-input{margin-top:.5rem}.inline-task-input{margin-left:1.5rem;margin-top:.5rem}.project-input-container,.task-input-container{align-items:center;display:flex;position:relative}.project-input{border:1px solid var(--kf-hairline-strong);border-radius:4px;color:var(--kf-ink-2);font-size:.875rem;padding:.5rem 2rem .5rem .5rem;width:100%}.project-input:focus{border-color:var(--kf-work);box-shadow:0 0 0 2px var(--kf-accent-glow);outline:none}.project-input-cancel{align-items:center;background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1rem;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:all .2s ease;width:1.5rem}.project-input-cancel:hover{background-color:var(--kf-hairline);color:var(--kf-danger)}.task-input-cancel{align-items:center;background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1rem;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:all .2s ease;width:1.5rem}.task-input-cancel:hover{background-color:var(--kf-hairline);color:var(--kf-danger)}.project-section{margin-bottom:1rem}.project-header{align-items:center;background-color:var(--kf-surface-2);border:1px solid var(--kf-hairline-strong);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.project-toggle{background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:.875rem;padding:.25rem;transition:background-color .2s ease}.project-toggle:hover{background-color:var(--kf-hairline)}.project-name{color:var(--kf-ink-2);flex:1 1;font-size:.875rem;font-weight:600}.project-task-count{align-items:center;background-color:var(--kf-hairline-strong);border-radius:10px;color:var(--kf-muted);display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem}.project-delete{background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease}.project-delete:hover{background-color:var(--kf-hairline);color:var(--kf-danger)}.project-tasks{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem}.project-task{background-color:var(--kf-bg);border-left:3px solid var(--kf-work)}.standalone-tasks{margin-top:1rem}.standalone-header{align-items:center;background-color:var(--kf-bg);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem}.standalone-title{color:var(--kf-muted);flex:1 1;font-size:.875rem;font-weight:600}.standalone-task-count{align-items:center;background-color:var(--kf-hairline-strong);border-radius:10px;color:var(--kf-muted);display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem}.vertical-text{color:var(--kf-muted);cursor:pointer;font-size:.875rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transition:color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.vertical-text:hover{color:var(--kf-work)}@media (max-width:768px){.task-panel{border-left:none;border-top:1px solid var(--kf-hairline);height:auto;max-height:40vh;order:2;padding:1rem;position:relative;width:100%}.task-panel.collapsed{align-items:center;display:flex;height:60px;justify-content:center;max-height:60px;padding:1rem;width:100%}.task-panel.expanded{width:100%}.vertical-text{font-size:.875rem;position:static;transform:none;white-space:nowrap}}.current-task-section{background-color:var(--kf-bg);border:1px solid var(--kf-hairline);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.current-task-header{display:flex;flex-direction:column;gap:.5rem}.current-task-label{color:var(--kf-ink-2);font-size:.875rem;font-weight:600}.current-task-display{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.current-task-name{color:var(--kf-work);flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-task-selected{color:var(--kf-muted);font-size:.875rem;font-style:italic}.clear-task-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1rem;height:1.5rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:1.5rem}.clear-task-btn:hover{background-color:var(--kf-hairline);color:var(--kf-danger)}.success-message{align-items:center;animation:slideIn .3s ease;background-color:var(--kf-success-subtle);border:1px solid var(--kf-success-border);border-radius:6px;color:var(--kf-success);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.error-message{animation:slideIn .3s ease;background-color:var(--kf-danger-subtle);border:1px solid var(--kf-danger-border);border-radius:4px;color:var(--kf-danger-ink);margin-top:.5rem;padding:.5rem .75rem}.project-input.error,.task-input.error{background-color:var(--kf-danger-subtle);border-color:var(--kf-danger)}.project-input.error:focus,.task-input.error:focus{border-color:var(--kf-danger);box-shadow:0 0 0 3px var(--kf-danger-glow)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.task-panel{padding:.75rem}.task-panel.collapsed{height:50px;max-height:50px;padding:.75rem}}.inline-rename-input{border:1px solid var(--kf-work);border-radius:4px;flex:1 1;font-size:.875rem;min-width:0;outline:none;padding:.125rem .375rem}.add-standalone-task-btn{background:none;border:1px dashed var(--kf-hairline-strong);border-radius:6px;color:var(--kf-muted);cursor:pointer;font-size:.8125rem;margin-top:.5rem;padding:.5rem;transition:all .2s ease;width:100%}.add-standalone-task-btn:hover{border-color:var(--kf-work);color:var(--kf-work)}.task-header{align-items:center;display:flex;gap:.5rem}.show-completed-toggle{background:none;border:1px solid var(--kf-hairline-strong);border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:.75rem;margin-left:auto;padding:.125rem .5rem;transition:all .2s ease;white-space:nowrap}.show-completed-toggle.active{border-color:var(--kf-work);color:var(--kf-work)}.complete-btn{align-items:center;background:none;border:2px solid var(--kf-muted-2);border-radius:50%;color:#0000;cursor:pointer;display:flex;flex-shrink:0;font-size:.625rem;height:18px;justify-content:center;margin-right:.375rem;padding:0;transition:all .15s ease;width:18px}.complete-btn:hover{border-color:var(--kf-work);color:var(--kf-work)}.complete-btn.is-complete{background:var(--kf-work);border-color:var(--kf-work);color:var(--kf-accent-ink)}.task-item.completed{cursor:default;opacity:.5}.task-item.completed .task-text{text-decoration:line-through}.task-item.completed.selected{background:none}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--kf-surface);border-radius:12px;box-shadow:var(--kf-shadow-pop);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background-color:var(--kf-bg);border-bottom:1px solid var(--kf-hairline);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:var(--kf-ink);font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2.5rem}.close-btn:hover{background-color:var(--kf-hairline);color:var(--kf-ink-2)}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{border-bottom:1px solid var(--kf-hairline);color:var(--kf-muted);font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--kf-muted);font-size:.875rem;font-weight:500}.setting-item input[type=number]{border:1px solid var(--kf-hairline-strong);border-radius:6px;font-size:.875rem;padding:.5rem;transition:border-color .2s ease;width:100px}.setting-item input[type=number]:focus{border-color:var(--kf-work);box-shadow:0 0 0 3px var(--kf-accent-glow);outline:none}.setting-item input[type=range]{margin-right:1rem;width:200px}.setting-item input[type=range]:disabled{cursor:not-allowed;opacity:.5}.volume-display{color:var(--kf-muted);font-size:.875rem;font-weight:500}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.modal-footer{background-color:var(--kf-bg);border-top:1px solid var(--kf-hairline);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary{background-color:var(--kf-muted);color:var(--kf-accent-ink)}.btn-secondary:hover{background-color:var(--kf-muted-2)}.btn-primary{background-color:var(--kf-work);color:var(--kf-accent-ink)}.btn-primary:hover{background-color:var(--kf-accent)}.btn-primary:disabled{background-color:var(--kf-muted-2);cursor:not-allowed}.sound-picker{align-items:center;display:flex;gap:.5rem}.sound-picker select{background:var(--kf-surface);border:1px solid var(--kf-hairline-strong);border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem}.sound-picker select:disabled{cursor:not-allowed;opacity:.5}.preview-btn{background:none;border:1px solid var(--kf-work);border-radius:6px;color:var(--kf-work);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.preview-btn:hover:not(:disabled){background-color:var(--kf-work);color:var(--kf-accent-ink)}.preview-btn:disabled{border-color:var(--kf-muted);color:var(--kf-muted);cursor:not-allowed;opacity:.4}.input-error{border-color:var(--kf-danger)!important}.error-message{color:var(--kf-danger);font-size:.75rem;margin-top:.25rem}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem}.setting-item input[type=range]{width:150px}}@media (max-width:480px){.modal-content{border-radius:0;height:100vh;max-height:100vh;width:100%}.modal-footer{flex-direction:column}.btn{width:100%}}.settings-section--disabled{opacity:.5;pointer-events:none}.settings-coming-soon{color:var(--kf-muted);font-size:.875rem;font-style:italic;margin:0}.segmented-control{background:var(--kf-bg);border:1px solid var(--kf-hairline-strong);border-radius:var(--kf-radius-sm);display:inline-flex;overflow:hidden}.segmented-btn{background:#0000;border:none;color:var(--kf-muted);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;transition:background-color var(--kf-dur-fast) var(--kf-ease),color var(--kf-dur-fast) var(--kf-ease);white-space:nowrap}.segmented-btn+.segmented-btn{border-left:1px solid var(--kf-hairline-strong)}.segmented-btn:hover{background:var(--kf-hairline);color:var(--kf-ink-2)}.segmented-btn--active{background:var(--kf-work);color:var(--kf-accent-ink)}.segmented-btn--active:hover{background:var(--kf-accent);color:var(--kf-accent-ink)}.bg-preset-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-top:.25rem}.bg-preset-swatch{align-items:flex-end;border:2px solid #0000;border-radius:var(--kf-radius-sm);cursor:pointer;display:flex;height:48px;overflow:hidden;padding:0;position:relative;transition:border-color var(--kf-dur-fast) var(--kf-ease),transform var(--kf-dur-fast) var(--kf-ease)}.bg-preset-swatch:hover:not(:disabled){border-color:var(--kf-hairline-strong);transform:translateY(-2px)}.bg-preset-swatch--active{border-color:var(--kf-work)!important;box-shadow:0 0 0 2px var(--kf-accent-glow)}.bg-preset-swatch:disabled{cursor:not-allowed;opacity:.4}.bg-preset-label{background:#00000047;color:var(--kf-accent-ink);display:block;font-size:.6rem;font-weight:600;letter-spacing:.04em;overflow:hidden;padding:2px 4px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.setting-item--dimmed{opacity:.5}.setting-item--dimmed label{font-style:italic}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table td{color:var(--kf-ink-2);font-size:.875rem;padding:4px 8px}.shortcuts-table td:first-child{width:80px}kbd{background:var(--kf-surface-2);border:1px solid var(--kf-hairline-strong);border-radius:4px;color:var(--kf-ink);font-family:var(--kf-font-mono);font-size:12px;padding:2px 6px}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.stats-modal{animation:statsModalEntry .3s cubic-bezier(.16,1,.3,1);background:var(--kf-bg);border:1px solid var(--kf-hairline);border-radius:var(--kf-radius-lg);box-shadow:var(--kf-shadow-pop);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;position:relative;width:95vw}@keyframes statsModalEntry{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.stats-modal__close{align-items:center;background:var(--kf-surface);border:1px solid var(--kf-hairline);border-radius:50%;color:var(--kf-muted);cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:background var(--kf-dur-fast),color var(--kf-dur-fast);width:36px;z-index:10}.stats-modal__close:hover{background:var(--kf-surface-2);color:var(--kf-ink)}.stats-modal__scroll{flex:1 1;overflow-y:auto;scrollbar-color:var(--kf-hairline-strong) var(--kf-surface);scrollbar-width:thin}.stats{min-height:100%;padding:40px 48px 48px}.stat__value{color:var(--kf-ink)}.link{background:none;border:none;color:var(--kf-accent);cursor:pointer;font-size:13px;font-weight:500;padding:0}.stats--dashboard .stats__head{align-items:flex-end}.stats__title{color:var(--kf-ink);font-size:48px}.stats__card:last-child{margin-bottom:0}.stats__card h3{color:var(--kf-ink)}.stats-modal__export{font-family:var(--kf-font-sans)}.heatmap-wrap{gap:8px;overflow-x:auto}.heatmap-months{grid-gap:3px;color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:10px;gap:3px;grid-template-columns:repeat(26,14px);letter-spacing:.04em}.heatmap-month{white-space:nowrap}.heatmap-body{align-items:flex-start}.heatmap-days{color:var(--kf-muted);flex-shrink:0;font-family:var(--kf-font-mono);font-size:10px;letter-spacing:.04em;padding-top:0;width:26px}.heatmap-day{height:14px}.heat{grid-auto-flow:column;grid-template-columns:repeat(26,14px);grid-template-rows:repeat(7,14px)}.heat__cell{border-radius:2px}.legend{padding-left:32px}.weekbar__col{align-items:flex-end}.weekbar__fill{transition:height var(--kf-dur-med) var(--kf-ease)}.bar__head{color:var(--kf-ink)}.bar__fill{transition:width var(--kf-dur-med) var(--kf-ease)}.sessions td{color:var(--kf-ink)}@media (max-width:1024px){.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__row{grid-template-columns:1fr}}@media (max-width:768px){.stats{padding:24px 20px 32px}.stats__title{font-size:36px}.stats__grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat__value{font-size:32px}.heatmap-body,.heatmap-months{font-size:9px}}@media (max-width:480px){.stats-modal{border-radius:0;max-height:100vh;max-width:100vw;width:100vw}.stats{padding:16px 12px 24px}.stats__grid{gap:8px;grid-template-columns:1fr 1fr}}.stats-page{background:var(--kf-bg);height:100vh;overflow-y:auto}.stats-page__topbar{align-items:center;background:var(--kf-bg);border-bottom:1px solid var(--kf-hairline);display:flex;padding:12px 48px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.stats-page__back{background:none;border:none;color:var(--kf-muted);cursor:pointer;font-family:var(--kf-font-mono);font-size:12px;letter-spacing:.06em;padding:4px 0;transition:color var(--kf-dur-fast)}.stats-page__back:hover{color:var(--kf-ink)}.stats-page__empty{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:calc(100vh - 57px);padding:48px;text-align:center}.stats-page__empty-line{color:var(--kf-ink);font-family:var(--kf-font-serif);font-size:32px;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0;max-width:520px}.stats-page__empty-cta{background:var(--kf-accent-soft);border:1.5px solid;border-radius:999px;color:var(--kf-accent);cursor:pointer;font-family:var(--kf-font-mono);font-size:12px;letter-spacing:.08em;padding:10px 24px;text-transform:uppercase;transition:background var(--kf-dur-fast),opacity var(--kf-dur-fast)}.stats-page__empty-cta:hover{opacity:.8}.stats{background:var(--kf-bg);box-sizing:border-box;color:var(--kf-ink);font-family:var(--kf-font-sans);padding:40px 48px}.stat{background:var(--kf-surface);border:1px solid var(--kf-hairline);border-radius:var(--kf-radius);padding:18px 20px}.stat__label{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:11px;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.stat__value{font-family:var(--kf-font-serif);font-size:44px;letter-spacing:-.02em;line-height:1}.stat__sub{margin-top:6px}.muted,.stat__sub{color:var(--kf-muted);font-size:12px}.chip{background:var(--kf-accent-soft);border-radius:999px;color:var(--kf-accent);display:inline-block;font-family:var(--kf-font-mono);font-size:11px;letter-spacing:.06em;padding:2px 8px}.seg{background:var(--kf-surface);border:1px solid var(--kf-hairline);border-radius:999px;display:inline-flex;padding:3px}.seg__btn{background:#0000;border:0;border-radius:999px;color:var(--kf-muted);cursor:pointer;font-family:var(--kf-font-mono);font-size:12px;letter-spacing:.04em;padding:6px 14px;transition:background var(--kf-dur-fast),color var(--kf-dur-fast)}.seg__btn[data-active=true]{background:var(--kf-ink);color:var(--kf-bg)}.seg__btn:hover:not([data-active=true]){color:var(--kf-ink)}.stats--dashboard .stats__head{align-items:end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.stats__eyebrow{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:11px;letter-spacing:.18em;margin-bottom:8px}.stats__title{font-family:var(--kf-font-serif);font-size:56px;font-weight:400;letter-spacing:-.02em;line-height:1;margin:0}.stats__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stats__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr;margin-bottom:20px}.stats__card{background:var(--kf-surface);border:1px solid var(--kf-hairline);border-radius:var(--kf-radius);margin-bottom:20px;padding:22px 24px}.stats__card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.stats__card h3{font-size:15px;font-weight:600;letter-spacing:-.005em;margin:0}.heatmap-wrap{display:flex;flex-direction:column;gap:6px}.heatmap-months{display:grid;grid-template-columns:repeat(26,1fr);margin-bottom:2px;padding-left:32px}.heatmap-month{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:10px;letter-spacing:.06em}.heatmap-body{align-items:start;display:flex;gap:6px}.heatmap-days{display:flex;flex-direction:column;gap:3px;padding-top:2px}.heatmap-day{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:10px;letter-spacing:.04em;line-height:14px}.heat{grid-gap:3px;display:grid;flex:1 1;gap:3px;grid-template-columns:repeat(26,1fr);grid-template-rows:repeat(7,1fr)}.heat__cell{border-radius:3px;cursor:default;height:14px;position:relative;transition:transform 80ms ease;width:14px}.heat__cell[data-tooltip]:hover:after{background:var(--kf-ink);border-radius:6px;bottom:calc(100% + 6px);color:var(--kf-bg);content:attr(data-tooltip);font-family:var(--kf-font-mono);font-size:10px;letter-spacing:.04em;padding:4px 8px;white-space:nowrap}.heat__cell[data-tooltip]:hover:after,.heat__cell[data-tooltip]:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.heat__cell[data-tooltip]:hover:before{border:4px solid #0000;border-top:4px solid var(--kf-ink);bottom:calc(100% + 2px);content:""}.heat__cell:hover{transform:scale(1.4)}.legend{align-items:center;color:var(--kf-muted);display:flex;font-family:var(--kf-font-mono);font-size:11px;gap:8px}.legend__dots{display:inline-flex;gap:3px}.legend__dots i{border-radius:2px;display:inline-block;height:10px;width:10px}.bars{display:flex;flex-direction:column;gap:14px}.bar__head{display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.bar__pip{border-radius:50%;display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.bar__hrs{color:var(--kf-muted);font-family:var(--kf-font-mono)}.bar__track{background:var(--kf-bg-2);border-radius:999px;height:8px;overflow:hidden}.bar__fill{border-radius:999px;height:100%;transition:width .24s var(--kf-ease)}.weekbars{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);height:200px}.weekbar{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%}.weekbar__col{align-items:end;background:var(--kf-bg-2);border-radius:6px;display:flex;height:140px;overflow:hidden;width:100%}.weekbar__fill{border-radius:6px;transition:height .24s var(--kf-ease);width:100%}.weekbar__day{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.weekbar__h{color:var(--kf-ink);font-size:12px;font-weight:600}.sessions{border-collapse:collapse;font-size:13px;width:100%}.sessions th{color:var(--kf-muted);font-family:var(--kf-font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;padding:8px 0;text-align:left;text-transform:uppercase}.sessions td,.sessions th{border-bottom:1px solid var(--kf-hairline)}.sessions td{padding:12px 0}.sessions tr:last-child td{border-bottom:0}.sessions .num{font-family:var(--kf-font-mono)}@media (max-width:720px){.stats-page__topbar{padding:12px 20px}.stats{padding:24px 20px}.stats__title{font-size:36px}.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__row{grid-template-columns:1fr}.heatmap-wrap{overflow-x:auto}}@media print{.seg,.stats-page__topbar{display:none!important}.stats-page{min-height:0;min-height:auto;overflow:visible}.stats{padding:0}.stat,.stats__card{border:1px solid var(--kf-hairline);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.stats__title{font-size:36px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.stats__grid{gap:8px;margin-bottom:16px}.stats__card{margin-bottom:12px;padding:14px 16px}.stats__row{gap:12px;margin-bottom:12px}.heat__cell:after,.heat__cell:before{display:none!important}}.mini-timer{background:var(--kf-surface);border:2px solid var(--kf-hairline);border-radius:12px;box-shadow:var(--kf-shadow-card);font-family:var(--kf-font-sans);padding:16px;width:280px}.mini-timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mini-timer-session{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-kind=work] .mini-timer-progress-fill,[data-kind=work] .mini-timer-session,[data-kind=work] .mini-timer-time{color:var(--kf-work)}[data-kind=work] .mini-timer-progress-fill{background-color:var(--kf-work)}[data-kind=break] .mini-timer-session,[data-kind=break] .mini-timer-time{color:var(--kf-break)}[data-kind=break] .mini-timer-progress-fill{background-color:var(--kf-break)}[data-kind=long] .mini-timer-session,[data-kind=long] .mini-timer-time{color:var(--kf-long-break)}[data-kind=long] .mini-timer-progress-fill{background-color:var(--kf-long-break)}.mini-timer-status{background-color:var(--kf-bg);border:1px solid var(--kf-hairline);border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.mini-timer-status:hover{background-color:var(--kf-hairline);transform:translateY(-1px)}.mini-timer-status:disabled{cursor:not-allowed;opacity:.6}.mini-timer-status.active{background-color:var(--kf-success-subtle);border-color:var(--kf-success-border);color:var(--kf-success)}.mini-timer-status.paused{background-color:var(--kf-warning-subtle);border-color:var(--kf-warning-border);color:var(--kf-warning)}.mini-timer-task{align-items:center;background-color:var(--kf-accent-soft);border:1px solid var(--kf-accent-glow);border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px}.mini-timer-task-label{color:var(--kf-muted);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mini-timer-task-name{color:var(--kf-work);font-size:12px;font-weight:600;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mini-timer-time{font-size:32px;font-weight:300;line-height:1;margin:16px 0;text-align:center}.mini-timer-progress-container{border-radius:4px;height:8px;overflow:hidden;position:relative}.mini-timer-progress-bg{background-color:var(--kf-hairline);height:100%;left:0;position:absolute;top:0;width:100%}.mini-timer-progress-fill{background-color:var(--kf-work);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.mini-timer-container{position:relative}.mini-timer-container,.mini-timer-pip{background:var(--kf-surface);border-radius:12px;box-shadow:var(--kf-shadow-pop);-webkit-user-select:none;user-select:none}.mini-timer-pip-fallback .mini-timer-pip{cursor:move;position:fixed;right:20px;top:20px;z-index:10000}.mini-timer-container .mini-timer,.mini-timer-pip .mini-timer{border:none;box-shadow:none;margin:0}.mini-timer-pip-controls{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s}.mini-timer-container:hover .mini-timer-pip-controls,.mini-timer-pip:hover .mini-timer-pip-controls{opacity:1}.mini-timer-pip-button{align-items:center;background:var(--kf-bg);border:none;border-radius:50%;color:var(--kf-muted);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:background-color .2s;width:20px}.mini-timer-pip-button:hover{background:var(--kf-hairline)}.mini-timer-pip-button.close{background:var(--kf-danger);color:var(--kf-accent-ink)}.mini-timer-pip-button.close:hover{background:var(--kf-danger-hover)}.mini-timer-controls{align-items:center;display:flex;gap:4px}.mini-timer-skip{background-color:var(--kf-bg);border:1px solid var(--kf-hairline);border-radius:4px;color:var(--kf-muted);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.mini-timer-skip:hover{background-color:var(--kf-hairline);color:var(--kf-ink-2);transform:translateY(-1px)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{background-color:var(--kf-bg)}.app-content,.main-content{display:flex;flex:1 1;overflow:hidden}.main-content{align-items:center;flex-direction:column;justify-content:center;max-width:calc(100% - 350px);padding:2rem;transition:max-width .3s ease}.main-content.panel-collapsed{max-width:calc(100% - 60px)}.main-content.panel-expanded{max-width:calc(100% - 350px)}.challenge-text{color:var(--kf-ink);font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}@media (max-width:768px){.app-content{flex-direction:column}.main-content{order:1;padding:1rem}.main-content,.main-content.panel-collapsed,.main-content.panel-expanded{max-width:100%}}@media (max-width:480px){.main-content{padding:.5rem}}
/*# sourceMappingURL=main.ab107f9a.css.map*/