:root{color-scheme:light;--ink:#172a43;--muted:#5c6d80;--navy:#132a45;--line:#dce4ec;--paper:#f4f7fb;--week:70px;--label:228px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,.timeline-scroll:focus-visible{outline:3px solid #117f9a;outline-offset:3px}button{touch-action:manipulation}button,select{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}[hidden]{display:none!important}.site-header{height:76px;padding:0 38px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:14px;font-size:.875rem;font-weight:700;letter-spacing:.07em}.brand-separator{color:#748da7;padding:0 10px}.brand-mark{width:31px;height:30px;display:flex;flex-direction:column;gap:4px}.brand-mark i{height:6px;width:16px;background:#52ddc9;border-radius:1px}.brand-mark i:nth-child(2){width:23px;align-self:center}.brand-mark i:nth-child(3){width:14px;align-self:flex-end}.header-label{font-size:.75rem;letter-spacing:.13em;color:#b7c8da}main{max-width:1640px;margin:auto;padding:38px}.page-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:32px}.eyebrow{margin:0 0 12px;color:#54718c;font-size:.75rem;font-weight:700;letter-spacing:.13em}h1{font-size:clamp(1.8rem,3vw,2.625rem);letter-spacing:-.04em;line-height:1.2;margin:0;font-weight:700}.intro{margin:12px 0 0;color:var(--muted);line-height:1.5}.date-range{padding:0 0 0 25px;border-left:2px solid #3cb9ac;white-space:nowrap}.date-range>span{font-size:.75rem;letter-spacing:.09em;color:var(--muted);font-weight:600}.date-range strong{display:block;margin-top:9px;font-size:1.125rem;font-weight:650}.range-dash{padding:0 6px;color:#91a2b5}.date-range p{color:var(--muted);font-size:.875rem;margin:8px 0 0}.workspace{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 4px 24px #142b4505;overflow:hidden}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 27px 22px;border-bottom:1px solid var(--line)}h2{margin:0;font-size:1.25rem;letter-spacing:-.025em}.workspace-heading p{color:var(--muted);font-size:.875rem;margin:7px 0 0}.view-switch{display:flex;background:#edf2f7;border-radius:7px;padding:4px;gap:3px}.view-switch button{border:0;background:transparent;color:var(--muted);padding:8px 17px;border-radius:5px;font-size:.875rem;font-weight:600}.view-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #142b4514}.toolbar{padding:19px 27px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #eaf0f5}.front-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.filter{background:white;border:1px solid #dce4ec;color:var(--muted);border-radius:6px;font-size:.875rem;padding:9px 12px;display:flex;align-items:center;gap:8px;font-weight:500;min-height:40px}.filter:hover{background:#f4f7fb;border-color:#a5b7c8}.filter.active{background:#e9f1f9;color:#17446f;border-color:#8aaccd}.filter[data-front="all"].active{background:var(--navy);border-color:var(--navy);color:#fff}.color-key{display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--front-color);flex:none}.density-control{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.875rem;white-space:nowrap}.density-control select{border:1px solid #dce4ec;border-radius:6px;background:#fff;color:var(--ink);padding:9px 25px 9px 10px;font-size:.875rem}.timeline-hint{font-size:.875rem;color:var(--muted);margin:18px 27px}.mobile-hint{display:none}.timeline-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#a2b4c8 #edf2f7;scrollbar-width:thin}.timeline{min-width:calc(var(--label) + var(--week)*16);width:100%}.period-row,.week-row,.lane{display:grid;grid-template-columns:var(--label) repeat(16,minmax(var(--week),1fr))}.period-row{background:#f6f8fb;border-top:1px solid var(--line);height:37px;position:relative}.period-title{display:flex;align-items:center;padding-left:12px;font-size:.75rem;color:#536c85;letter-spacing:.01em;border-left:1px solid var(--line);font-weight:600}.axis-label{position:sticky;left:0;z-index:3;background:#f6f8fb;display:flex;align-items:center;padding:0 25px;border-right:1px solid var(--line);font-size:.75rem;letter-spacing:.08em;color:#60758b;font-weight:700}.week-row{background:#fff;height:59px;border-bottom:1px solid var(--line)}.week{border-left:1px solid #eaf0f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.week strong{font-size:.875rem;font-weight:600;color:#284561}.week span{font-size:.75rem;color:#718399}.week-row .axis-label{background:#fff;letter-spacing:0;font-size:.875rem;font-weight:500;color:var(--muted)}.lane{position:relative;border-bottom:1px solid #e2e9f0;min-height:122px;isolation:isolate;align-items:stretch}.lane:last-child{border-bottom:0}.lane-grid{grid-column:2/-1;grid-row:1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/16 - 1px),#e9eef4 calc(100%/16 - 1px),#e9eef4 calc(100%/16));z-index:-1}.front-label{grid-column:1;grid-row:1;position:sticky;left:0;z-index:2;background:white;display:flex;gap:13px;align-items:center;padding:24px;border-right:1px solid var(--line)}.front-number{font-size:.75rem;color:#72869a;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:3px}.front-label h3{font-size:1rem;line-height:1.4;margin:0 0 9px;font-weight:650}.front-label p{font-size:.75rem;margin:0;color:#748498}.front-label .front-color-line{height:3px;width:31px;border-radius:3px;background:var(--front-color);margin-top:12px}.task{grid-row:1;align-self:stretch;min-width:0;margin:16px 5px;padding:12px;border:1px solid var(--front-border);border-left:3px solid var(--front-color);background:var(--front-bg);border-radius:6px;text-align:left;color:var(--front-ink);display:flex;flex-direction:column;justify-content:space-between;gap:9px;position:relative;min-height:90px}.task:hover{background:var(--front-hover);box-shadow:0 3px 9px #142b4514;transform:translateY(-2px);z-index:1}.task-text{font-size:.875rem;font-weight:550;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-meta{font-size:.75rem;opacity:.8;display:flex;align-items:center;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.task-id{font-size:.75rem;opacity:.7}.workspace-footer{padding:17px 27px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;gap:16px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:8px}.legend-mark{width:14px;height:9px;border:1px solid #88a5be;border-radius:2px;background:#e8f0f8}.page-footer{display:flex;justify-content:space-between;gap:24px;margin-top:20px;font-size:.75rem;color:#6b7f93;line-height:1.5}.page-footer p{margin:0}.activity-list{padding:0 27px}.list-section{padding:24px 0;border-bottom:1px solid var(--line)}.list-section:last-child{border-bottom:0}.list-section h3{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:1rem;font-weight:650}.list-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.list-task{border:1px solid var(--front-border);border-top:3px solid var(--front-color);background:var(--front-bg);border-radius:7px;padding:17px 18px;text-align:left;display:flex;flex-direction:column;gap:12px;color:var(--front-ink)}.list-task:hover{background:var(--front-hover);box-shadow:0 3px 9px #142b4514}.list-task .task-text{display:block;font-size:1rem;font-weight:500;line-height:1.5}.list-period{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.list-task .task-meta{font-size:.875rem}.compact{--week:48px}.compact .task{padding:10px 8px}.compact .task-text{-webkit-line-clamp:4}.compact .task-meta .task-id{display:none}dialog{padding:28px;width:min(550px,calc(100vw - 32px));border:1px solid #dce4ec;border-radius:14px;box-shadow:0 25px 80px #132a4540;color:var(--ink)}dialog::backdrop{background:#132a456b;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-front{display:flex;align-items:center;gap:9px;font-size:.875rem;font-weight:650;line-height:1.4;color:var(--front-ink)}.close-button{flex:none;width:36px;height:36px;background:#eef2f7;border:0;border-radius:7px;color:#51647a;font-size:1.5rem;line-height:1}.close-button:hover{background:#dfe7ef}.detail-period{font-size:.75rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#687d92;margin:28px 0 12px}dialog h2{font-size:1.5rem;line-height:1.4;letter-spacing:-.025em;font-weight:650}.detail-dates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:29px 0 0;padding-top:24px;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:.875rem;margin-bottom:9px}dd{margin:0;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.detail-note{margin:25px 0 2px;font-size:.875rem;color:var(--muted);line-height:1.5}.noscript{padding:22px;background:#fff4df;margin:20px}
@media(min-width:1650px){:root{--week:76px}}
@media(max-width:1150px){.toolbar{flex-direction:column;align-items:flex-start;gap:13px}.density-control{align-self:flex-end}.page-heading{align-items:flex-start}.date-range strong{font-size:1rem}.list-items{grid-template-columns:repeat(2,minmax(0,1fr))}.header-label{display:none}.page-footer{flex-direction:column;gap:6px}}
@media(max-width:720px){:root{--label:180px;--week:78px}.site-header{height:62px;padding:0 20px}.brand{font-size:.75rem;gap:11px}.brand-separator{padding:0 4px}main{padding:26px 16px}.page-heading{flex-direction:column;gap:22px;margin-bottom:25px}.date-range{padding-left:15px}.date-range strong{font-size:1.125rem}.intro{font-size:.875rem}.workspace-heading{padding:20px 18px}.toolbar{padding:16px 18px;gap:12px}.front-filters{gap:7px}.filter{font-size:.875rem;padding:8px 10px}.view-switch button{padding:8px 12px}.timeline-hint{margin:15px 18px;font-size:.875rem;line-height:1.5}.mobile-hint{display:block;color:#7c8a98;margin-top:4px}.front-label{padding:20px 14px;gap:9px}.front-label h3{font-size:.875rem}.axis-label{padding:0 15px}.workspace-footer{flex-direction:column;align-items:flex-start;padding:15px 18px;gap:8px}.list-items{grid-template-columns:1fr}.activity-list{padding:0 18px}dialog{padding:23px}dialog h2{font-size:1.3rem}.detail-dates{grid-template-columns:1fr 1fr;row-gap:18px}.detail-dates>div:last-child{grid-column:1/-1}.compact{--week:55px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.task:hover{transform:none}}