*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:20px}html,body{overscroll-behavior-x:none}body{margin:0;background:var(--page-bg);color:var(--text);font-family:var(--bodyCJK);font-size:16px;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{color:var(--accent)}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-weight:400}h2{font-family:var(--headingCJK);font-size:23px;line-height:1.4}.latin{font-family:var(--displayLatin)}.micro{font-size:10px;color:var(--micro);line-height:1.4}.gold{color:var(--gold)!important}.skip-link{position:fixed;z-index:20;left:20px;top:-100px;background:var(--accent);color:#000;padding:12px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:5;overflow-y:auto}.identity{position:relative;height:323px;flex-shrink:0;overflow:hidden}.portrait{width:100%;height:auto;display:block;opacity:var(--image-opacity);mask-image:linear-gradient(to bottom,#000 61%,transparent 97%)}.identity-caption{position:absolute;left:25px;top:251px}.director{font-size:18px;line-height:1.3}.identity-caption .micro{margin-top:7px}.sidebar nav{padding:0 14px}.nav-item{position:relative;width:100%;min-height:52px;display:flex;align-items:center;gap:20px;border-radius:5px;text-align:left;padding:10px 13px;font-family:var(--headingCJK);font-size:20px;margin-bottom:5px;white-space:nowrap}.nav-item.selected{background:var(--selected-bg)}.nav-item.selected:before{content:"";position:absolute;left:0;width:2px;top:10px;bottom:10px;background:var(--accent)}.nav-icon{width:14px;height:14px;flex:none;color:var(--muted);display:inline-block}.sparkle{font-size:20px;color:var(--accent);line-height:14px}.folder{width:14px;height:13px;border:1px solid var(--muted);border-right:0}.circle{border:1px solid var(--muted);border-radius:50%}.nav-count{margin-left:auto;font-family:var(--numeric);font-size:19px;color:var(--accent)}.nav-label{padding:23px 12px 14px;color:var(--micro);font-size:12px}.system-label{padding-top:35px}.sidebar-bottom{margin:auto 24px 14px;border-top:1px solid var(--line);padding-top:18px;min-height:67px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings-link{font-family:var(--headingCJK);font-size:18px;color:var(--muted);padding:0 4px}.sidebar-bottom .micro{padding-left:2px}
main{margin-left:var(--sidebar-width);padding:0 30px 0 var(--page-gutter);min-width:0}.hero{--sea-text-edge:445px;--sea-bleed:30px;height:222px;position:relative;border-bottom:1px solid var(--line);isolation:isolate}.hero:after{content:"";position:absolute;bottom:-1px;left:0;width:126px;height:1px;background:var(--accent)}.sea-frame{position:absolute;z-index:-1;top:0;bottom:1px;right:calc(0px - var(--sea-bleed));left:max(var(--sea-text-edge),calc(100% + var(--sea-bleed) - 1080px));overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 57%,transparent 99%);pointer-events:none}.sea-image{display:block;width:100%;height:100%;opacity:var(--image-opacity);mask-image:linear-gradient(to right,transparent 0%,#000 21%,#000 82%,transparent 100%)}.brand{position:absolute;left:0;top:20px}.wordmark{font-family:var(--displayLatin);font-size:122px;line-height:1.04;letter-spacing:-4px}.brand-subtitle{font-size:25px;margin:17px 0 0 4px;line-height:1.2;color:#a4bec6}.modes{position:absolute;left:325px;top:45px;height:141px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:18px;padding:15px 0 0 29px;align-items:flex-start}.modes button{font-size:17px;padding:0;color:var(--muted);line-height:1.2}.modes .active{color:var(--text)}.demo-badge{position:absolute;right:0;bottom:13px;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em;color:var(--muted);padding:4px 8px;background:rgb(5 10 12 / .72);border:1px solid var(--line);border-radius:3px}.demo-badge>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:15px 0 19px}.stat{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--border);border-radius:8px;padding:12px 37px 12px 22px;height:94px;background:rgb(var(--panel-rgb) / var(--panel-opacity))}.stat:hover{border-color:var(--muted)}.stat-copy{display:flex;flex-direction:column;gap:8px}.stat-name{font-family:var(--headingCJK);font-size:20px}.stat-value{font-family:var(--numeric);font-size:54px;line-height:1;color:var(--accent);font-variant-numeric:lining-nums}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{background:rgb(var(--panel-rgb) / var(--panel-opacity));border:1px solid var(--border);border-radius:9px;min-width:0;overflow:hidden;backdrop-filter:blur(var(--panel-blur)) brightness(var(--panel-brightness));scroll-margin:20px}.panel-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 25px 10px 21px;gap:10px;border-bottom:1px solid var(--line);position:relative}.panel-header:before{content:"";position:absolute;top:12px;left:0;width:2px;height:33px;background:var(--accent)}.panel-header .micro{margin-top:1px}.text-link{color:var(--muted);font-family:var(--headingCJK);font-size:14px;white-space:nowrap;padding:6px 0}.projects-panel{min-height:301px}.table-wrap{padding:0 17px 20px}table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--headingCJK);text-align:left}th{height:44px;color:var(--muted);font-weight:400;font-size:16px}td{height:55px;font-size:18px;border-top:1px solid var(--line);padding:5px 6px}th{padding:6px}th:nth-child(1){width:24%}th:nth-child(2){width:22%}th:nth-child(3){width:28%}th:nth-child(4){width:12%}th:nth-child(5){width:14%}td:last-child{padding-right:24px}td .row-title{padding:0;text-align:left;line-height:1.5}td .deadline{color:var(--muted);font-size:17px}.badge{font-family:var(--headingCJK);font-size:14px;display:inline-block;padding:4px 10px;line-height:1.4;border-radius:4px;white-space:nowrap;color:var(--gold);background:var(--gold-bg)}.badge.cyan{color:var(--accent);background:var(--cyan-bg)}.outline-button{border:1px solid #345663;border-radius:5px;color:#a5bec7;background:rgb(var(--inner-rgb) / .4);min-height:38px;padding:6px 15px;font-family:var(--headingCJK);font-size:16px}.outline-button:hover{border-color:var(--accent)}td .outline-button{width:100%;padding:4px 8px;white-space:nowrap}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 17px 20px}.agent{padding:8px 15px 5px;border:1px solid var(--border);border-radius:5px;background:rgb(var(--inner-rgb) / .48);text-align:left;min-height:59px;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.agent-name{font-family:var(--displayLatin);font-size:20px;line-height:1.2}.agent-state{font-family:var(--headingCJK);font-size:14px;color:var(--accent)}.agent-desc{font-family:var(--headingCJK);font-size:14px;line-height:1.5;color:var(--muted);grid-column:1/-1}.activity-panel{min-height:211px}.timeline{list-style:none;margin:0;padding:10px 21px 20px}.timeline li{display:grid;grid-template-columns:62px 20px minmax(0,1fr) 78px;gap:8px;align-items:center;min-height:37px;font-size:17px}.timeline time,.timeline .actor{color:var(--muted);font-size:14px}.event-dot{width:11px;height:11px;background:var(--accent);border-radius:50%;position:relative;border:1px solid rgb(216 227 229 / .3)}.event-dot.gold-dot{background:var(--gold)}.event-dot.dim-dot{background:#23a9af}.timeline li:not(:last-child) .event-dot:after{content:"";position:absolute;top:10px;left:4px;width:1px;height:27px;background:var(--line)}.timeline .event-copy{padding:0;text-align:left;line-height:1.6}.approval-list{padding:15px 16px 0;display:flex;flex-direction:column;gap:12px}.approval-card{background:rgb(var(--inner-rgb) / var(--inner-opacity));border:1px solid #2d4954;border-radius:6px;padding:14px 17px 13px;min-height:145px}.approval-top{display:flex;align-items:center;gap:22px}.approval-number{font-family:var(--numeric);font-size:30px;line-height:1;color:var(--accent)}.approval-title{font-family:var(--headingCJK);font-size:18px;line-height:1.5}.approval-top .badge{margin-left:auto;min-width:92px;text-align:left}.approval-desc{font-family:var(--headingCJK);font-size:16px;line-height:1.6;color:var(--muted);margin:10px 0 16px}.approval-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.primary-button{background:linear-gradient(#30d4d9,#24b7bf);border:1px solid var(--accent);color:var(--button-text);border-radius:5px;min-height:38px;font-family:var(--headingCJK);font-size:16px;padding:6px 10px}.primary-button:hover{color:var(--button-text);filter:brightness(1.1)}.approval-buttons button{white-space:nowrap;padding:5px 8px}.approval-note{font-family:var(--headingCJK);font-size:13px;color:var(--muted);margin:14px 23px 6px;line-height:1.6}.approvals-panel{min-height:431px}.artifact-list{list-style:none;margin:0;padding:6px 16px 18px}.artifact-item+li{border-top:1px solid var(--line)}.artifact-button{display:flex;align-items:center;gap:16px;width:100%;min-height:59px;padding:6px 7px;text-align:left}.file-icon{width:15px;height:21px;border:1px solid var(--muted);position:relative;flex:none}.file-icon:after{content:"";position:absolute;left:3px;right:3px;top:5px;height:5px;border-top:1px solid var(--muted);border-bottom:1px solid var(--muted)}.artifact-copy{min-width:0;flex:1}.artifact-name{display:block;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.artifact-meta{font-size:13px;line-height:1.5;color:var(--muted);display:block}.artifact-state{font-size:14px;color:var(--gold);white-space:nowrap;min-width:58px}.artifact-state.cyan{color:var(--accent)}.artifacts-panel{min-height:334px}footer{margin-top:18px;min-height:30px;border-top:1px solid var(--line);padding-top:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-family:var(--headingCJK);font-size:11px;color:var(--muted)}footer button{font:inherit;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.data-status{padding:18px;margin-bottom:20px;border:1px solid var(--border);background:var(--selected-bg);border-radius:6px}.data-status button{margin-left:14px}.placeholder{padding:26px 18px;color:var(--muted);font-size:15px}.loading-indicator{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:1px solid var(--muted);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.highlight{animation:panel-focus 1s ease-out}@keyframes panel-focus{from{border-color:var(--accent)}to{border-color:var(--border)}}.toast{position:fixed;z-index:40;bottom:26px;left:calc(50% + 104px);transform:translateX(-50%);max-width:min(640px,calc(100vw - 40px));padding:14px 20px;border:1px solid #416574;background:#10222a;color:var(--text);border-radius:6px;box-shadow:0 6px 30px #0008;font-size:14px;line-height:1.7;pointer-events:none}dialog{border:1px solid #3c5c67;border-radius:10px;padding:26px 30px;background:#0b161b;color:var(--text);width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:rgb(0 5 8 / .76);backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-eyebrow{color:var(--accent);font-size:12px;letter-spacing:.1em}.close-button{font-size:28px;line-height:1;width:36px;height:36px;color:var(--muted)}dialog h2{font-size:25px;margin-bottom:18px}dialog p{font-size:15px;line-height:1.9;color:#aac0c9;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:90px 1fr;margin:22px 0;gap:12px;font-size:15px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.detail-label{font-family:var(--headingCJK);font-size:18px;margin:22px 0 10px}.detail-files{padding-left:22px;line-height:2;color:var(--muted);overflow-wrap:anywhere}.notice{padding:14px 16px;background:var(--selected-bg);border-left:2px solid var(--accent);font-size:14px!important}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.settings-field{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;font-size:15px}select{background:var(--selected-bg);color:var(--text);border:1px solid #345663;padding:9px;font:inherit;border-radius:4px;max-width:60%}.noscript{position:fixed;bottom:0;background:#4a2e17;padding:20px;z-index:50;width:100%}
@media(min-width:1600px){.agents-panel{height:234px}.agent-grid{gap:9px}.agent{min-height:59px}.artifact-list{padding-bottom:17px}}
@media(max-width:1450px){:root{--sidebar-width:184px;--page-gutter:24px}main{padding-right:24px}.identity{height:300px}.identity-caption{top:230px}.nav-item{font-size:18px;gap:15px}.hero{height:210px}.wordmark{font-size:105px}.brand-subtitle{font-size:22px}.modes{left:280px}.hero{--sea-text-edge:380px;--sea-bleed:24px}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.stat{padding-left:17px;padding-right:23px}.stat-name{font-size:18px}.stat-value{font-size:47px}.panel-header{padding-right:17px;padding-left:17px}h2{font-size:21px}td{font-size:16px}th{font-size:14px}td .deadline{font-size:15px}.table-wrap{padding:0 11px 15px}td:last-child{padding-right:0}.badge{font-size:12px;padding:4px 6px}.outline-button,.primary-button{font-size:14px}.approval-card{padding:12px;min-height:151px}.approval-top{gap:12px}.approval-title{font-size:16px}.approval-top .badge{min-width:auto}.approval-desc{font-size:14px}.approval-buttons{gap:7px}.approval-list{padding:12px 12px 0}.approval-note{margin-left:16px;margin-right:16px}.artifact-name{font-size:16px}.artifact-button{gap:12px}.timeline{padding-left:17px;padding-right:17px}.timeline li{font-size:15px;grid-template-columns:48px 15px minmax(0,1fr) 56px;gap:6px}.timeline .actor{font-size:12px}.agent-grid{padding:12px;gap:8px}.agent{padding:9px 10px}.agent-name{font-size:18px}.agent-desc{font-size:12px}.toast{left:calc(50% + 92px)}}
@media(max-width:1150px){:root{--sidebar-width:160px;--page-gutter:20px}main{padding-right:20px}.sidebar nav{padding:0 10px}.identity{height:275px}.identity-caption{top:205px;left:20px}.nav-item{font-size:16px;gap:12px;padding-left:10px;padding-right:10px}.nav-label{font-size:11px}.sidebar-bottom{margin-left:20px;margin-right:20px}.hero{height:200px}.wordmark{font-size:94px}.brand-subtitle{font-size:20px}.modes{left:250px;top:40px;height:130px;padding-left:18px}.modes button{font-size:15px}.hero{--sea-text-edge:335px;--sea-bleed:20px}.stats{gap:12px}.stat{height:88px;padding:12px}.stat-name{font-size:16px}.stat-value{font-size:40px}.stat .micro{font-size:9px}.workspace-grid{grid-template-columns:1fr}.left-column,.right-column{gap:20px}.agent-desc{font-size:14px}.projects-panel{min-height:290px}.approvals-panel{min-height:0;padding-bottom:10px}.approval-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.approval-top{flex-wrap:wrap;gap:8px}.approval-top .badge{margin-left:auto}.approval-title{font-size:16px}.approval-number{font-size:27px}.approval-buttons{grid-template-columns:1fr}.approval-card{min-height:0}.approval-desc{min-height:44px}.artifact-list{padding-bottom:18px}.timeline .actor{font-size:14px}.toast{left:calc(50% + 80px)}}
@media(max-width:700px){:root{--sidebar-width:0px;--page-gutter:16px}.sidebar{position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.identity,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:8px 12px}.nav-item{min-height:42px;margin:0;width:auto;flex-shrink:0;font-size:15px;gap:7px;padding:7px 10px}.nav-icon{display:none}.nav-item.selected:before{top:auto;bottom:0;width:60%;height:2px;left:20%}.nav-count{font-size:16px}.hero{height:300px}.brand{top:22px}.wordmark{font-size:76px}.brand-subtitle{font-size:17px;margin-top:9px}.modes{left:200px;top:28px;height:110px;padding:8px 0 0 15px;gap:14px}.modes button{font-size:14px}.sea-frame{left:0;right:0;top:148px;opacity:.6;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 57%,transparent 99%)}.demo-badge{bottom:11px;font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{height:80px;padding:12px 17px}.stat-name{font-size:17px}.stat-value{font-size:40px}main{padding-right:16px}.workspace-grid,.left-column,.right-column{gap:16px}.panel-header{height:67px;padding-left:16px;padding-right:13px}h2{font-size:19px}.text-link{font-size:12px}.table-wrap{overflow-x:auto;padding:0 12px 12px}table{min-width:600px}.projects-panel{min-height:0}.agent-grid{grid-template-columns:1fr}.agent{padding:11px 14px}.agent-desc{font-size:13px}.timeline{padding:10px 14px 18px}.timeline li{grid-template-columns:40px 12px minmax(0,1fr);font-size:14px;min-height:43px}.timeline .actor{display:none}.timeline time{font-size:12px}.timeline li:not(:last-child) .event-dot:after{height:33px}.approval-list{display:flex}.approval-top{gap:12px}.approval-buttons{grid-template-columns:1fr 1fr 1fr}.approval-desc{min-height:0}.approval-title{font-size:16px}.approval-top .badge{font-size:11px}.approval-number{font-size:25px}.artifact-name{font-size:14px}.artifact-meta{font-size:12px}.artifact-state{font-size:12px;min-width:40px}.artifact-button{gap:12px;padding-left:2px;padding-right:2px}.artifacts-panel{min-height:0}.toast{left:50%;width:max-content;font-size:13px}footer{flex-direction:column;gap:6px;padding-bottom:12px;font-size:10px}dialog{padding:18px 20px}dialog h2{font-size:22px}.detail-grid{grid-template-columns:70px 1fr}.settings-field{align-items:flex-start;flex-direction:column}.settings-field select{max-width:100%;width:100%}}
/* Reference alignment, measured against the 1800 × 1180 black overview. */
.wordmark .overlap-letter{display:inline-block;margin-left:-.32em}
.timeline li.placeholder{display:block}
footer{min-height:26px}
@media(max-width:700px){
  .sidebar-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 12px 8px;padding:0 8px;min-height:44px;border-top:1px solid var(--line)}
  .settings-link{font-size:14px;min-height:44px;padding:8px 10px}
  .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .nav-item{justify-content:center;gap:7px;font-size:14px}
  .nav-count{margin-left:2px}
  .table-wrap{overflow:visible}
  table{min-width:0;display:block}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  tbody{display:block}
  tbody tr{display:block;padding:12px 2px;border-top:1px solid var(--line)}
  tbody tr:first-child{border-top:0}
  td{display:grid;grid-template-columns:62px minmax(0,1fr);width:100%;height:auto;padding:5px 0;border:0;font-size:14px;align-items:center;gap:8px}
  td:first-child{display:block;font-size:17px;padding-bottom:9px}
  td[data-label]:before{content:attr(data-label);font-size:13px;color:var(--muted)}
  td .badge{justify-self:start}
  td:last-child{padding-right:0}
  td .outline-button{width:auto;min-width:90px;justify-self:start}
  td[colspan]{display:block}
}
@media(min-width:1600px){
  .portrait{width:228px;max-width:none}
  .brand-subtitle{font-size:23px}
  .stat-copy{transform:translateY(-6px)}
  .stat-value{transform:translateY(-11px)}
  .projects-panel{min-height:300px}
  .table-wrap{padding-bottom:17px}
  .agents-panel{height:233px}
  .agent{min-height:59px;padding-top:6px;padding-bottom:3px}
  .agent-desc{line-height:1.4}
  .timeline{padding-bottom:16px}
  .approval-desc{margin-top:8px;margin-bottom:14px}
  .artifact-list{padding-bottom:15px}
  .panel-header>div{transform:translateY(-2px)}
  .panel-header>.text-link{transform:translateY(-8px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loading-indicator{border-top-color:var(--accent)}}

/* Horizontal boundary feedback is controlled on the document only: no overflow clipping,
   no wheel cancellation and no touch-action restriction. Native child scrolling stays available.
   The sea SVG uses the original y=155..624 crop as its viewBox and slices uniformly to
   fill its frame. On phones the image sits below the unchanged wordmark/mode positions. */