@font-face{font-family:Space;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--impeccable--2026-10-12T10-10-06-435Z/assets/space-grotesk.ttf') format('truetype');font-display:swap;font-weight:300 700}
@font-face{font-family:Plex;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--impeccable--2026-10-12T10-10-06-435Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--night:#101a1d;--night-2:#172326;--paper:#e9e7da;--ink:#202c2c;--muted:#737d75;--lime:#d3ed79;--orange:#f2a16e;--blue:#80c4cb;--lav:#bea5df;--green:#b5d77d;--mono:'Plex',monospace;--sans:'Space',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#eff0e7;font-family:var(--sans);font-size:14px;line-height:1.45}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:var(--night)}
.app-shell{min-height:100vh}.topbar{height:64px;position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#101a1d;border-bottom:1px solid #344144}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.04em;min-width:220px}.brand-mark{width:25px;height:25px;fill:none;stroke:var(--lime);stroke-width:1.3}.brand-core{fill:var(--lime);stroke:none}.topbar-center,.signal-caption,.topbar-right time,.rail-section-label,.rail-foot,.scope-meta,.scope-legend,.date-line,.hero-index,.welcome-foot,.section-marker,.list-total,.list-columns,.task-meta,.priority,.list-footer,.page-footer,.detail-kicker,.detail-meta-label,.detail-status-label,.detail-activity,.toast{font-family:var(--mono);letter-spacing:.035em}.topbar-center{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#aab3a9;letter-spacing:.12em}.live-light,.station-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:9px;box-shadow:0 0 10px #d3ed7966}.topbar-divider{padding:0 10px;color:#52605d}.topbar-right{display:flex;align-items:center;gap:11px}.signal-caption{font-size:9px;color:#82908a}.topbar-right time{font-size:11px;color:#e8eadf}.avatar-stack{display:flex;margin-left:10px}.avatar-stack i,.avatar-stack b{width:24px;height:24px;margin-left:-5px;border-radius:50%;border:1px solid var(--night);display:grid;place-items:center;font-size:8px;font-style:normal;background:#485b55;color:#edf1dd}.avatar-stack i:nth-child(2){background:#785d54}.avatar-stack i:nth-child(3){background:#63705e}.avatar-stack b{background:#252f31;color:#b7c0b4;font:8px var(--mono)}
.left-rail{position:fixed;z-index:5;left:0;top:64px;bottom:0;width:252px;background:var(--night);border-right:1px solid #344144;padding:34px 20px 20px 25px;display:flex;flex-direction:column}.rail-section-label{font-size:9px;color:#a2afa6;letter-spacing:.14em}.workspace-chip{display:flex;align-items:center;gap:11px;margin-top:14px;padding:10px 9px;background:#1c292b;border:1px solid #344144}.workspace-icon{width:28px;height:28px;display:grid;place-items:center;background:#d3ed79;color:#152123;font-weight:700}.workspace-chip strong,.workspace-chip small,.mini-station strong,.mini-station small{display:block}.workspace-chip strong{font-size:12px;font-weight:550}.workspace-chip small{font-size:10px;color:#aab7ae;margin-top:2px}.chevron{margin-left:auto;color:#a9b4aa}.rail-label-gap{margin-top:39px;margin-bottom:13px}.rail-link{height:42px;display:flex;align-items:center;gap:11px;padding:0 10px;font-size:12px;color:#c5cec3}.rail-link.selected{color:#e4edae;background:#273437;border:1px solid #3d4b4b}.rail-glyph{font-size:15px;color:var(--lime)}.rail-count{font:10px var(--mono);color:#d3ed79;margin-left:auto}.rail-rule{height:1px;background:#344144;margin:25px 0 26px}.key-row{display:flex;align-items:center;gap:9px;height:34px;color:#c1cabe;font-size:11px}.key-dot{width:7px;height:7px;border-radius:50%}.todo-dot{background:var(--orange)}.progress-dot{background:var(--blue)}.blocked-dot{background:var(--lav)}.done-dot{background:var(--green)}.key-count{margin-left:auto;color:#a2afa6;font:10px var(--mono)}.rail-bottom{margin-top:auto}.mini-station{display:flex;align-items:center;padding:12px 10px;border:1px solid #344144;background:#172224}.mini-station .station-pulse{margin-right:10px;flex:none}.mini-station strong{font-size:10px;font-weight:500;color:#d6decf}.mini-station small{font:9px var(--mono);color:#a2afa6;margin-top:3px}.rail-foot{padding:20px 0 0;color:#8e9d95;font-size:8px;line-height:1.9;letter-spacing:.08em}
.main-content{margin:64px 0 0 252px;min-height:calc(100vh - 64px);background:var(--paper);color:var(--ink);position:relative}.welcome-band{min-height:265px;padding:37px 48px 30px;position:relative;background:var(--night-2);color:#edf0e2;display:flex;justify-content:space-between;overflow:hidden}.welcome-band:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#475653}.welcome-copy{position:relative;z-index:1;max-width:540px}.date-line{font-size:9px;color:#b0bcaf;letter-spacing:.13em;display:flex;align-items:center;gap:10px}.tiny-cross{color:var(--lime);font-size:13px}.date-dash{width:32px;height:1px;background:#66736d;margin-left:2px}.welcome-copy h1{font-size:38px;line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:16px 0 11px}.welcome-copy h1 em{font-weight:400;color:var(--lime);font-style:normal}.welcome-copy p{font-size:12px;color:#c2ccbf;max-width:370px;margin:0;line-height:1.65}.welcome-foot{margin-top:20px;display:flex;align-items:center;gap:9px;font-size:9px;color:#d0d8c9;letter-spacing:.03em}.ring-icon{width:20px;height:20px;border:1px solid #879383;border-radius:50%;display:grid;place-items:center;color:var(--lime);font:12px var(--sans)}.hero-index{position:absolute;right:25px;bottom:16px;font-size:8px;color:#a0aea6}.scope-wrap{width:244px;margin:0 40px 0 25px;align-self:center}.scope-meta,.scope-legend{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#b1bdb1}.scope{width:180px;height:180px;position:relative;margin:5px auto 4px;overflow:hidden;border-radius:50%;background:#182528}.scope-ring{position:absolute;border:1px solid #91a08677;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{width:55px;height:55px}.ring-two{width:108px;height:108px}.ring-three{width:162px;height:162px}.scope-cross{position:absolute;background:#a5b29b70}.cross-v{width:1px;top:8px;bottom:8px;left:50%}.cross-h{height:1px;left:8px;right:8px;top:50%}.scope-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 212deg,transparent 0deg,transparent 245deg,#d3ed7913 300deg,#d3ed793d 338deg,transparent 340deg);mask:radial-gradient(circle,transparent 0 12%,#000 14% 100%)}.scope-center{position:absolute;width:5px;height:5px;border-radius:50%;left:calc(50% - 2.5px);top:calc(50% - 2.5px);background:var(--lime);box-shadow:0 0 10px #d3ed79}.scope-pip{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px currentColor}.pip-a{top:33px;left:105px}.pip-b{top:74px;left:45px;background:var(--blue)}.pip-c{top:124px;left:115px;background:var(--lav)}.pip-d{top:51px;left:142px;background:var(--green)}.pip-e{top:112px;left:68px;background:var(--orange)}.scope-label{position:absolute;color:#aab7ac;font:8px var(--mono)}.label-n{top:8px;left:calc(50% - 3px)}.label-e{right:8px;top:calc(50% - 4px)}.label-s{bottom:8px;left:calc(50% - 3px)}.label-w{left:8px;top:calc(50% - 4px)}.scope-legend{font-size:7px}.legend-pip{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:5px}
.inbox-layout{display:grid;grid-template-columns:minmax(420px,1fr) 0;gap:0;max-width:1300px;margin:0 auto;padding:32px 48px 30px;transition:grid-template-columns .2s ease}.inbox-layout.has-detail{grid-template-columns:minmax(420px,1fr) minmax(300px,360px);gap:30px}.list-column{min-width:0}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.list-heading>div:first-child{display:flex;align-items:baseline;gap:12px}.section-marker{color:#68756b;font-size:9px}.list-heading h2{font-size:19px;line-height:1.2;letter-spacing:-.04em;margin:0;font-weight:550}.list-total{display:flex;gap:7px;align-items:baseline;color:#68756b;font-size:8px;letter-spacing:.1em}.list-total #visible-count{font-size:14px;color:#273632}.filters{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search-wrap{height:40px;border:1px solid #aeb3a6;display:flex;align-items:center;gap:10px;padding:0 11px;flex:1;min-width:130px;background:#eeede2}.search-wrap:focus-within{border-color:#647949;box-shadow:0 0 0 1px #647949}.search-icon svg{width:16px;height:16px;stroke:#56625b;stroke-width:1.5;fill:none}.search-wrap input{background:transparent;border:0;outline:0;color:var(--ink);width:100%;min-width:0;font-size:11px}.search-wrap input::placeholder{color:#646f65}.search-wrap input:focus-visible{outline:0}.search-wrap input::-webkit-search-cancel-button{cursor:pointer}.filter-wrap{height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid #aeb3a6;background:#eeede2}.filter-label{font:8px var(--mono);letter-spacing:.1em;color:#677267}.filter-wrap select{max-width:138px;border:0;background:transparent;color:#293631;font-size:10px;outline:0;cursor:pointer}.filter-wrap select option{background:var(--paper);color:var(--ink)}.list-columns{display:grid;grid-template-columns:minmax(180px,1fr) 116px 78px;gap:12px;padding:0 13px 9px;color:#68756b;font-size:8px;letter-spacing:.1em;border-bottom:1px solid #aeb4a6}.list-columns span:nth-child(2),.list-columns span:nth-child(3){text-align:left}.task-list{border-bottom:1px solid #aeb4a6}.task-row{min-height:67px;border-bottom:1px solid #c2c6b9;display:grid;grid-template-columns:minmax(180px,1fr) 116px 78px;gap:12px;align-items:center;padding:8px 13px;position:relative;transition:background .15s ease}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f2f0e5}.task-row.is-active{background:#dfe4d1}.task-main{min-width:0}.task-open{width:100%;display:flex;align-items:flex-start;gap:11px;text-align:left;border:0;background:none;padding:0;color:inherit;cursor:pointer;min-width:0}.task-open:hover .task-title{text-decoration:underline;text-decoration-color:#87956b;text-underline-offset:3px}.task-orbit{width:18px;height:18px;border:1px solid #909b8a;border-radius:50%;flex:none;position:relative;margin-top:3px}.task-orbit:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;top:2px;right:1px;background:var(--status-color)}.task-orbit:after{content:"";position:absolute;width:2px;height:2px;left:7px;top:7px;border-radius:50%;background:#65735f}.task-copy{min-width:0}.task-title{display:block;font-size:12px;font-weight:550;letter-spacing:-.015em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{display:block;margin-top:5px;color:#5e6b61;font-size:8px;letter-spacing:.01em}.task-meta b{font-weight:400;color:#848c80;padding:0 4px}.task-phase{display:flex;align-items:center;gap:7px;color:#46544b;font:9px var(--mono);white-space:nowrap}.phase-pip{height:6px;width:6px;border-radius:50%;background:var(--status-color);flex:none}.priority{font-size:8px;letter-spacing:.08em;color:#596358}.priority.high{color:#99411f}.priority.medium{color:#6b5d2e}.priority.low{color:#5c675c}.list-footer{display:flex;justify-content:space-between;padding-top:11px;color:#687267;font-size:8px;letter-spacing:.08em}.empty-state{padding:44px 15px 50px;text-align:center;border-bottom:1px solid #bec1b4}.empty-state[hidden]{display:none}.empty-orbit{width:44px;height:44px;border:1px solid #aeb5a6;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center}.empty-orbit span{width:9px;height:9px;background:#abb4a0;border-radius:50%;box-shadow:0 0 0 8px #daddcf}.empty-state h3{font-size:16px;margin:0 0 6px;letter-spacing:-.03em}.empty-state p{font-size:11px;color:#59675c;margin:0 auto 14px;max-width:285px}.text-button{background:transparent;border:0;color:#30492f;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px 7px;cursor:pointer}
.detail-panel{align-self:start;background:#172326;color:#e8ecdf;border:1px solid #37474a;position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}.detail-panel[hidden]{display:none}.detail-top{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #354446}.detail-kicker{font-size:8px;color:#bac6b9;letter-spacing:.13em}.close-detail{height:28px;width:28px;display:grid;place-items:center;border:1px solid #60706b;background:transparent;color:#e2e9da;font-size:17px;line-height:1;cursor:pointer}.close-detail:hover{background:#29383a}.detail-body{padding:20px 20px 22px}.detail-title{font-size:22px;line-height:1.16;letter-spacing:-.045em;font-weight:500;margin:0 0 9px;color:#f0f1e8}.detail-project{font:9px var(--mono);color:#b9c7b2;letter-spacing:.04em}.detail-summary{font-size:11px;line-height:1.65;color:#cbd4c7;margin:18px 0 13px}.detail-copy{font-size:11px;line-height:1.75;color:#e0e5d8;white-space:pre-line;border-top:1px solid #3a4948;padding-top:13px}.detail-rule{height:1px;background:#3a4948;margin:20px 0 15px}.detail-status-label,.detail-meta-label{display:block;font-size:8px;color:#bac6b9;letter-spacing:.12em;margin-bottom:8px}.detail-status-select{width:100%;height:38px;padding:0 10px;background:#263537;color:#eef0e5;border:1px solid #697a76;font-size:11px;cursor:pointer}.detail-status-select option{background:#263537}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;margin-top:17px}.detail-fact strong{display:block;font-size:10px;font-weight:500;color:#e1e7d9;margin-top:4px}.detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.detail-tag{border:1px solid #61716a;padding:4px 7px;font:8px var(--mono);color:#d0d9cc}.detail-activity{margin-top:19px;padding-top:12px;border-top:1px solid #3a4948;font-size:8px;color:#bac6b9;display:flex;justify-content:space-between}.toast{position:fixed;z-index:20;right:24px;bottom:24px;background:#d3ed79;color:#172326;padding:12px 16px;font-size:10px;letter-spacing:.03em;box-shadow:0 8px 24px #07101166;transform:translateY(15px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translateY(0)}.page-footer{display:flex;justify-content:space-between;border-top:1px solid #c2c6b9;color:#667267;padding:14px 48px 17px;font-size:8px;letter-spacing:.1em}.page-footer b{color:#708834;padding-left:5px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.left-rail{width:220px;padding-left:18px;padding-right:15px}.main-content{margin-left:220px}.brand{min-width:180px}.welcome-band{padding-left:34px;padding-right:34px}.inbox-layout{padding-left:34px;padding-right:34px}.scope-wrap{margin-right:15px}.inbox-layout.has-detail{grid-template-columns:minmax(360px,1fr) minmax(280px,320px);gap:20px}.task-row,.list-columns{grid-template-columns:minmax(160px,1fr) 105px 70px;gap:8px}.task-phase{font-size:8px}}
@media(max-width:1050px){.topbar{padding:0 18px}.topbar-center{display:none}.left-rail{display:none}.main-content{margin-left:0}.brand{min-width:0}.welcome-band{padding:30px 26px;min-height:245px}.scope-wrap{margin-right:0;width:205px}.scope{width:155px;height:155px}.ring-three{width:140px;height:140px}.ring-two{width:94px;height:94px}.ring-one{width:49px;height:49px}.inbox-layout{padding-left:26px;padding-right:26px}.inbox-layout.has-detail{grid-template-columns:minmax(310px,1fr) minmax(265px,310px);gap:16px}.list-columns,.task-row{grid-template-columns:minmax(130px,1fr) 100px 65px}.page-footer{padding-left:26px;padding-right:26px}}
@media(max-width:650px){.topbar{height:56px;padding:0 14px}.brand{font-size:15px}.brand-mark{width:23px;height:23px}.topbar-right{gap:7px}.signal-caption{display:none}.topbar-right time{font-size:10px}.avatar-stack{margin-left:5px}.avatar-stack i,.avatar-stack b{width:21px;height:21px}.main-content{margin-top:56px}.welcome-band{min-height:0;display:block;padding:25px 20px 20px}.welcome-copy h1{font-size:34px;margin-top:13px}.welcome-copy p{max-width:340px;font-size:11px}.welcome-foot{margin-top:14px;font-size:8px}.scope-wrap{width:auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;margin:17px 0 0;padding-top:12px;border-top:1px solid #384748}.scope-meta{grid-column:1;grid-row:1;width:100%;padding-right:14px}.scope{grid-column:2;grid-row:1 / span 2;width:86px;height:86px;margin:0 8px 0 0}.ring-one{width:28px;height:28px}.ring-two{width:53px;height:53px}.ring-three{width:77px;height:77px}.cross-v{top:4px;bottom:4px}.cross-h{left:4px;right:4px}.pip-a{top:16px;left:50px}.pip-b{top:36px;left:20px}.pip-c{top:59px;left:54px}.pip-d{top:24px;left:67px}.pip-e{top:53px;left:30px}.scope-label{font-size:6px}.label-n{top:3px}.label-e{right:3px}.label-s{bottom:3px}.label-w{left:3px}.scope-legend{grid-column:1;grid-row:2;justify-content:flex-start;gap:14px;font-size:7px;align-self:start;margin-top:8px}.hero-index{right:17px;bottom:7px}.inbox-layout,.inbox-layout.has-detail{display:block;padding:24px 16px}.list-heading h2{font-size:18px}.list-heading{margin-bottom:13px}.filters{gap:7px}.search-wrap,.filter-wrap{height:39px}.filter-wrap{padding:0 7px;gap:5px}.filter-label{font-size:7px}.filter-wrap select{max-width:98px;font-size:9px}.list-columns{grid-template-columns:minmax(0,1fr) 92px 54px;padding:0 8px 8px;font-size:7px;gap:6px}.task-row{grid-template-columns:minmax(0,1fr) 92px 54px;gap:6px;padding:8px;min-height:66px}.task-open{gap:7px}.task-orbit{width:15px;height:15px;margin-top:3px}.task-orbit:after{left:6px;top:6px}.task-title{font-size:10px}.task-meta{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-phase{font-size:7px;gap:5px}.phase-pip{width:5px;height:5px}.priority{font-size:7px}.list-footer{font-size:7px}.page-footer{padding:12px 16px;gap:8px;font-size:7px}.page-footer span:last-child{display:none}.detail-panel{position:fixed;z-index:15;inset:56px 0 0;max-height:none;overflow:auto;border:0;border-top:1px solid #53635f;box-shadow:0 -10px 30px #07101170}.detail-top{height:50px;padding:0 18px}.detail-body{padding:23px 20px 32px}.detail-title{font-size:25px}.detail-summary,.detail-copy{font-size:13px}.detail-status-select{height:44px;font-size:13px}.toast{left:14px;right:14px;bottom:14px;text-align:center}.inbox-layout.detail-open .list-column{visibility:hidden}.empty-state{padding-top:35px}}
@media(max-width:370px){.topbar-right time{display:none}.welcome-copy h1{font-size:31px}.list-columns{grid-template-columns:minmax(0,1fr) 81px 48px}.task-row{grid-template-columns:minmax(0,1fr) 81px 48px;gap:4px}.task-phase{font-size:6px}.task-title{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.scope-pip{left:var(--pip-x);top:var(--pip-y);transform:translate(-50%,-50%);background:var(--status-color);box-shadow:0 0 8px var(--status-color)}