.loading{color:var(--text-muted);padding:2rem}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.app-title{font-size:1.1rem;font-weight:700}.app-user{color:var(--text-muted);font-size:.85rem}button.primary{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.35rem 1rem;font-weight:600}button.primary:hover{background:var(--accent-hover)}button.primary:disabled{background:var(--border);cursor:not-allowed}button.danger{border:1px solid var(--danger);color:var(--danger);background:0 0;border-radius:4px;padding:.4rem .8rem}.icon-button{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--text);border-color:var(--text-muted)}.icon-button.danger{color:var(--danger);border-color:var(--danger)}.icon-button.danger:hover{color:var(--danger);background:#f851491a}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button.active{color:var(--accent);border-color:var(--accent)}.board-page{flex-direction:column;flex:1;min-height:0;padding:.6rem 1.5rem 1.5rem;display:flex;overflow:hidden}.board-content{flex-direction:column;flex:1;gap:.5rem;width:100%;max-width:1800px;min-height:0;margin:0 auto;display:flex}.board-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.board-toolbar-left{justify-self:start}.board-toolbar-center{justify-self:center;width:100%;max-width:480px}.board-toolbar-right{justify-self:end}.board-filter-wrap{width:100%;position:relative}.board-filter{border:1px solid var(--border);border-radius:4px;width:100%;padding:.35rem 2rem .35rem .7rem}.board-filter-clear{width:22px;height:22px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.board-filter-clear:hover{color:var(--text)}.summary-row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.summary-row .today-summary{grid-column:2}.timeline-mode-toggle{border:1px solid var(--border);border-radius:4px;grid-column:3;justify-self:end;display:inline-flex;overflow:hidden}.timeline-mode-toggle button{color:var(--text-muted);background:0 0;border:none;padding:.15rem .55rem;font-size:.7rem}.timeline-mode-toggle button:hover{color:var(--text)}.timeline-mode-toggle button.active{color:var(--text);background:var(--list-drag-over)}.today-summary{color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;border:none;justify-content:center;align-self:center;align-items:center;gap:.4rem;margin:0 auto;padding:.15rem 0;font-size:.78rem;display:flex}.today-summary:hover{color:var(--text)}.today-summary svg.rotated{transform:rotate(180deg)}.board-columns{flex:1;grid-template-columns:repeat(4,minmax(260px,1fr));gap:1rem;min-height:0;display:grid;overflow-x:auto}.list-column{background:var(--list-bg);border-radius:6px;flex-direction:column;min-height:0;display:flex;position:relative}.list-column-progress .list-column-header{color:var(--progress)}.list-column-header{justify-content:space-between;align-items:center;min-height:41px;padding:.6rem .8rem;font-size:.85rem;font-weight:600;display:flex}.list-column-title{align-items:center;gap:.5rem;display:flex}.list-progress-dot{background:var(--progress);border-radius:50%;flex-shrink:0;width:8px;height:8px}.list-count{background:var(--list-drag-over);color:var(--text-muted);border-radius:999px;padding:.05rem .45rem;font-size:.7rem;font-weight:600}.list-column-header .icon-button{width:22px;height:22px}.icon-button-letter{font-size:.65rem;font-weight:600;line-height:1}.list-sort-controls{align-items:center;gap:.2rem;display:flex}.sort-direction[data-dir=desc] svg{transform:rotate(180deg)}.list-column-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:.5rem;min-height:40px;padding:0 .5rem .5rem;display:flex;overflow-y:auto}.list-column-body::-webkit-scrollbar{width:6px}.list-column-body::-webkit-scrollbar-track{background:0 0}.list-column-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.list-column-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.list-scroll-top{background:var(--surface);border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);box-shadow:0 2px 8px var(--shadow-color);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:10px;right:10px}.list-scroll-top:hover{color:var(--text);border-color:var(--text-muted)}.list-column-body.drag-over{background:var(--list-drag-over)}.task-card{background:var(--surface);box-shadow:0 1px 0 var(--shadow-color);cursor:pointer;border-radius:4px;flex-direction:column;flex-shrink:0;gap:.3rem;padding:.6rem 1rem .6rem .7rem;display:flex;position:relative;overflow:hidden}.task-card.dragging{box-shadow:0 4px 8px var(--shadow-color)}.task-card.dimmed{opacity:.45}.task-card-group-stripe{width:10px;position:absolute;top:0;bottom:0;right:0}.task-card-cap-bar{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.task-card-cap-bar.overcap{background:var(--danger)}.task-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.task-card-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6em;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.task-card-group-row{min-height:1.25rem;display:flex}.task-card-group{background:var(--badge-bg);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;align-self:flex-start;max-width:100%;padding:.1rem .4rem;font-size:.7rem;overflow:hidden}.task-card-timer-row{align-items:flex-end;gap:.5rem;min-height:1.1rem;display:flex}.task-card-timer{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:left;flex:1;font-size:.75rem}.task-card-timer.active{color:var(--progress)}.task-card-today-col{flex-direction:column;flex:1;align-items:center;gap:.05rem;display:flex}.task-card-cap{color:var(--text-muted);font-variant-numeric:tabular-nums;opacity:.8;font-size:.6rem}.task-card-today{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.75rem}.task-card-today.overcap{color:var(--danger)}.task-card-total{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;flex:1;font-size:.75rem}.modal-backdrop{background:var(--overlay);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:640px;max-width:92vw;height:640px;max-height:85vh;box-shadow:0 12px 32px var(--shadow-color);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:8px;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;overflow-y:auto}.modal::-webkit-scrollbar{width:8px}.task-detail-scroll::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:0 0}.task-detail-scroll::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.task-detail-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.task-detail-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal h2{margin:0;font-size:1.2rem}.modal label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.modal input,.modal textarea,.modal select{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:5px;padding:.55rem .65rem;transition:border-color .15s}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent);outline:none}.modal textarea{resize:vertical;min-height:4.5rem}.modal.modal-compact{width:420px;height:auto}.sleep-dialog-message{margin:0;font-size:1.05rem;line-height:1.5}.sleep-dialog-meta{color:var(--text-muted);margin:0;font-size:.8rem}.sleep-dialog-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.7rem}.sleep-button{border:1px solid var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:4px;padding:.35rem 1rem;font-weight:600}.sleep-button:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.sleep-button.active{color:var(--sleep);border-color:var(--sleep)}.sleep-button:disabled{opacity:.5;cursor:not-allowed}.custom-fields{flex-direction:column;gap:.4rem;display:flex}.custom-fields-label{color:var(--text-muted);font-size:.8rem}.custom-field-row{gap:.4rem;display:flex}.custom-field-row input{border:1px solid var(--border);border-radius:4px;flex:1;padding:.4rem}.form-error{color:var(--danger);font-size:.85rem}.toast{z-index:50;background:var(--surface);border:1px solid var(--danger);max-width:90vw;color:var(--danger);box-shadow:0 4px 16px var(--shadow-color);border-radius:6px;align-items:center;gap:.7rem;padding:.6rem .7rem .6rem 1rem;font-size:.85rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast-close{color:var(--danger);background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1}.cap-field{align-items:center;gap:.35rem;display:flex}.cap-field input{width:3.5rem}.cap-field span{color:var(--text-muted);font-size:.8rem}.group-field{position:relative}.group-field input{width:100%}.group-dropdown{z-index:20;background:var(--list-bg);border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow-color);border-radius:4px;max-height:160px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.group-dropdown li+li{margin-top:.1rem}.group-dropdown button{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:3px;padding:.4rem .5rem;font-size:.85rem;display:block}.group-dropdown button:hover{background:var(--list-drag-over)}.field-hint{color:var(--text-muted);align-self:flex-end;font-size:.7rem}.field-hint-warning{color:var(--danger)}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.task-detail-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex;overflow-y:auto}.task-detail-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.task-detail-name{overflow-wrap:break-word;min-width:0;margin:0;font-size:1.4rem}.task-detail-actions{gap:.5rem;display:flex}.task-detail-description{color:var(--text);white-space:pre-wrap;overflow-wrap:break-word}.custom-fields-view{grid-template-columns:max-content 1fr;gap:.3rem 1rem;font-size:.85rem;display:grid}.custom-fields-view dt{color:var(--text-muted)}.custom-fields-view dd{margin:0}.stat-tiles{gap:1rem;display:flex}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.2rem;padding:.8rem 1.2rem;display:flex}.stat-label{color:var(--text-muted);font-size:.75rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.stat-value.overcap{color:var(--danger)}.chart-tooltip{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 6px var(--shadow-color);border-radius:4px;padding:.4rem .6rem;font-size:.75rem}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface);color:var(--text);border:1px solid var(--border);white-space:nowrap;box-shadow:0 2px 6px var(--shadow-color);opacity:0;visibility:hidden;pointer-events:none;z-index:20;border-radius:4px;padding:.3rem .5rem;font-size:.7rem;transition:opacity .1s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible}.scroll-zoom-hint{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);box-shadow:0 2px 6px var(--shadow-color);z-index:5;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem .5rem;font-size:.7rem;display:flex;position:absolute;top:6px;right:6px}.scroll-zoom-hint .icon-button{border:none;width:18px;height:18px}.chart-empty{color:var(--text-muted);font-size:.85rem}.chart-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.4rem;padding-top:.75rem;display:flex}.chart-plot{position:relative}.chart-toggle{color:var(--text-muted);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.8rem;display:flex}.chart-toggle:hover{color:var(--text)}.chart-toggle svg.rotated{transform:rotate(180deg)}.chart-tooltip-title{margin-bottom:.2rem;font-weight:600}.timeline-section{flex-direction:column;flex-shrink:0;display:flex}.timeline-strip-wrap{flex-direction:column;gap:.3rem;display:flex}.timeline-strip{background:var(--list-bg);border:1px solid var(--border);border-radius:4px;height:56px;position:relative}.timeline-gridline{background:var(--border);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.timeline-segment{cursor:pointer;min-width:3px;box-shadow:0 0 0 1px var(--list-bg);border-radius:3px;position:absolute;top:4px;bottom:4px}.timeline-segment.system{cursor:default}.timeline-segment:hover{filter:brightness(1.2);z-index:2}.timeline-tooltip{z-index:3;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.timeline-segment:hover .timeline-tooltip{display:block}.timeline-tooltip .chart-tooltip{white-space:normal;overflow-wrap:break-word;width:160px}.timeline-axis{height:14px;position:relative}.breakdown-strip{gap:2px;padding:4px;display:flex}.breakdown-part{min-width:3px;color:var(--bg);border-radius:3px;flex-direction:column;justify-content:center;padding:0 .5rem;line-height:1.25;display:flex;position:relative}.breakdown-part:hover{filter:brightness(1.15);z-index:2}.breakdown-part:hover .timeline-tooltip{display:block}.breakdown-part .chart-tooltip{color:var(--text);font-weight:400}.breakdown-part.missed{color:var(--text-muted);border:1px dashed var(--border);background:repeating-linear-gradient(45deg,#0000 0 6px,#8b96a529 6px 12px)}.breakdown-part.remaining{color:var(--text-muted);border:1px dashed var(--border)}.breakdown-name{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.breakdown-time{opacity:.85;font-variant-numeric:tabular-nums;font-size:.65rem}.breakdown-axis{gap:2px;height:14px;padding:0 5px;display:flex}.breakdown-axis span{white-space:nowrap;text-align:center;min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.65rem;overflow:hidden}.timeline-axis-tick{color:var(--text-muted);white-space:nowrap;font-size:.7rem;position:absolute}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14181f;--surface:#1c222b;--list-bg:#232a35;--list-drag-over:#2b3340;--border:#2d3542;--text:#e6e9ef;--text-muted:#8b96a5;--accent:#4c9aff;--accent-hover:#6fb1ff;--badge-bg:#4c9aff29;--danger:#f85149;--progress:#3fb950;--sleep:#8ecdfa;--shadow-color:#00000073;--overlay:#0009;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;font-family:inherit}input,textarea,select{background:var(--surface);color:var(--text);font-family:inherit;font-size:.9rem}