@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-color: #020208;--surface-color: #0a0a0a;--panel-border: #111;--text-color: #eee;--work-color: #10B981;--break-color: #3B82F6;--stats-color: #F59E0B;--settings-color: #A855F7;--danger-color: #EF4444;--text-dim: #8B97A4;--current-theme: var(--work-color);--heatmap-0: #0d0d0d;--heatmap-1: #3d2e00;--heatmap-2: #7a5c00;--heatmap-3: #b88a00;--heatmap-4: #F59E0B;--grid-color: rgba(255,255,255,.018);--grain-opacity: .3;--task-input-safe-top: calc(env(safe-area-inset-top, 0px) + 14px) ;--task-input-bottom-space: calc(96px + var(--keyboard-offset, 0px) + env(safe-area-inset-bottom, 0px))}body{background-color:var(--bg-color);font-family:JetBrains Mono,monospace;margin:0;color:var(--text-color);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--grid-color) 1px,transparent 0);background-size:16px 16px;pointer-events:none;z-index:0}.film-grain{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");background-size:256px 256px;pointer-events:none;z-index:2;opacity:var(--grain-opacity)}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 25%,rgba(16,185,129,.07) 0%,transparent 50%),radial-gradient(ellipse at 15% 75%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(ellipse at 85% 15%,rgba(168,85,247,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 95%,rgba(245,158,11,.04) 0%,transparent 35%),linear-gradient(180deg,#10b98105,#02020800 20%,#3b82f604,#02020800 80%,#f59e0b05);pointer-events:none;z-index:0}:root[data-glow=none] body:after{display:none}.bg-vignette{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}.tui-window{position:relative;background-color:transparent;width:100vw;height:100vh;border:none;display:flex;flex-direction:column;overflow:hidden;z-index:1;transition:box-shadow .8s ease-out;padding-top:env(safe-area-inset-top,0px)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000026 50%);background-size:100% 4px;pointer-events:none;z-index:100;opacity:.5}.tui-header{background-color:transparent;color:var(--text-dim);font-weight:800;padding:10px 24px;font-size:13px;text-transform:uppercase;letter-spacing:2px;display:flex;justify-content:space-between;border-bottom:1px solid var(--panel-border);transition:all .3s ease}.tui-header .header-brand{color:var(--current-theme)}.tui-tabs{display:flex;justify-content:center;background:transparent;border-bottom:1px solid var(--panel-border);gap:0}.tab{padding:10px 24px;font-size:13px;font-family:JetBrains Mono,monospace;color:var(--text-dim);text-transform:uppercase;cursor:pointer;transition:all .2s;letter-spacing:1px;border:none;border-bottom:2px solid transparent;background:transparent;outline:none}.tab:hover{color:var(--text-color);background:color-mix(in srgb,var(--surface-color) 88%,var(--text-color) 12%)}.tab:focus-visible,.btn-small:focus-visible,.task-item[role=button]:focus-visible,.task-type-chip:focus-visible,.source-badge.source-link:focus-visible,.url-chip:focus-visible,.mobile-task-tab:focus-visible,.focus-ctrl:focus-visible,.pixel-timer-canvas:focus-visible{outline:1px solid var(--current-theme);outline-offset:2px}.tab.active{background:transparent;color:var(--current-theme);font-weight:700;border-bottom:2px solid var(--current-theme);box-shadow:none}.tui-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.view-main{display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden;gap:8px}.hero-zone{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;--hero-max-width: min(1280px, calc(100vw - 56px) );padding:18px 24px 10px;gap:10px;flex:0 0 auto;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.hero-zone::-webkit-scrollbar{display:none}.hero-zone>*{flex-shrink:0}.session-card{width:100%;max-width:var(--hero-max-width);border:none;border-radius:0;padding:10px 0 8px;background:transparent;display:flex;flex-direction:column;align-items:center;transition:opacity .2s ease}.session-card.active-session,.session-card.break-session{border:none;background:transparent}.session-header{display:flex;align-items:center;gap:12px;width:100%;justify-content:center;margin-bottom:6px}.session-status{font-size:11px;letter-spacing:3px;color:var(--current-theme);opacity:.7;text-transform:uppercase}.session-status.break-status{color:var(--break-color)}.session-badge{font-size:10px;letter-spacing:1px;padding:2px 8px;border-radius:3px;text-transform:uppercase;font-weight:600}.session-badge-coding{background:#10b98126;color:var(--work-color, #10B981);border:1px solid rgba(16,185,129,.3)}.session-badge-generic{background:#22d3ee26;color:#22d3ee;border:1px solid rgba(34,211,238,.35)}.session-badge-debugging{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.session-badge-review{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.session-badge-planning{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.session-badge-admin{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.session-streak{font-size:11px;color:var(--stats-color, #F59E0B);opacity:.8}.session-task-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);text-align:center;margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}.session-task-title.running{color:var(--current-theme)}.session-task-title .task-marker{opacity:.6}.session-task-title .dim{color:var(--text-dim);opacity:.5;font-size:13px;font-weight:400;letter-spacing:1px}.focus-type-pill{display:none;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid currentColor;border-radius:2px;padding:2px 8px;opacity:.9}.focus-type-pill.type-coding{color:var(--work-color, #10B981)}.focus-type-pill.type-generic{color:#22d3ee}.focus-type-pill.type-debugging{color:#f59e0b}.focus-type-pill.type-review{color:#3b82f6}.focus-type-pill.type-planning{color:#8b5cf6}.focus-type-pill.type-admin{color:#9ca3af}.daily-focus-summary{width:100%;max-width:var(--hero-max-width);margin-top:6px}.daily-focus-track{width:100%;height:4px;background:#0d0d0d;border-radius:2px;overflow:hidden}.daily-focus-fill{height:100%;background:var(--stats-color, #F59E0B);border-radius:2px;transition:width .5s ease}.daily-focus-text{font-size:11px;color:var(--text-dim);text-align:center;margin-top:4px;letter-spacing:.5px;opacity:.7}.daily-focus-text.complete{color:var(--stats-color);opacity:1}.mode-label{font-size:13px;text-transform:uppercase;letter-spacing:4px;color:var(--current-theme);margin-bottom:12px;opacity:.7}.pixel-timer-canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:min(900px,100%);max-width:100%;height:auto}.big-timer{display:none}.big-timer.paused{opacity:.6;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.6}50%{opacity:.2}}.timer-controls{display:flex;gap:8px;margin-top:12px;z-index:10;align-items:center;justify-content:center}.btn-small{font-size:13px;border:1px solid var(--panel-border);padding:7px 14px;font-family:inherit;color:var(--text-dim);text-transform:uppercase;cursor:pointer;font-weight:700;transition:all .2s;background:color-mix(in srgb,var(--surface-color) 92%,var(--text-color) 8%);display:inline-flex;align-items:center;justify-content:center;min-height:36px;line-height:1;white-space:nowrap;flex:0 0 auto}.btn-small:hover,.btn-small.active{border-color:var(--current-theme);color:var(--current-theme);background:color-mix(in srgb,var(--surface-color) 84%,var(--current-theme) 16%)}.btn-small:active{transform:scale(.96);background:color-mix(in srgb,var(--surface-color) 74%,var(--current-theme) 26%)}.block-bar-container{width:100%;max-width:var(--hero-max-width);height:14px;background:var(--surface-color);position:relative;display:flex;align-items:center;margin-top:14px;border:1px solid var(--panel-border);overflow:visible;flex-shrink:0}.block-bar-fill{height:100%;background-color:#f59e0b;width:100%;transition:width .5s ease-out;background-image:linear-gradient(90deg,rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.15) 1px,transparent 1px);background-size:2px 2px;position:relative}.block-bar-text{position:absolute;width:100%;text-align:center;font-size:0;visibility:hidden}.thanos-particle{position:absolute;background:#f59e0b;pointer-events:none;z-index:50;image-rendering:pixelated}.thanos-particle.glow{box-shadow:0 0 4px 1px #f59e0b99}@keyframes thanosDissolve{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}30%{opacity:.9;transform:translate(calc(var(--tx) * .3),calc(var(--ty) * .2)) scale(1.1) rotate(calc(var(--rot) * .3))}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0) rotate(var(--rot))}}@keyframes thanosFloat{0%{opacity:1;transform:translate(0) scale(1)}20%{opacity:.95;transform:translate(calc(var(--tx) * .15),-4px) scale(1.2)}60%{opacity:.5;transform:translate(calc(var(--tx) * .6),calc(var(--ty) * .5 - 8px)) scale(.7)}to{opacity:0;transform:translate(var(--tx),calc(var(--ty) + 20px)) scale(0)}}@keyframes thanosSparkle{0%{opacity:1;transform:translate(0) scale(.5)}15%{opacity:1;transform:translate(2px,-2px) scale(1.5)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.progress-label{font-size:13px;color:#f59e0b;margin-top:6px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.bottom-zone{flex:1;display:flex;flex-direction:column;width:100%;max-width:1520px;margin:0 auto;padding:0 28px 10px;overflow:hidden;min-height:0}.queue-peek-toggle{display:none}.task-grid{display:flex;gap:20px;flex-grow:1;overflow:hidden;border-top:1px solid #111;padding-top:16px}.task-grid>.task-box{flex:1;min-width:0;min-height:0}.column-divider{display:flex;align-items:center;justify-content:center;width:12px;flex-shrink:0;cursor:col-resize;-webkit-user-select:none;user-select:none;position:relative}.column-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#222;transition:background .15s}.column-divider:hover:before,.task-grid.resizing .column-divider:before{background:var(--current-theme, #10B981)}.divider-grip{width:4px;height:32px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;z-index:1;opacity:.3;transition:opacity .15s}.column-divider:hover .divider-grip,.task-grid.resizing .divider-grip{opacity:.7}.divider-grip:before,.divider-grip:after{content:"";width:4px;height:1px;background:var(--text-dim, #666)}.task-grid.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.task-box{background:transparent;border:1px solid #141414;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:6px}.task-scroll-area{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0;padding:6px 12px 12px}.task-scroll-area>*{flex-shrink:0}.task-scroll-area::-webkit-scrollbar{width:4px}.task-scroll-area::-webkit-scrollbar-thumb{background:#333}.task-title-list{font-size:14px;color:var(--current-theme);margin-bottom:0;font-weight:700;text-transform:uppercase;flex-shrink:0;padding:12px 12px 10px;border-bottom:1px solid #121212}.task-filter-shell{position:relative;flex-shrink:0;z-index:12}.task-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;padding:7px 12px;border-bottom:1px solid #121212;background:color-mix(in srgb,var(--surface-color) 88%,transparent);flex-shrink:0}.task-filter-trigger,.task-filter-clear,.task-filter-close{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 8px;border:1px solid var(--panel-border);border-radius:3px;background:transparent;color:var(--text-dim);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.7px;cursor:pointer;white-space:nowrap}.task-filter-trigger.active{color:var(--current-theme);border-color:currentColor;background:color-mix(in srgb,var(--current-theme) 10%,transparent)}.task-filter-clear{color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 55%,transparent)}.task-filter-close{margin-left:auto;color:var(--text-dim);border-color:color-mix(in srgb,var(--text-dim) 45%,transparent)}.task-filter-summary,.task-filter-query{min-width:0;color:var(--text-dim);font-size:10px;letter-spacing:.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-filter-summary{flex-shrink:0;color:var(--stats-color)}.task-filter-query{flex:1}.task-filter-popover{position:absolute;top:100%;left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:9px;width:100%;max-width:100%;max-height:min(34vh,260px);padding:10px 12px 12px;border:1px solid #121212;border-top:none;background:color-mix(in srgb,var(--surface-color) 94%,var(--settings-color) 6%);box-shadow:0 14px 24px #00000059;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.task-filter-search{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:8px;color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:1px}.task-filter-search input{width:100%;min-width:0;min-height:30px;border:1px solid var(--panel-border);border-radius:3px;background:var(--bg-color);color:var(--text-color);font:inherit;font-size:11px;padding:4px 8px}.task-filter-search input:focus{outline:1px solid var(--current-theme);outline-offset:1px}.task-filter-group{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:8px}.task-filter-label{color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:1px;padding-top:6px}.task-filter-options{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.task-filter-chip{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 8px;border:1px solid var(--panel-border);border-radius:3px;background:transparent;color:var(--text-dim);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.7px;cursor:pointer}.task-filter-chip.active{color:var(--current-theme);border-color:currentColor;background:color-mix(in srgb,var(--current-theme) 10%,transparent)}.task-filter-chip.src-jira.active{color:#579dff}.task-filter-chip.src-github.active{color:#7ee787}.task-filter-chip.src-calendar.active{color:#34d399}.task-filter-chip.src-manual.active{color:var(--text-color)}.task-filter-chip.prio-H.active{color:var(--danger-color)}.task-filter-chip.prio-M.active{color:var(--stats-color)}.task-filter-chip.prio-L.active{color:var(--text-color)}.task-filter-chip.type-filter-coding.active{color:#34d399}.task-filter-chip.type-filter-generic.active{color:#67e8f9}.task-filter-chip.type-filter-debugging.active{color:#60a5fa}.task-filter-chip.type-filter-review.active{color:#f59e0b}.task-filter-chip.type-filter-planning.active{color:#a78bfa}.task-filter-chip.type-filter-admin.active{color:#f87171}.task-filter-count{min-width:18px;padding:1px 4px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:2px;font-size:9px;line-height:1.2}.task-empty-state{padding:16px 8px;color:var(--text-dim);font-size:11px;opacity:.68;text-align:center;letter-spacing:1px}.task-item{font-size:15px;margin-bottom:0;padding:9px 8px;border-left:4px solid transparent;display:flex;flex-direction:column;cursor:pointer;transition:all .15s;border-radius:4px}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;width:100%}.task-name{flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}.task-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:46%}.touch-reorder{display:none;gap:2px}.reorder-btn{background:transparent;border:1px solid #333;color:var(--text-dim);font-family:inherit;font-size:12px;padding:2px 6px;min-height:28px;min-width:28px;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.reorder-btn:disabled{opacity:.25}.reorder-btn:active:not(:disabled){background:#1a1a1a;color:var(--current-theme);border-color:var(--current-theme)}@media(hover:none)and (pointer:coarse){.touch-reorder{display:flex}}.task-item.paused-task{background:#0f0a15;border-left-color:var(--settings-color);color:#fff}.task-item.running{background:#ffffff0d;border-left-color:var(--current-theme);color:var(--current-theme)}.task-item.running .task-name{font-weight:700}.task-item.done{opacity:.55;border-left-color:transparent!important;background:#0003!important;color:var(--text-dim);border:1px dashed #222}.task-item.done .task-name{text-decoration:line-through}.swipe-container{position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipe-action{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .15s;pointer-events:none}.swipe-action.active{opacity:1}.done-action{left:0;padding-left:16px;background:linear-gradient(90deg,rgba(16,185,129,.2) 0%,transparent 60%);color:var(--work-color)}.delete-action{right:0;padding-right:16px;justify-content:flex-end;background:linear-gradient(270deg,rgba(239,68,68,.2) 0%,transparent 60%);color:var(--danger-color)}.swipe-container .task-item{position:relative;z-index:1;background:var(--bg-color, #020208);margin-bottom:0;will-change:transform}.swipe-container .task-item.snapping{transition:transform .2s ease-out}.swipe-container .task-item.paused-task{background:#0f0a15}.swipe-container .task-item.running{background:#0d0d12}.task-details{padding-left:20px;margin-top:8px;width:100%;display:flex;flex-direction:column;gap:6px}.task-desc{color:var(--text-dim);font-size:14px;line-height:1.4}.task-desc-expand{cursor:pointer;touch-action:manipulation}.task-desc-toggle{appearance:none;-webkit-appearance:none;background:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;text-align:left;padding:0;margin:0;width:100%}.task-urls{display:flex;flex-wrap:wrap;gap:6px}.url-chip{appearance:none;-webkit-appearance:none;background:#a855f726;color:var(--settings-color);border:1px solid var(--settings-color);font-family:inherit;padding:4px 8px;font-size:12px;border-radius:2px;text-transform:uppercase;cursor:pointer;transition:background .2s;min-height:28px;display:inline-flex;align-items:center}.task-item.done .url-chip{border-color:#444;color:#888;background:#111}.url-chip:hover{background:var(--settings-color);color:#000}.url-chip.chip-jira{background:#0052cc26;color:#579dff;border-color:#0052cc80}.url-chip.chip-jira:hover{background:#579dff;color:#000}.url-chip.chip-github{background:#23863626;color:#7ee787;border-color:#23863680}.url-chip.chip-github:hover{background:#7ee787;color:#000}.url-chip.chip-calendar{background:#34d3991a;color:#34d399;border-color:#34d39966}.url-chip.chip-calendar:hover{background:#34d399;color:#000}.url-chip.chip-gitlab{background:#fc6d2626;color:#fc6d26;border-color:#fc6d2680}.url-chip.chip-gitlab:hover{background:#fc6d26;color:#000}.priority-tag{font-size:12px;padding:1px 3px;border:1px solid currentColor;margin-left:8px;text-transform:uppercase}.task-type-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(75,85,99,.4);background:#11182773;color:#9ca3af;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.task-type-chip:hover{filter:brightness(1.15);border-color:#9ca3afb3}.task-type-chip .type-icon{font-size:9px;opacity:.9}.task-type-chip.readonly{cursor:default;opacity:.75}.type-coding{color:#34d399;border-color:#34d39973;background:#052e1673}.type-generic{color:#67e8f9;border-color:#67e8f973;background:#082f4959}.type-debugging{color:#60a5fa;border-color:#60a5fa73;background:#1e3a8a59}.type-review{color:#f59e0b;border-color:#f59e0b73;background:#78350f59}.type-planning{color:#a78bfa;border-color:#a78bfa73;background:#4c1d9559}.type-admin{color:#f87171;border-color:#f8717173;background:#7f1d1d59}.status-chip{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;border:1px solid currentColor;padding:1px 4px;border-radius:2px;opacity:.9}.status-in_progress{color:#60a5fa;border-color:#60a5fa8c;background:#1e3a8a40}.status-blocked{color:#f87171;border-color:#f871718c;background:#7f1d1d4d}.status-done{color:#34d399;border-color:#34d3998c;background:#052e164d}.prio-H{color:var(--danger-color)}.prio-M{color:var(--stats-color)}.prio-L{color:var(--text-dim)}.task-item.done .priority-tag{color:var(--text-dim)!important}.source-badge{font-size:10px;padding:1px 5px;font-family:inherit;border-radius:2px;font-weight:700;letter-spacing:.5px;margin-left:6px;vertical-align:middle;display:inline-block}.source-badge.src-jira{color:#579dff;background:#0052cc26;border:1px solid rgba(0,82,204,.5)}.source-badge.src-github{color:#7ee787;background:#23863626;border:1px solid rgba(35,134,54,.5)}.source-badge.src-calendar{color:#34d399;border:1px solid rgba(52,211,153,.4)}.source-badge.src-manual{color:var(--text-dim);border:1px solid rgba(75,85,99,.3)}.source-badge.source-link{appearance:none;-webkit-appearance:none;cursor:pointer;text-decoration:none}.source-badge.source-link:hover{filter:brightness(1.3);text-decoration:underline}.task-item.done .source-badge{color:var(--text-dim)!important;border-color:#4b556333!important}.task-item.done .source-badge.source-link:hover{filter:brightness(1.2)}.task-item.done .task-type-chip{color:var(--text-dim)!important;border-color:#4b55634d!important;background:#11182759!important}.mobile-priority-bar,.mobile-type-bar,.mobile-input-actions{display:none}.task-input-container.active .mobile-priority-bar,.task-input-container.active .mobile-type-bar{display:flex;align-items:center;gap:6px;margin-top:8px}.mobile-priority-label{font-size:10px;color:var(--text-dim);font-weight:700;letter-spacing:1px;white-space:nowrap}.mobile-prio-btn{flex:1;min-height:34px;font-family:inherit;font-size:10px;font-weight:700;background:#070a0feb;border:1px solid rgba(75,85,99,.45);color:#9ca3af;cursor:pointer;touch-action:manipulation;transition:all .15s;letter-spacing:.8px;text-transform:uppercase;border-radius:2px}.mobile-prio-btn.prio-high{color:#fca5a5;border-color:#ef444459}.mobile-prio-btn.prio-med{color:#fcd34d;border-color:#f59e0b59}.mobile-prio-btn.prio-low{color:#9ca3af;border-color:#4b556380}.mobile-prio-btn.selected{background:#ffffff08;color:#e5e7eb;box-shadow:none}.mobile-prio-btn.prio-high.selected{background:#7f1d1d47;border-color:#ef4444b3}.mobile-prio-btn.prio-med.selected{background:#78350f47;border-color:#f59e0bb8}.mobile-prio-btn.prio-low.selected{background:#111827bd;border-color:#9ca3afa6;color:#cbd5e1}.task-input-meta-hint{font-size:10px;color:var(--text-dim);opacity:.75;letter-spacing:.6px;margin-top:6px}.mobile-type-btn{min-height:36px;min-width:42px;padding:0 8px;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.8px;background:#070a0feb;border:1px solid rgba(75,85,99,.45);color:#9ca3af;cursor:pointer;touch-action:manipulation;transition:all .15s;border-radius:2px}.mobile-type-short{display:inline-flex;align-items:center;justify-content:center;min-width:24px}.mobile-type-btn.selected{color:var(--current-theme);border-color:var(--current-theme);background:#10b9811a}.task-input-container{display:none;margin-top:5px;padding:8px;flex-direction:column;background:var(--surface-color);border:1px solid var(--current-theme);color:var(--text-color);box-shadow:inset 0 0 10px #0000002e;position:relative}.task-input-container.active{display:flex}.task-input-backdrop,.task-input-close{display:none}.task-input-top-row{display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}.task-input-top-step{font-size:9px;color:var(--text-dim);font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.85;line-height:1.05}.task-input-top-hint{font-size:10px;color:var(--current-theme);font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.9;white-space:normal;overflow:hidden;text-overflow:clip;line-height:1.15;max-height:2.4em}.input-helper-text{font-size:12px;color:var(--current-theme);margin-bottom:6px;text-transform:uppercase;font-weight:700;opacity:.8}.input-row{display:flex;align-items:center;width:100%}.input-prompt-text{color:var(--settings-color);font-size:14px;font-weight:700;margin-right:8px;white-space:nowrap}.task-input{background:transparent;border:none;color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:15px;width:100%;outline:none}.task-input::placeholder{color:var(--text-dim);font-style:italic}.system-log{border-top:1px solid #111;background:transparent;height:44px;font-size:13px;color:var(--text-dim);overflow-y:auto;display:flex;flex-direction:column;gap:3px;flex-shrink:0;width:100%;max-width:1000px;margin:0 auto;padding:6px 24px}.system-log::-webkit-scrollbar{width:4px}.system-log::-webkit-scrollbar-thumb{background:#222}.log-entry span{color:var(--current-theme);font-weight:700}.log-entry.warn span{color:var(--danger-color)}.key-hints-bar{display:flex;justify-content:center;gap:16px;padding:4px 24px;font-size:12px;color:var(--text-dim);width:100%;max-width:1400px;margin:0 auto;flex-shrink:0}.key-hint{color:var(--current-theme);font-weight:700;background:#ffffff0d;padding:1px 4px;border-radius:2px;border:1px solid #222}.hidden{display:none!important}.settings-section{margin-bottom:12px}.settings-section:last-child{margin-bottom:0}.settings-section-title{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;letter-spacing:2px;color:var(--settings-color);opacity:.6;border-bottom:1px solid var(--panel-border);text-transform:uppercase}.settings-section-title svg{width:16px;height:16px;fill:currentColor;flex-shrink:0;image-rendering:pixelated}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--panel-border);font-size:12px;cursor:pointer}.setting-row>span:first-child{min-width:0;overflow-wrap:anywhere}.setting-row>span:last-child{flex-shrink:0}.setting-row:hover{background:color-mix(in srgb,var(--surface-color) 85%,var(--text-color) 15%)}.setting-desc{padding:2px 10px 6px;font-size:10px;color:var(--text-dim);opacity:.7;line-height:1.4;border-bottom:1px solid var(--panel-border)}.toggle-box{color:var(--settings-color);font-weight:700}.toggle-box.off{color:var(--text-dim);opacity:.8}.quick-guide-box{padding:10px;border-bottom:1px solid var(--panel-border);background:#3b82f60a;display:flex;flex-direction:column;gap:8px}.quick-guide-heading{font-size:10px;color:var(--stats-color);letter-spacing:1px;text-transform:uppercase;font-weight:700}.quick-guide-list{margin:0;padding-left:16px;color:var(--text-dim);font-size:10px;line-height:1.45;display:flex;flex-direction:column;gap:4px}.quick-guide-ordered{padding-left:18px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 10px 12px;border-bottom:1px solid var(--panel-border)}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:1px solid var(--panel-border);border-radius:3px;background:transparent;cursor:pointer;font-family:inherit;color:var(--text-dim);transition:all .15s;position:relative}.theme-chip:hover{border-color:var(--text-dim);background:color-mix(in srgb,var(--surface-color) 88%,var(--text-color) 12%)}.theme-chip.active{border-color:var(--work-color);background:#ffffff0a}.theme-chip.active .theme-name{color:var(--text-color)}.theme-chip.locked{opacity:.45;cursor:not-allowed}.theme-chip.locked:hover{border-color:var(--panel-border);background:var(--surface-color)}.theme-dot-row{display:flex;gap:2px}.theme-dot-sm{width:8px;height:8px;border-radius:1px}.theme-name{font-size:8px;letter-spacing:.5px;font-weight:600}.theme-lock{position:absolute;top:2px;right:2px;font-size:8px}.preview-btn{background:transparent;border:1px solid var(--settings-color);color:var(--settings-color);font-family:inherit;font-size:10px;padding:2px 8px;cursor:pointer;min-width:28px;min-height:22px;display:flex;align-items:center;justify-content:center;transition:all .15s}.preview-btn:hover{background:#a855f71a}.preview-btn.playing{color:var(--danger-color);border-color:var(--danger-color)}.login-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:10px;letter-spacing:1px;background:var(--surface-color);border-bottom:1px solid var(--panel-border);color:var(--text-dim)}.login-bar .user-info{display:flex;align-items:center;gap:6px}.login-bar .user-info img{width:16px;height:16px;border-radius:2px;image-rendering:pixelated}.pixel-avatar{width:24px;height:24px;border-radius:2px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border:1px solid #333;flex-shrink:0}.login-bar .user-actions{display:flex;gap:8px}.login-btn,.sync-btn,.logout-btn{cursor:pointer;padding:2px 6px;font-family:inherit;font-size:10px;letter-spacing:1px;border:1px solid #333;background:transparent;color:var(--settings-color)}.login-btn:hover,.sync-btn:hover,.logout-btn:hover{background:#1a1a1a}.sync-btn{color:var(--stats-color)}.logout-btn{color:var(--danger-color);border-color:#2a1515}.integration-status{display:flex;gap:10px;align-items:center}.integration-dot{width:6px;height:6px;border-radius:1px;background:#333}.integration-dot.active{background:var(--work-color)}.integration-list{margin-top:4px}.integration-locked{opacity:.35;pointer-events:none;filter:grayscale(.6)}.pro-tag{font-size:8px;font-weight:700;letter-spacing:1px;color:#020208;background:#f59e0b;padding:1px 5px;border-radius:2px;margin-left:6px;vertical-align:middle}.pro-lock-notice{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;color:var(--text-dim);border:1px dashed rgba(245,158,11,.3);background:#f59e0b0a;margin-bottom:4px;cursor:pointer}.integration-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--panel-border);font-size:11px}.integration-item .int-name{display:flex;align-items:center;gap:6px}.integration-item .int-badge{font-size:9px;padding:1px 5px;border:1px solid #333;letter-spacing:1px}.integration-item .int-badge.connected{color:var(--work-color);border-color:currentColor}.integration-item .int-badge.pending{color:var(--text-dim)}.import-int-btn{cursor:pointer;padding:3px 8px;font-family:inherit;font-size:10px;letter-spacing:1px;border:1px solid #333;background:transparent;color:var(--stats-color)}.import-int-btn:hover{background:#1a1a1a}.import-int-btn:disabled{opacity:.4;cursor:not-allowed}.schedule-panel{padding:8px 10px 10px;border-bottom:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface-color) 92%,var(--settings-color) 8%)}.schedule-title{display:flex;justify-content:space-between;gap:10px;color:var(--settings-color);font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.schedule-title span:last-child{color:var(--text-dim);font-weight:400;letter-spacing:0;text-align:right}.schedule-row{display:grid;grid-template-columns:minmax(78px,1fr) auto auto auto;align-items:center;gap:6px;min-height:32px}.schedule-quota{grid-column:1 / -1;color:var(--text-dim);font-size:9px;letter-spacing:.4px;text-align:right;opacity:.8}.schedule-quota.exhausted{color:var(--danger-color)}.schedule-row.disabled{opacity:.45}.schedule-toggle{min-height:26px;border:1px solid var(--panel-border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer}.schedule-toggle.active{color:var(--work-color);border-color:currentColor;background:color-mix(in srgb,var(--work-color) 12%,transparent)}.schedule-toggle:disabled{cursor:not-allowed}.schedule-time{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:9px}.schedule-time input{width:82px;min-height:26px;background:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-color);font:inherit;font-size:10px;padding:2px 4px}.schedule-time input:disabled{opacity:.45}.token-config-panel{padding:8px 12px;background:#a855f70d;border:1px dashed rgba(168,85,247,.2);margin:4px 0}.token-input-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.token-label{font-size:10px;color:var(--settings-color);font-weight:700;white-space:nowrap;min-width:70px}.token-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--settings-color);color:#fff;font-family:inherit;font-size:11px;padding:4px 6px;outline:none}.token-input::placeholder{color:var(--text-dim)}.token-input:focus{border-bottom-color:var(--work-color)}.cmd-toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:6px;pointer-events:none;max-width:600px;width:calc(100% - 32px)}.cmd-toast{pointer-events:auto;font-family:JetBrains Mono,monospace;background:#0a0a0ff0;border:1px solid #1a1a1a;border-radius:4px;overflow:hidden;animation:cmdToastIn .3s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cmd-toast.cmd-toast-exit{animation:cmdToastOut .25s cubic-bezier(.55,0,1,.45) forwards}.cmd-toast-bar{height:2px;background:linear-gradient(90deg,var(--current-theme) 0%,transparent 100%);opacity:.6}.cmd-toast-inner{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1;overflow:hidden}.cmd-toast-prefix{color:var(--current-theme);font-weight:800;flex-shrink:0}.cmd-toast-icon{color:var(--current-theme);font-size:8px;flex-shrink:0}.cmd-toast-title{color:var(--current-theme);font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.cmd-toast-body{color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cmd-toast-action{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--stats-color);background:transparent;border:none;cursor:pointer;padding:2px 4px;white-space:nowrap;flex-shrink:0;transition:color .15s}.cmd-toast-action:hover{color:#fff}.cmd-toast-dismiss{font-family:inherit;font-size:14px;color:#444;background:transparent;border:none;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0;transition:color .15s}.cmd-toast-dismiss:hover{color:#999}.cmd-toast-progress{height:1px;background:#111}.cmd-toast-progress-fill{height:100%;background:var(--current-theme);opacity:.4;animation:cmdToastProgress var(--toast-duration, 4s) linear forwards}@keyframes cmdToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cmdToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes cmdToastProgress{0%{width:100%}to{width:0%}}.stats-view{display:flex;flex-direction:column;align-items:center;padding:20px 24px;height:100%;overflow-y:auto;gap:16px}.stats-view::-webkit-scrollbar{width:4px}.stats-view::-webkit-scrollbar-thumb{background:#333}.stats-title{color:var(--stats-color);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.stats-period-tabs{display:flex;gap:0;border:1px solid #222}.stats-period-tab{padding:6px 18px;font-size:13px;color:var(--text-dim);text-transform:uppercase;cursor:pointer;letter-spacing:1px;border-right:1px solid #222;transition:all .2s;font-weight:700;background:transparent}.stats-period-tab:last-child{border-right:none}.stats-period-tab:hover{color:#999}.stats-period-tab.active{color:var(--stats-color);background:#f59e0b14}.stats-cards-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;max-width:680px}.stat-card{border:1px solid #1a1a1a;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f59e0b05;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--stats-color),transparent);opacity:.3}.stat-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,158,11,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(245,158,11,.03) 1px,transparent 1px);background-size:4px 4px;pointer-events:none}.stat-card-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;text-align:center}.stat-card-value{font-size:34px;color:var(--stats-color);font-weight:800;line-height:1;position:relative;z-index:1}.stat-card-unit{font-size:12px;color:var(--stats-color);opacity:.6;text-transform:uppercase}.stats-chart-section{width:100%;max-width:680px;border:1px solid #1a1a1a;padding:16px;background:#0003;position:relative}.stats-chart-title{font-size:13px;color:var(--stats-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.stats-chart-area{display:flex;align-items:flex-end;gap:6px;height:120px;border-bottom:1px solid #222;padding-bottom:4px;position:relative}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:40px;background:var(--stats-color);transition:height .8s cubic-bezier(.16,1,.3,1);position:relative;image-rendering:pixelated;background-image:linear-gradient(90deg,rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.15) 1px,transparent 1px);background-size:2px 2px;background-color:var(--stats-color)}.chart-bar:hover{filter:brightness(1.3)}.chart-bar-label{font-size:11px;color:var(--text-dim);text-transform:uppercase}.chart-bar-value{font-size:11px;color:var(--stats-color);opacity:.8}.heatmap-section{width:100%;max-width:680px;border:1px solid #1a1a1a;padding:16px;background:#0003}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.heatmap-title{font-size:13px;color:var(--stats-color);text-transform:uppercase;letter-spacing:1px;font-weight:700}.heatmap-total{font-size:12px;color:var(--text-dim)}.heatmap-total strong{color:var(--stats-color)}.heatmap-grid-wrapper{display:flex;gap:6px}.heatmap-day-labels{display:flex;flex-direction:column;gap:1px;padding-top:14px}.heatmap-day-label{font-size:11px;color:var(--text-dim);height:10px;line-height:10px;opacity:.6}.heatmap-months-row{display:flex;gap:2px;margin-bottom:4px;position:relative;height:14px;margin-left:26px}.heatmap-month-label{font-size:11px;color:var(--text-dim);opacity:.6;text-transform:uppercase;position:absolute}.heatmap-grid{display:flex;gap:2px;overflow-x:auto}.heatmap-grid::-webkit-scrollbar{height:3px}.heatmap-grid::-webkit-scrollbar-thumb{background:#333}.heatmap-week{display:flex;flex-direction:column;gap:1px}.heatmap-cell{width:12px;height:12px;background:#111;border-radius:1px;transition:all .15s;image-rendering:pixelated;cursor:default;position:relative}.heatmap-cell:hover{outline:1px solid var(--stats-color);outline-offset:1px;z-index:2}.heatmap-cell[data-level="0"]{background:var(--heatmap-0)}.heatmap-cell[data-level="1"]{background:var(--heatmap-1)}.heatmap-cell[data-level="2"]{background:var(--heatmap-2)}.heatmap-cell[data-level="3"]{background:var(--heatmap-3)}.heatmap-cell[data-level="4"]{background:var(--heatmap-4)}.heatmap-legend{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:8px;font-size:11px;color:var(--text-dim)}.heatmap-legend-cell{width:10px;height:10px;border-radius:1px}.heatmap-tooltip{position:fixed;background:#111;border:1px solid var(--stats-color);padding:4px 8px;font-size:12px;color:#eee;pointer-events:none;z-index:200;display:none;white-space:nowrap;font-family:JetBrains Mono,monospace}.stats-extra-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;max-width:680px}.stat-extra-box{border:1px solid #1a1a1a;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-extra-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.stat-extra-value{font-size:28px;color:var(--stats-color);font-weight:800}.streak-fire{color:var(--stats-color);font-weight:700}.pro-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:4px}.pro-overlay-content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#000c;border:1px solid var(--stats-color);border-radius:4px}.pro-overlay-icon{font-size:18px}.pro-overlay-text{font-size:11px;color:var(--stats-color);letter-spacing:1px;font-weight:600}.blurred{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.pro-locked-tab{opacity:.45}.tab-lock{font-size:9px;margin-left:3px}.pro-analytics-section{position:relative;width:100%;max-width:680px}.pro-reports-section{position:relative;width:100%;max-width:680px;margin-top:12px}.reports-export-row{display:flex;gap:8px;justify-content:center;padding:12px 8px;border:1px solid var(--border-color);border-radius:6px;background:#ffffff04}.report-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--stats-color);font-family:IBM Plex Mono,Fira Code,monospace;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.report-btn:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b66;transform:translateY(-1px)}.report-btn:active:not(:disabled){transform:translateY(0)}.report-btn:disabled{cursor:not-allowed;opacity:.4}.hourly-chart{display:flex;align-items:flex-end;gap:1px;height:80px;width:100%;padding:0 4px}.hourly-bar{flex:1;background:var(--stats-color);opacity:.7;border-radius:1px 1px 0 0;min-height:2px;transition:height .4s ease}.hourly-bar:hover{opacity:1}.hourly-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);padding:4px 4px 0}.pomo-count{font-size:10px;color:var(--stats-color);margin-left:6px;opacity:.8;letter-spacing:.5px}.time-spent{font-size:10px;color:var(--text-dim);margin-left:6px;opacity:.6;letter-spacing:.5px}.type-breakdown-grid{display:flex;flex-direction:column;gap:8px}.type-row{display:flex;align-items:center;gap:8px}.type-row-label{font-size:11px;color:var(--text-dim);width:72px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.type-row-bar-track{flex:1;height:14px;background:#ffffff08;border-radius:2px;overflow:hidden}.type-row-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.type-row-bar-fill.type-coding{background:var(--work-color, #10B981)}.type-row-bar-fill.type-generic{background:#22d3ee}.type-row-bar-fill.type-debugging{background:#f59e0b}.type-row-bar-fill.type-review{background:#3b82f6}.type-row-bar-fill.type-planning{background:#8b5cf6}.type-row-bar-fill.type-admin{background:#6b7280}.type-row-value{font-size:11px;color:var(--stats-color);width:36px;text-align:right}.type-row-pct{font-size:10px;color:var(--text-dim);width:28px;text-align:right;opacity:.6}.outcome-dist-row{display:flex;gap:10px;justify-content:center}.outcome-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border:1px solid #1a1a2e;border-radius:6px;min-width:80px;background:#ffffff03}.outcome-card-icon{font-size:16px}.outcome-card-count{font-size:22px;font-weight:700;line-height:1}.outcome-card-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.outcome-card-pct{font-size:10px;opacity:.5}.outcome-card.outcome-done{border-color:#10b9814d}.outcome-card.outcome-done .outcome-card-icon,.outcome-card.outcome-done .outcome-card-count{color:#10b981}.outcome-card.outcome-progressed{border-color:#3b82f64d}.outcome-card.outcome-progressed .outcome-card-icon,.outcome-card.outcome-progressed .outcome-card-count{color:#3b82f6}.outcome-card.outcome-blocked{border-color:#ef44444d}.outcome-card.outcome-blocked .outcome-card-icon,.outcome-card.outcome-blocked .outcome-card-count{color:#ef4444}.guide-view{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 24px 32px}.guide-view::-webkit-scrollbar{width:4px}.guide-view::-webkit-scrollbar-thumb{background:#333}.guide-shell{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:0}.guide-hero{padding:20px 0 24px;border:none;border-bottom:1px solid rgba(148,163,184,.18);border-radius:0;background:none;display:flex;flex-direction:column;gap:10px}.guide-title{font-size:20px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#e5e7eb}.guide-subtitle{font-size:14px;line-height:1.7;color:#cbd5e1;max-width:760px;opacity:.95}.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.guide-btn{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(148,163,184,.35);border-radius:6px;background:#0f172ab8;color:#cbd5e1;cursor:pointer;transition:all .15s}.guide-btn:hover{background:#1e293be6;border-color:#94a3b88c}.guide-btn-accent{border-color:#10b98166;color:#a7f3d0}.guide-btn-accent:hover{background:#06231ae0;border-color:#10b9819e}.guide-anchor-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-bottom:1px solid rgba(148,163,184,.12)}.guide-anchor{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#02061773;color:#94a3b8;font-size:10px;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:all .15s}.guide-anchor:hover{border-color:#94a3b873;color:#cbd5e1;background:#0f172ab3}.guide-section{border:none;border-radius:0;background:none;padding:32px 0 16px;border-top:1px solid rgba(148,163,184,.12)}.guide-section-title{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#e2e8f0;margin-bottom:12px}.guide-flow-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.guide-flow-step{min-width:220px;border:1px solid rgba(59,130,246,.28);background:#1e293b59;padding:10px;display:flex;gap:10px}.guide-flow-item{border:none;border-radius:0;padding:14px 0;background:none;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid rgba(148,163,184,.08)}.guide-flow-item:last-child{border-bottom:none}.guide-flow-head{display:flex;align-items:center;gap:8px}.guide-flow-step-number{font-size:10px;font-weight:800;color:#a7f3d0;line-height:1;min-width:26px;min-height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,.45);border-radius:999px;background:#06231a8c}.guide-flow-step-title{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#f1f5f9}.guide-flow-step-desc{font-size:13px;line-height:1.6;color:#94a3b8}.guide-flow-step-cmd{font-size:12px;line-height:1.45;color:#b6c2cf;opacity:.95}.guide-keys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-key-group{border:none;border-radius:0;background:none;padding:0;display:flex;flex-direction:column;gap:6px}.guide-key-group-title{font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#e2e8f0;opacity:.9}.guide-key-row{display:flex;align-items:center;gap:8px;min-height:28px}.guide-key-chip{font-size:10px;font-weight:700;letter-spacing:.7px;color:#e2e8f0;background:#1e293ba6;border:1px solid rgba(148,163,184,.35);padding:4px 7px;min-width:64px;text-align:center;text-transform:uppercase;border-radius:6px}.guide-key-desc{font-size:12px;color:#94a3b8;line-height:1.45}.guide-pattern-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.guide-pattern-item{font-size:13px;line-height:1.62;color:#cbd5e1}.guide-chart{display:flex;flex-direction:column;gap:10px}.guide-note{margin-top:8px;font-size:12px;line-height:1.6;color:#94a3b8;opacity:.95}.guide-chart-row{display:grid;grid-template-columns:170px 1fr 44px;gap:8px;align-items:center}.guide-chart-label{font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#cbd5e1}.guide-chart-track{height:8px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;overflow:hidden;position:relative;border-radius:999px}.guide-chart-fill{height:100%;min-width:2px;transition:width .35s ease}.guide-chart-fill.work{background:#10b981}.guide-chart-fill.stats{background:#f59e0b}.guide-chart-fill.break{background:#3b82f6}.guide-chart-fill.danger{background:#ef4444}.guide-chart-value{font-size:12px;font-weight:700;color:#e2e8f0;text-align:right}@media(max-width:980px){.guide-keys-grid{grid-template-columns:1fr}}@media(max-width:640px){.guide-view{padding:14px 10px 20px}.guide-shell{gap:0}.guide-hero{padding:14px 0 18px}.guide-title{font-size:17px;letter-spacing:.5px}.guide-subtitle{font-size:13px;line-height:1.6}.guide-anchor{font-size:9px;min-height:28px;padding:3px 9px}.guide-btn{font-size:10px;padding:7px 10px;min-height:36px}.guide-section{padding:22px 0 12px}.guide-section-title{font-size:12px;margin-bottom:10px}.guide-flow-item{padding:10px 0}.guide-flow-step-title{font-size:12px}.guide-flow-step-desc,.guide-pattern-item{font-size:12px;line-height:1.55}.guide-chart-row{grid-template-columns:110px 1fr 38px;gap:6px}.guide-chart-label,.guide-chart-value{font-size:10px}}.pixel-icon{display:inline-block}.mobile-task-tabs{display:none}.layout-tabs .mobile-task-tabs{display:flex;gap:0;padding:8px 8px 0}.layout-tabs .mobile-task-tabs .mobile-task-tab{flex:1;padding:10px 8px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #1a1a1a;border-bottom:none;color:var(--text-dim);cursor:pointer}.layout-tabs .mobile-task-tabs .mobile-task-tab.active{color:var(--current-theme);border-color:var(--current-theme);border-bottom:2px solid var(--bg-color);background:#ffffff08}.layout-tabs .task-title-list{display:none}.layout-tabs .column-divider{display:none!important}.layout-tabs .task-grid{flex-direction:column;gap:0}.layout-tabs .task-box.mobile-tab-hidden,.focus-mode .tui-header,.focus-mode .tui-tabs,.focus-mode .bottom-zone,.focus-mode .system-log,.focus-mode .key-hints-bar,.focus-mode .timer-controls,.focus-mode .daily-focus-summary,.focus-mode .progress-label,.focus-mode .mode-label,.focus-mode .session-header,.focus-mode .session-type-bar{display:none!important}.focus-mode .tui-content{height:100vh}.focus-mode .view-main{justify-content:center}.focus-mode .hero-zone{padding:0 20px;justify-content:center}.focus-mode .session-card{border:none;background:transparent}.focus-mode .session-task-title{font-size:18px;letter-spacing:2px;margin-top:16px;color:var(--current-theme)!important;opacity:.85}.focus-mode .focus-type-pill{display:inline-flex;align-items:center;justify-content:center}.focus-mode .block-bar-container{margin-top:22px;height:10px;max-width:500px}.focus-exit-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;opacity:1;pointer-events:none;z-index:101}.focus-mode .focus-exit-hint{opacity:1}.focus-controls{display:none}.focus-mode .focus-controls{display:flex;gap:12px;margin-top:24px;justify-content:center}.focus-ctrl{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:8px 20px;cursor:pointer;transition:all .2s}.focus-ctrl:hover{border-color:var(--current-theme);color:var(--current-theme)}.focus-ctrl.paused{color:var(--current-theme);border-color:var(--current-theme);animation:focus-pulse 2s ease-in-out infinite}.focus-ctrl-done:hover{border-color:var(--break-color);color:var(--break-color)}.focus-ctrl-exit:hover{border-color:var(--danger-color);color:var(--danger-color)}@keyframes focus-pulse{0%,to{border-color:var(--current-theme);opacity:1}50%{border-color:transparent;opacity:.5}}.focus-next-task{display:none}.focus-mode .focus-next-task{display:block;margin-top:18px;font-size:11px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;opacity:.55;max-width:80%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-clock{display:none}.focus-mode .focus-clock{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;position:fixed;bottom:16px;right:24px;color:var(--text-dim);opacity:.5;z-index:101;text-align:right;pointer-events:none}.focus-clock-time{font-size:13px;letter-spacing:2px}.focus-clock-meta{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--stats-color, #F59E0B);opacity:.75}.focus-mode:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;border:1px solid rgba(16,185,129,.08);box-shadow:inset 0 0 80px #10b98108}.shortcuts-overlay{position:fixed;inset:0;background:#020208eb;z-index:10001;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-overlay.active{display:flex}.shortcuts-overlay:focus{outline:none}.shortcuts-panel{background:#0a0a12;border:1px solid #222;padding:28px 36px;max-width:480px;width:90%;box-shadow:0 0 40px #a855f71a}.shortcuts-title{font-size:14px;font-weight:800;color:var(--settings-color);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;text-align:center}.shortcuts-title-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.shortcuts-title-row .shortcuts-title{margin-bottom:0}.shortcuts-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:1px solid #333;color:var(--text-dim);font-family:inherit;font-size:14px;padding:4px 10px;cursor:pointer;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.shortcuts-close:hover{color:var(--danger-color);border-color:#ef44444d}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.shortcut-item{display:flex;align-items:center;gap:10px;padding:5px 0}.shortcut-key{background:#111;border:1px solid #333;color:var(--current-theme);font-size:11px;font-weight:700;padding:2px 8px;min-width:42px;text-align:center;letter-spacing:1px}.shortcut-desc{font-size:11px;color:#888;letter-spacing:.5px}.shortcuts-hint{text-align:center;margin-top:18px;font-size:10px;color:var(--text-dim);letter-spacing:1px}.view-transition-in{animation:viewFadeIn .25s ease forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.completion-burst{position:fixed;inset:0;pointer-events:none;z-index:150}.burst-particle{position:absolute;width:4px;height:4px;animation:burstFly 1.2s ease-out forwards}@keyframes burstFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.daily-goal-container{width:100%;max-width:620px;margin-top:6px;display:flex;align-items:center;gap:8px}.daily-goal-track{flex:1;height:6px;background:#111;border:1px solid #222;position:relative;overflow:hidden}.daily-goal-fill{height:100%;background:var(--stats-color);transition:width .5s ease;box-shadow:0 0 6px var(--stats-color)}.daily-goal-text{font-size:10px;color:var(--text-dim);letter-spacing:1px;white-space:nowrap;min-width:90px;text-align:right}.daily-goal-text.complete{color:var(--stats-color)}button,.tab,.task-item,.setting-row,.btn-small,.login-btn,.sync-btn,.logout-btn{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}.mobile-fab{display:none;position:fixed;bottom:0;left:0;right:0;z-index:102;background:#0a0a0aee;border-top:1px solid #222;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:6px;justify-content:space-around;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-fab button{flex:1;min-height:44px;max-width:120px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #333;color:var(--text-dim);cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:4px}.mobile-fab button:active{background:#1a1a1a}.mobile-fab .fab-pause{color:var(--current-theme);border-color:#10b98159}.mobile-fab .fab-done{color:var(--stats-color);border-color:#f59e0b59}.mobile-fab .fab-add,.mobile-fab .fab-edit,.mobile-fab .fab-focus{color:var(--text-dim);border-color:#4b556373}body:has(.focus-mode) .mobile-fab{display:none!important}@media(min-width:641px)and (max-width:1024px){.view-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0;align-items:start;height:100%;overflow:hidden}.view-main .hero-zone{grid-column:1;grid-row:1 / 3;height:100%;justify-content:center;border-right:1px solid #111;padding:16px 12px;overflow-y:auto}.view-main .bottom-zone{grid-column:2;grid-row:1 / 3;height:100%;overflow-y:auto;padding:8px 10px}.view-main .system-log{grid-column:1 / 3;display:none}.task-grid{flex-direction:column}.column-divider{display:none}.task-title-list{display:block;font-size:11px}.mobile-fab{display:flex}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}body:has(.task-input-container.active) .mobile-fab{display:none!important}body:has(.task-input-container.active) .system-log{display:none!important}.cmd-toast-container{bottom:calc(62px + env(safe-area-inset-bottom,0px))}.task-input-backdrop{display:none;position:fixed;inset:0;background:#020208d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:150}.task-input-backdrop.active{display:block}.task-input-container.active{position:fixed!important;left:8px!important;right:8px!important;bottom:var(--task-input-bottom-space)!important;top:auto!important;z-index:151!important;border-radius:8px!important;max-width:500px;margin:0 auto;max-height:min(72vh,420px,calc(100dvh - var(--task-input-safe-top) - var(--task-input-bottom-space) - 8px));overflow-y:auto;padding-top:40px!important}.task-input-close{display:flex!important;position:absolute;top:8px;right:10px;width:36px;height:36px;align-items:center;justify-content:center;background:#ef444414;border:1px solid rgba(239,68,68,.4);color:var(--danger-color);font-size:18px;font-family:inherit;cursor:pointer;border-radius:6px;z-index:1;touch-action:manipulation}.task-input-close:active{background:#ef444433}.task-input-container.active .task-input-top-row{display:flex;position:absolute;top:8px;left:12px;right:56px;min-height:34px;align-items:flex-start;justify-content:center;z-index:1}.task-input-container.active .input-helper-text{display:none}.mobile-priority-bar{display:flex!important;align-items:center;gap:6px;margin-top:12px}.mobile-type-bar{display:flex!important;align-items:center;gap:6px;margin-top:8px}.mobile-input-actions{display:flex!important;gap:8px;margin-top:12px}.mobile-input-cancel,.mobile-input-confirm{display:flex!important;flex:1;align-items:center;justify-content:center;padding:12px;font-size:12px;font-family:inherit;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #333;cursor:pointer;touch-action:manipulation}.mobile-input-cancel{color:var(--danger-color);border-color:#ef44444d}.mobile-input-confirm{color:var(--work-color);border-color:#10b98166;background:#10b98114}.key-hints-bar{display:none}.focus-exit-hint{display:none!important}.btn-small,.tab,.setting-row,.stats-period-tab,.import-int-btn{min-height:44px}.login-btn,.sync-btn,.logout-btn{min-height:36px}.focus-controls{display:none}.focus-mode .focus-controls{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center}}@media(max-width:500px){.hero-zone{padding:8px 6px 4px}.hero-zone .mode-label{display:none}.hero-zone .progress-label{font-size:11px!important;letter-spacing:1px!important}.hero-zone .pixel-timer-canvas{order:1;max-width:100%}.hero-zone .block-bar-container{order:2;max-width:100%!important;width:100%;margin-top:6px!important}.hero-zone .daily-focus-summary{order:3;max-width:100%!important;margin-top:4px!important}.hero-zone .session-task-title{order:0;margin-bottom:6px!important;font-size:13px!important}.hero-zone .timer-controls{order:5;margin-top:6px;gap:6px}.hero-zone .btn-small{font-size:11px;padding:7px 9px;min-height:36px}.hero-zone .key-hints-bar{display:none}.focus-mode .hero-zone{padding:0 12px!important;justify-content:center}.focus-mode .hero-zone .pixel-timer-canvas{order:1}.focus-mode .hero-zone .block-bar-container{order:2;margin-top:10px!important;max-width:100%!important;height:10px}.focus-mode .hero-zone .session-task-title{order:3;font-size:13px!important;letter-spacing:1px;margin-top:10px!important}.focus-mode .hero-zone .focus-controls{order:4;margin-top:16px!important}.focus-mode .hero-zone .focus-next-task{order:5}}@media(max-width:640px){.tui-header{padding:6px 12px;font-size:11px;letter-spacing:1px;min-height:36px}.tui-header .header-user{display:none}.tui-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:12px 18px;font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.login-bar{flex-wrap:nowrap;gap:8px;padding:8px 10px;justify-content:space-between}.login-bar .user-info{font-size:11px;flex:1;min-width:0;overflow:hidden}.login-bar .user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.login-bar .user-info img{width:20px;height:20px;flex-shrink:0}.login-bar .user-actions{gap:4px;flex-shrink:0}.login-btn,.sync-btn,.logout-btn{min-height:32px;min-width:36px;padding:4px 8px;font-size:10px;display:flex;align-items:center;justify-content:center}.task-title-list{display:none}.hero-zone{padding:12px 10px 8px;flex:0 0 auto}.session-card{padding:12px 12px 10px}.session-task-title{font-size:14px}.pixel-timer-canvas{max-width:90vw}.mode-label{font-size:11px;margin-bottom:6px}.block-bar-container{max-width:95vw;height:16px;margin-top:10px}.progress-label{font-size:12px!important;letter-spacing:1px!important}.daily-focus-summary{max-width:95vw}.timer-controls{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.btn-small{font-size:12px;padding:8px 10px;min-height:40px;max-width:44vw}.key-hints-bar{display:none}.bottom-zone{padding:0 8px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.task-grid{flex-direction:column;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:0}.column-divider{display:none}.task-box.mobile-tab-hidden{display:none!important}.mobile-task-tabs{display:flex;gap:0;padding:8px 8px 0}.mobile-task-tab{flex:1;padding:10px 8px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #1a1a1a;border-bottom:none;color:var(--text-dim);cursor:pointer;touch-action:manipulation}.mobile-task-tab.active{color:var(--current-theme);border-color:var(--current-theme);border-bottom:2px solid var(--bg-color);background:#ffffff08}.task-item{font-size:14px;padding:10px 8px;min-height:44px;border-left-width:4px}.task-header{gap:8px}.task-name{font-size:13px}.task-type-chip .type-label{display:none}.task-type-chip{padding:2px 5px;font-size:9px}.priority-tag{font-size:11px}.task-details{padding-left:12px}.task-desc{font-size:13px}.url-chip{padding:4px 8px;font-size:11px;min-height:28px;display:inline-flex;align-items:center}.task-input-container{padding:10px}.task-input{font-size:14px!important;padding:8px!important;min-height:40px}.system-log{padding:6px 10px;max-height:80px;font-size:11px}.cmd-toast-container{bottom:calc(62px + env(safe-area-inset-bottom,0px));max-width:100%;width:calc(100% - 16px)}.cmd-toast-inner{font-size:11px;padding:7px 10px;gap:6px}.cmd-toast-dismiss{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.stats-view{padding:12px 10px}.stats-cards-row{grid-template-columns:1fr 1fr;gap:8px}.stats-extra-row{grid-template-columns:1fr 1fr 1fr}.stat-card{padding:10px 6px}.stat-card-value{font-size:26px}.stat-card-label{font-size:10px}.stats-period-tab{padding:10px 14px;min-height:40px;font-size:12px}.stats-chart-section{padding:10px}.heatmap-cell{width:11px;height:11px}.heatmap-legend{font-size:10px;flex-wrap:wrap}.setting-row{padding:12px 10px;min-height:44px;font-size:13px}.settings-section-title{font-size:12px;padding:8px 10px}.import-int-btn{min-height:36px;padding:6px 12px;font-size:12px}.schedule-panel{padding:10px}.schedule-title{flex-direction:column;gap:3px}.schedule-title span:last-child{text-align:left}.schedule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:6px 0}.schedule-quota{grid-column:1 / -1;text-align:left}.schedule-toggle,.schedule-row>.import-int-btn{width:100%}.schedule-time{min-width:0}.schedule-time input{width:100%;min-width:0}.shortcuts-panel{padding:20px 16px;width:95%}.shortcuts-grid{grid-template-columns:1fr;gap:4px}.thanos-particle,.focus-exit-hint{display:none!important}.focus-controls{display:none}.focus-mode .focus-controls{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center}.focus-clock{bottom:66px!important;right:12px!important}.focus-clock-time{font-size:10px!important;letter-spacing:1.5px!important}.focus-clock-meta{font-size:8px!important;letter-spacing:.8px!important}.mobile-fab{display:flex}body{overflow:hidden;padding-bottom:0}.tui-window{height:100vh;height:100dvh;overflow:hidden}.tui-content{flex:1;min-height:0;overflow:hidden}.view-main{height:100%;min-height:0;overflow:hidden}.hero-zone{max-height:min(15vh,104px);overflow-y:hidden;padding:4px 8px 5px;gap:0;transition:max-height .24s ease,opacity .18s ease,padding .24s ease,transform .24s ease}.session-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "timer" "bar";align-items:center;justify-items:center;padding:3px 0 4px;gap:3px}.session-header{display:none}.session-task-title{grid-area:title;justify-self:center;text-align:center;margin-bottom:0;font-size:12px;line-height:1.1;letter-spacing:.7px;max-width:min(92vw,520px)}.session-task-title .dim{font-size:11px}.session-type-bar{display:none!important}.pixel-timer-canvas{grid-area:timer;justify-self:center;width:min(58vw,230px)!important;max-width:min(58vw,230px)!important;height:clamp(29px,8vw,38px)!important;object-fit:contain}.block-bar-container{grid-area:bar;justify-self:center;width:min(86vw,390px);height:5px;margin-top:0;max-width:min(86vw,390px);border-width:0}.progress-label,.daily-focus-summary,.timer-controls{display:none}.view-main:has(.bottom-zone.task-focus-mode){gap:0}.tui-window:not(.focus-mode) .view-main:has(.bottom-zone.task-focus-mode) .hero-zone,.tui-window:not(.focus-mode) .view-main:has(.task-filter-popover) .hero-zone{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-12px);pointer-events:none}.bottom-zone{flex:1 1 0;min-height:0;overflow:hidden;padding:0 8px calc(58px + env(safe-area-inset-bottom,0px))}.queue-peek-toggle{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:100%;min-height:22px;margin:0 0 2px;border:none;border-bottom:1px solid color-mix(in srgb,var(--current-theme) 32%,transparent);border-radius:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--current-theme) 7%,transparent));color:var(--current-theme);font:inherit;cursor:pointer;touch-action:manipulation;opacity:.58;transition:opacity .16s ease,background .18s ease,border-color .18s ease}.queue-peek-toggle:active{opacity:.95}.queue-peek-toggle.expanded{border-top:1px solid color-mix(in srgb,var(--current-theme) 28%,transparent);border-bottom:1px solid color-mix(in srgb,var(--current-theme) 18%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--current-theme) 8%,transparent),transparent);margin-bottom:2px}.queue-peek-lines{width:min(34vw,112px);height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.55}.queue-peek-chevron{width:8px;height:8px;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg) translateY(2px);opacity:.72}.queue-peek-toggle.expanded .queue-peek-chevron{transform:rotate(225deg) translateY(2px)}.task-grid{flex:1 1 0;min-height:0;overflow:hidden}.task-grid>.task-box:not(.mobile-tab-hidden){flex:1 1 0!important;min-height:0;height:100%}.task-box{min-height:0}.task-scroll-area{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.task-header{flex-direction:column;align-items:stretch}.task-header-right{max-width:none;justify-content:flex-start}.task-filter-bar{padding:7px 8px;gap:5px}.task-filter-trigger,.task-filter-clear,.task-filter-close{padding:4px 7px;font-size:9px}.task-filter-query{display:none}.task-filter-popover{padding:9px 8px 10px;gap:8px;max-height:min(38vh,300px);overflow-y:auto;-webkit-overflow-scrolling:touch}.task-filter-search,.task-filter-group{grid-template-columns:1fr;gap:5px}.task-filter-label{padding-top:0}.task-filter-chip{flex:1 1 auto;min-width:58px;padding:4px 6px}.focus-mode{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;overflow:hidden!important}.focus-mode .tui-content{height:100%!important;overflow:hidden!important}.focus-mode .view-main{height:100%!important;justify-content:center!important;overflow:hidden!important}.focus-mode .view-main:has(.bottom-zone.task-focus-mode) .hero-zone,.focus-mode .view-main:has(.task-filter-popover) .hero-zone,.focus-mode .hero-zone{flex:1!important;height:100%!important;max-height:none!important;justify-content:center!important;padding:0 12px 60px!important;gap:12px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.focus-mode .session-card{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important;gap:0!important}.focus-mode .pixel-timer-canvas{width:min(88vw,540px)!important;max-width:min(88vw,540px)!important;height:auto!important}.focus-mode .block-bar-container{width:min(78vw,500px)!important;max-width:500px!important;height:10px!important;margin-top:22px!important}.focus-mode .login-bar{display:none!important}.task-input-container.active{display:flex!important;flex-direction:column!important;padding:40px 12px 14px!important;margin-top:0!important;border:2px solid var(--current-theme)!important;background:var(--surface-color)!important;color:var(--text-color)!important;box-shadow:0 8px 24px #0000002e!important}.task-input-close{display:flex!important;position:absolute;top:8px;right:10px;width:36px;height:36px;align-items:center;justify-content:center;background:#ef444414;border:1px solid rgba(239,68,68,.4);color:var(--danger-color);font-size:18px;font-family:inherit;cursor:pointer;border-radius:6px;z-index:1;touch-action:manipulation}.task-input-close:active{background:#ef444433}.task-input-container.active .task-input-top-row{display:flex;position:absolute;top:8px;left:12px;right:56px;min-height:34px;align-items:flex-start;justify-content:center;z-index:1}.task-input-container.active .task-input-top-step{font-size:9px}.task-input-container.active .task-input-top-hint{font-size:10px}.task-input-container.active .input-helper-text{display:none}.task-input-container.active .input-row{padding:4px 0}.task-input-container.active .task-input{font-size:16px!important;padding:10px 4px;border-bottom:1px solid var(--current-theme)!important}.mobile-priority-bar{display:flex!important;align-items:center;gap:6px;margin-top:12px;padding:0}.mobile-type-bar{display:flex!important;align-items:center;gap:6px;margin-top:8px;padding:0}.mobile-priority-label{font-size:10px;color:var(--text-dim);font-weight:700;letter-spacing:1px;white-space:nowrap}.mobile-prio-btn{min-height:40px;font-size:11px;letter-spacing:1px}.mobile-type-btn{min-height:40px;min-width:46px}.mobile-input-actions{display:flex!important;gap:8px;margin-top:12px}.mobile-input-cancel,.mobile-input-confirm{display:flex!important;flex:1;align-items:center;justify-content:center;padding:12px;font-size:12px;font-family:inherit;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #333;cursor:pointer;touch-action:manipulation}.mobile-input-cancel{color:var(--danger-color);border-color:#ef44444d}.mobile-input-confirm{color:var(--work-color);border-color:#10b98166;background:#10b98114}body:has(.task-input-container.active) .mobile-fab{display:none!important}body:has(.task-input-container.active) .system-log{display:none!important}.task-input-backdrop{display:none;position:fixed;inset:0;background:#020208d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:150}.task-input-backdrop.active{display:block}.task-input-container.active{position:fixed!important;left:8px!important;right:8px!important;bottom:var(--task-input-bottom-space)!important;top:auto!important;z-index:151!important;border-radius:8px!important;max-height:min(72vh,420px,calc(100dvh - var(--task-input-safe-top) - var(--task-input-bottom-space) - 8px));overflow-y:auto}}@media(max-width:400px){.tui-header{font-size:10px;padding:4px 8px}.tab{padding:10px 12px;font-size:12px}.hero-zone{padding:4px 6px 5px}.pixel-timer-canvas{width:min(62vw,220px)!important;max-width:min(62vw,220px)!important}.block-bar-container{width:min(88vw,360px);max-width:min(88vw,360px)}.btn-small{font-size:10px;padding:7px 8px}.task-item{font-size:13px;padding:8px 6px}.task-name{font-size:12px}.login-bar{gap:4px;padding:6px 8px}.login-bar .user-info{font-size:10px}.login-bar .user-info img{width:18px;height:18px}.login-btn,.sync-btn,.logout-btn{font-size:10px;padding:4px 6px;min-width:28px}.stats-cards-row{grid-template-columns:1fr}.stat-card-value{font-size:22px}.block-bar-container{height:14px}}@media(max-height:500px)and (orientation:landscape){.hero-zone{padding:4px 10px 2px;flex:0 0 auto}.pixel-timer-canvas{max-height:30vh}.mode-label{display:none}.timer-controls{margin-top:4px}.block-bar-container{margin-top:4px;height:10px}.daily-goal-container{margin-top:2px}.bottom-zone{flex:1}}.settings-container{display:flex;flex-direction:column;align-items:center;padding:30px 24px;overflow-y:auto;flex:1;height:100%;min-height:0;width:100%;-webkit-overflow-scrolling:touch}.settings-container h2{color:var(--settings-color);font-size:15px;font-weight:700;margin-bottom:20px;letter-spacing:2px}.settings-wrapper{display:flex;flex-direction:column;border:1px solid #111;width:100%;max-width:500px;border-radius:4px}@media(max-width:640px){.settings-container{padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}}@media(hover:none)and (pointer:coarse){.mobile-fab{display:flex}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}body:has(.task-input-container.active) .mobile-fab{display:none!important}body:has(.task-input-container.active) .system-log{display:none!important}.cmd-toast-container{bottom:calc(62px + env(safe-area-inset-bottom,0px))}.task-input-backdrop{display:none;position:fixed;inset:0;background:#020208d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:150}.task-input-backdrop.active{display:block}.task-input-container.active{position:fixed!important;left:8px!important;right:8px!important;bottom:var(--task-input-bottom-space)!important;top:auto!important;z-index:151!important;border-radius:8px!important;max-width:500px;margin:0 auto;max-height:min(72vh,420px,calc(100dvh - var(--task-input-safe-top) - var(--task-input-bottom-space) - 8px));overflow-y:auto;padding-top:36px!important}.task-input-close{display:flex!important;position:absolute;top:8px;right:10px;width:36px;height:36px;align-items:center;justify-content:center;background:#ef444414;border:1px solid rgba(239,68,68,.4);color:var(--danger-color);font-size:18px;font-family:inherit;cursor:pointer;border-radius:6px;z-index:1;touch-action:manipulation}.task-input-close:active{background:#ef444433}.task-input-container.active .task-input-top-row{display:flex;position:absolute;top:8px;left:12px;right:56px;min-height:34px;align-items:flex-start;justify-content:center;z-index:1}.task-input-container.active .input-helper-text{display:none}.mobile-priority-bar{display:flex!important;align-items:center;gap:6px;margin-top:12px}.mobile-type-bar{display:flex!important;align-items:center;gap:6px;margin-top:8px}.mobile-input-actions{display:flex!important;gap:8px;margin-top:12px}.mobile-input-cancel,.mobile-input-confirm{display:flex!important;flex:1;align-items:center;justify-content:center;padding:12px;font-size:12px;font-family:inherit;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid #333;cursor:pointer;touch-action:manipulation}.mobile-input-cancel{color:var(--danger-color);border-color:#ef44444d}.mobile-input-confirm{color:var(--work-color);border-color:#10b98166;background:#10b98114}.key-hints-bar{display:none}.focus-exit-hint{display:none!important}.btn-small,.tab,.setting-row,.stats-period-tab,.import-int-btn{min-height:44px}.login-btn,.sync-btn,.logout-btn{min-height:36px}.focus-controls{display:none}.focus-mode .focus-controls{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center}}