.legend{flex-wrap:wrap;gap:6px 16px;margin:8px 0;padding:0;font-size:.9rem;list-style:none;display:flex}.legend .sw{vertical-align:middle;border:1px solid var(--text);width:18px;height:10px;margin-right:6px;display:inline-block}.sw-done{background:var(--green)}.sw-working{background:var(--blue)}.sw-planned{background:var(--tint)}.sw-buffer{background:repeating-linear-gradient(45deg,#fbe5d6 0 4px,#fff 4px 8px)}.sw-overdue{background:var(--bg);border:2px solid var(--red)!important}.sw-milestone{background:var(--gold);transform:rotate(45deg);width:10px!important}.gantt-scroll{border:1px solid var(--line);overflow-x:auto}.gantt{--label:260px;--status:130px;width:calc(var(--label) + var(--status) + var(--track));font-size:.9rem}.g-row,.g-head{grid-template-columns:var(--label) var(--status) var(--track);border-bottom:1px solid #e3e8f1;min-height:30px;display:grid}.g-head{z-index:3;background:var(--surface);min-height:46px;position:sticky;top:0}.g-sticky,.g-sticky2{z-index:2;background:var(--bg);padding:4px 8px;position:sticky}.g-sticky{left:0}.g-sticky2{left:var(--label);border-right:1px solid var(--line)}.g-head .g-sticky,.g-head .g-sticky2,.g-group-row .g-sticky,.g-group-row .g-sticky2{background:var(--surface);font-weight:700}.g-track{position:relative}.g-months span,.g-weeks span{white-space:nowrap;border-left:1px solid var(--line);height:23px;padding-left:4px;position:absolute;top:0;overflow:hidden}.g-weeks span{font-size:.75rem;top:23px}.g-group-row{background:var(--surface)}.g-toggle{text-align:left;background:0 0;border:0;padding:0;font-weight:700}.g-toggle:before{content:"▾ "}.g-group[data-collapsed=true] .g-toggle:before{content:"▸ "}.g-group[data-collapsed=true] .g-task{display:none}.depth-1 .g-label{padding-left:28px}.g-bar,.g-summary,.g-buffer{border-radius:2px;position:absolute}.g-bar{border:1px solid var(--text);min-width:4px;height:14px;padding:0;top:8px}.g-task[data-status=done] .g-bar{background:var(--green)}.g-task[data-status=working] .g-bar{background:var(--blue)}.g-task[data-status=planned] .g-bar{background:var(--tint)}.g-task[data-status=dropped] .g-bar{background:repeating-linear-gradient(45deg,#d9d9d9 0 3px,#fff 3px 6px)}.g-task[data-flags~=overdue] .g-bar,.g-task[data-flags~=overdue] .g-milestone{outline:3px solid var(--red)}.g-task[data-flags~=in-buffer] .g-bar{box-shadow:0 0 0 3px var(--orange)}.g-task[data-flags~=past-deadline] .g-bar{box-shadow:0 0 0 3px var(--red)}.g-milestone{border:1px solid var(--text);background:var(--gold);width:14px;height:14px;padding:0;position:absolute;top:8px;transform:translate(-50%)rotate(45deg)}.g-summary{background:#1f3864;height:8px;top:11px}.g-buffer{border-left:1px dashed var(--orange);border-right:1px dashed var(--orange);background:repeating-linear-gradient(45deg,#fbe5d6 0 4px,#fff 4px 8px);height:22px;top:4px}.g-deadline{color:var(--red);line-height:1;position:absolute;top:6px;transform:translate(-50%)}.g-today{z-index:1;border-left:2px solid var(--red);width:0;position:absolute;top:0;bottom:0}.g-pop{border:1px solid var(--line);max-width:360px;color:var(--text);background:var(--bg);padding:12px;font-size:.95rem}.g-pop-title{margin-top:0;font-weight:700}.timeline:not([data-show-dropped=true]) .g-task[data-status=dropped],.timeline[data-hide-done=true] .g-task[data-status=done],.g-task[data-filtered=out],.g-group[data-filtered=out],.timeline[data-view=list] .gantt-scroll,.timeline[data-view=list] .legend,.timeline[data-view=gantt] .task-list{display:none}.task-list .overdue{color:var(--red);font-weight:700}@media (width<=640px){.timeline:not([data-view]) .gantt-scroll,.timeline:not([data-view]) .legend{display:none}.gantt{--label:170px;--status:90px}}@media (width>=641px){.timeline:not([data-view]) .task-list{display:none}}