:root{--bg:#ffffff;--fg:#1c1c1c;--muted:#6b6b6b;--line:#d8d8d8;--panel:#f6f6f4;--conflict:#c8372a;--accent:#3f6fa8;--overdue:#c8372a;--downstream:#c2792b;--blocked:#c2792b;--today:#2f7d5f;--ok:#2f7d5f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a19;--fg:#ececec;--muted:#9a9a9a;--line:#3a3a38;--panel:#232322;--conflict:#e2685b;--accent:#7aa5d8;--overdue:#e2685b;--downstream:#d9a05b;--blocked:#d9a05b;--today:#6fc39a;--ok:#6fc39a}}:root[data-theme=dark]{--bg:#1a1a19;--fg:#ececec;--muted:#9a9a9a;--line:#3a3a38;--panel:#232322;--conflict:#e2685b;--accent:#7aa5d8;--overdue:#e2685b;--downstream:#d9a05b;--blocked:#d9a05b;--today:#6fc39a;--ok:#6fc39a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{padding:20px 16px 8px;max-width:1400px;margin:0 auto}h1{font-size:20px;margin:0 0 4px}.sub{color:var(--muted);font-size:13px}.headline{font-size:22px;font-weight:600;margin:6px 0 4px;line-height:1.3}.headline.alert{color:var(--overdue)}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;max-width:1400px;margin:0 auto}.chip{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:14px;padding-left:16px;border-left:1px solid var(--line)}.sep{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}@media(max-width:640px){.group{margin-left:0;padding-left:0;border-left:none;width:100%}}.wrap{max-width:1400px;margin:0 auto;padding:0 16px 40px}.graph{border:1px solid var(--line);border-radius:8px;overflow-x:auto;background:var(--panel);cursor:grab;touch-action:pan-y pinch-zoom}.graph.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.graph svg g{cursor:pointer}body.panel-open .wrap{--ml:max(0px, calc((100% - 1400px)/2) );margin-left:var(--ml);margin-right:0;max-width:min(1400px,calc(100% - var(--ml) - var(--panel-w, 420px)));transition:max-width .16s}@media(prefers-reduced-motion:reduce){body.panel-open .wrap{transition:none}}@media(max-width:900px){body.panel-open .wrap{max-width:none;margin-left:0;margin-right:0}}svg{display:block}.stat{display:inline-block;margin-right:14px;font-size:12px;color:var(--muted);font-family:inherit;background:none;border:none;border-radius:5px;padding:3px 7px;margin-left:-7px;text-align:left}.stat b{color:var(--fg);font-size:14px}.stat.bad b{color:var(--overdue)}.stat.amber b{color:var(--downstream)}button.stat{cursor:pointer}button.stat:hover:not(:disabled){background:var(--panel)}button.stat[aria-pressed=true]{background:var(--panel);box-shadow:inset 0 -2px 0 var(--accent)}button.stat:disabled{cursor:default;opacity:.55}button.stat:disabled b{color:var(--muted)}.key{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-top:8px;font-size:12px;color:var(--muted);line-height:1.4}.key>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.key svg{flex:none;display:inline-block;overflow:visible}.key [hidden]{display:none}.loadmsg{padding:14px 0;color:var(--muted);font-size:13px}.loadmsg.bad{color:var(--overdue);font-weight:600}.empty{display:none;padding:14px 0;color:var(--muted);font-size:13px}.link{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline}#tip{position:fixed;z-index:11;pointer-events:none;opacity:0;max-width:340px;padding:8px 10px;border-radius:6px;background:var(--panel);color:var(--fg);border:1px solid var(--line);box-shadow:0 4px 14px #0000002e;font-size:12px;line-height:1.45;transition:opacity .09s}#tip.on{opacity:1}#tip .t{font-weight:600;display:block;margin-bottom:3px}#tip .r{color:var(--muted)}#tip .r b{color:var(--fg);font-weight:600}#tip .warn{color:var(--conflict)}#tip .amber{color:var(--downstream)}#panel{position:fixed;right:0;top:0;height:100vh;width:min(420px,92vw);background:var(--bg);border-left:1px solid var(--line);padding:40px 18px 18px;overflow:auto;transform:translate(100%);transition:transform .16s;z-index:9}#panel.open{transform:none}#panel h3{margin:0 0 2px;font-size:15px}#panel .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:14px 0 2px}#panel ul{margin:2px 0;padding-left:18px}#panel li{margin:2px 0}.mut{color:var(--muted);font-size:12px}.warn{color:var(--conflict);font-weight:600;margin:4px 0}.amber{color:var(--downstream);font-weight:600;margin:4px 0}#close{position:absolute;top:0;right:0;width:30px;height:30px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;z-index:1}#close:hover{color:var(--fg)}.cb{display:block;margin:6px 0;font-size:13px;cursor:pointer}.cb input{margin-right:7px}.fl{display:block;margin:12px 0 4px;font-size:13px}#panel textarea{width:100%;font:inherit;padding:8px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--fg);resize:vertical}.primary{margin-top:10px;padding:8px 18px;border-radius:6px;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-weight:600}.primary:disabled{opacity:.6;cursor:default}.msg{margin-top:8px;font-size:12px;min-height:1em}.msg.ok{color:var(--ok)}.msg.bad{color:var(--overdue);font-weight:600}.find{padding-top:4px}.search{position:relative;flex:1 1 320px;max-width:460px;min-width:220px}.search input{width:100%;font:inherit;padding:7px 34px 7px 11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.search input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:11px/1 ui-monospace,Consolas,monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 6px;pointer-events:none}.search input:focus+kbd,.search input:not(:placeholder-shown)+kbd{display:none}.count{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.active{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip.on span{color:var(--muted);margin-left:3px}.chip.mine{font-weight:600}.link.small{font-size:12px}.ask{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.notice{display:none;margin:0 0 10px;padding:8px 12px;border-radius:6px;font-size:13px;border:1px solid var(--line);border-left:3px solid var(--downstream);background:var(--panel)}.num{font:11px/1.4 ui-monospace,Consolas,monospace;color:var(--muted);white-space:nowrap;margin-right:5px;font-variant-numeric:tabular-nums}mark{background:color-mix(in srgb,var(--downstream) 32%,transparent);color:inherit;border-radius:2px;padding:0 1px}.linkbox{width:100%;margin-top:6px;font:12px ui-monospace,Consolas,monospace;padding:5px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--fg)}.main{display:flex;gap:12px;align-items:flex-start}.chartcol{flex:1 1 0;min-width:0}.rail{flex:none;width:340px;position:sticky;top:8px;max-height:calc(100vh - 16px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:12.5px;line-height:1.35}.rail:focus-visible{outline:2px solid var(--accent);outline-offset:1px}body.rail-closed .rail{display:none}.lhead,.line{display:grid;grid-template-columns:minmax(0,1fr) 46px 58px;gap:8px;align-items:start}.lhead{position:sticky;top:0;z-index:3;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ohead{position:sticky;top:27px;z-index:3;display:flex;gap:7px;align-items:center;width:100%;height:32px;padding:0 10px;border:none;border-bottom:1px solid var(--line);background:var(--panel);color:var(--fg);font:inherit;font-weight:600;text-align:left;cursor:pointer}.ohead .tw{width:10px;color:var(--muted);flex:none}.ohead .dot{width:9px;height:9px;border-radius:50%;flex:none}.ohead .on{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ohead .gc{flex:none;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.ohead:hover,.ghead:hover{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.ghead{position:sticky;top:59px;z-index:2;display:flex;gap:6px;align-items:center;width:100%;padding:6px 10px 6px 24px;border:none;border-bottom:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-weight:600;text-align:left;cursor:pointer}.ghead .tw{width:10px;color:var(--muted);flex:none}.ghead .dot{width:8px;height:8px;border-radius:50%;flex:none}.ghead .gk{flex:none;white-space:nowrap}.ghead .gn{flex:1;min-width:0;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghead .gc{flex:none;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.line{padding:5px 10px 5px 28px;border-left:3px solid transparent;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);cursor:pointer}.line .nm{overflow-wrap:anywhere}.line.kr .nm{font-weight:600}.line.done .nm{color:var(--muted);text-decoration:line-through}.line .due,.line .own{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.line.hot{background:var(--panel)}.line.cur{box-shadow:inset 0 0 0 1px var(--accent)}.line.sel{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.line.pinned{padding-left:8px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 2px 6px #00000014}.line .out{display:block;font-size:11px;color:var(--downstream);font-weight:600}.f{display:inline-block;margin-left:5px;font-style:normal;font-size:10px;color:var(--blocked);vertical-align:middle}.f.bad,.f.clash{width:7px;height:7px;border-radius:50%;border:2px solid var(--overdue)}.lempty{padding:14px 10px;color:var(--muted)}.halo{fill:none;stroke:none;pointer-events:none}g.hot .halo{stroke:var(--accent);stroke-width:2;opacity:.75}g.sel .halo{stroke:var(--accent);stroke-width:2.5;opacity:1}g.hot,g.sel{opacity:1}@media(max-width:1439px){.rail{width:280px}.lhead,.line{grid-template-columns:minmax(0,1fr) 44px 50px;gap:6px}#panel{width:min(380px,92vw)}}@media(max-width:900px){.main{flex-direction:column}.rail{position:static;width:100%;max-height:45vh}}a{color:var(--accent)}@media(max-width:640px){header,.bar,.wrap{padding-left:16px;padding-right:16px}}