@font-face{font-family:Space;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--web-design-guidelines--2026-10-12T09-59-39-769Z/assets/space-grotesk.ttf') format('truetype');font-display:swap}@font-face{font-family:Mono;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--web-design-guidelines--2026-10-12T09-59-39-769Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}@font-face{font-family:Literata;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--web-design-guidelines--2026-10-12T09-59-39-769Z/assets/literata.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f2eee5;--sheet:#fbf9f4;--ink:#222d36;--muted:#7c817e;--line:#dedbd2;--blue:#315da8;--orange:#d65e3f;--green:#477d60;--yellow:#d59c37;--mono:Mono,monospace;--sans:Space,Arial,sans-serif;--serif:Literata,Georgia,serif}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.skip-link{position:fixed;z-index:50;top:8px;left:8px;padding:10px 14px;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #e08047;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:74px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(34,45,54,.12)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%}.brand-mark svg{width:24px;fill:none;stroke:var(--orange);stroke-width:1.5;stroke-linecap:round}.brand-name{font-size:17px;font-weight:600;letter-spacing:-.8px}.brand-name span{font-weight:400;color:var(--blue)}.topbar-right{display:flex;align-items:center;gap:27px}.on-air,.top-date{font:9px var(--mono);letter-spacing:1px}.on-air{display:flex;align-items:center;gap:8px;color:var(--green)}.on-air i,.detail-kicker i{width:7px;height:7px;border-radius:50%;background:#6b9c66;box-shadow:0 0 0 3px rgba(107,156,102,.15)}.top-date{color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid #a9b2b1;background:transparent;font:10px var(--mono);cursor:pointer;transition:background-color .15s,color .15s}.avatar:hover{background:var(--ink);color:white}
main{max-width:1080px;margin:0 auto;padding:0 34px}.intro{min-height:279px;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.intro-copy{position:relative;z-index:1;padding:30px 0 37px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font:9px var(--mono);letter-spacing:1.5px}.eyebrow-line{width:19px;height:1px;background:var(--orange)}h1{margin:13px 0 10px;font-size:48px;line-height:.99;letter-spacing:-2.9px;font-weight:500;text-wrap:balance}h1 em{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-2px}.intro-text{margin:0;color:#717977;font-size:13px;line-height:1.65}.intro-meta{position:absolute;bottom:18px;left:0;display:flex;gap:11px;align-items:center;color:#858984;font:8px var(--mono);letter-spacing:.8px}.intro-meta b{font-weight:400;color:var(--orange)}.meta-separator{color:#b8b1a4}.signal-art{position:absolute;right:59px;top:15px;width:260px;height:245px}.orbit{position:absolute;border:1px solid rgba(49,93,168,.2);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:103px;height:213px}.orbit-two{width:159px;height:238px;transform:translate(-50%,-50%) rotate(48deg)}.orbit-three{width:215px;height:166px;transform:translate(-50%,-50%) rotate(-8deg);border-color:rgba(214,94,63,.3)}.art-sun{position:absolute;left:50%;top:49%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange);box-shadow:0 0 0 9px rgba(214,94,63,.09),0 0 40px rgba(214,94,63,.15)}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid var(--paper)}.dot-a{left:48px;top:43px}.dot-b{right:31px;top:100px;background:var(--green)}.dot-c{left:102px;bottom:11px;background:var(--yellow)}.art-caption{position:absolute;right:-9px;bottom:22px;color:#747d7a;font:8px/1.5 var(--mono);letter-spacing:.5px;text-align:left}
.workspace{padding:0 0 36px}.list-head{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title{display:flex;align-items:center;gap:12px}.tiny-star{color:var(--orange);font-size:23px}.section-title h2{font-size:19px;font-weight:500;letter-spacing:-.6px;margin:0 0 3px}.section-title p{margin:0;color:#92938c;font:8px var(--mono);letter-spacing:1px}.controls{display:flex;gap:9px}.search-wrap,.filter-wrap{height:38px;display:flex;align-items:center;border:1px solid #d5d2c9;background:rgba(251,249,244,.76);border-radius:2px}.search-wrap{width:214px;padding:0 10px;gap:8px}.search-wrap svg{width:15px;fill:none;stroke:#89908d;stroke-width:1.5}.search-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:11px}.search-wrap input::placeholder{color:#9b9d98}.search-wrap:focus-within{border-color:var(--blue)}.filter-wrap{position:relative;width:137px}.filter-wrap select{appearance:none;width:100%;height:100%;border:0;background:transparent;padding:0 30px 0 11px;color:var(--ink);font-size:10px;cursor:pointer}.select-caret{pointer-events:none;position:absolute;right:11px;top:7px;color:#717b79;font-size:16px}.list-summary{height:32px;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;color:#858a85;font:8px var(--mono);letter-spacing:1px}.list-summary span:first-child{color:var(--blue)}#results-count{letter-spacing:.5px}.task-list{border-top:1px solid var(--line)}.task-row{display:grid;grid-template-columns:34px minmax(0,1fr) 126px 130px 68px 34px;align-items:center;gap:14px;min-height:69px;border-bottom:1px solid var(--line);padding:8px 4px;transition:background-color .16s}.task-row:hover{background:rgba(251,249,244,.7)}.signal-number{align-self:start;padding-top:11px;color:#a2a39d;font:8px var(--mono)}.signal-stamp{width:29px;height:29px;border:1px solid #d8d6ce;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:15px}.signal-stamp[data-status="blocked"]{color:var(--orange);border-color:#e6c3b7}.signal-stamp[data-status="in-progress"]{color:#a9802d;border-color:#e2d2ae}.signal-stamp[data-status="done"]{color:var(--green);border-color:#c5d7c9}.task-main{min-width:0}.task-title{border:0;padding:0;background:none;display:block;max-width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:-.2px;cursor:pointer}.task-title:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.task-project{margin-top:5px;color:#888e89;font:8px var(--mono);letter-spacing:.65px;text-transform:uppercase}.task-assignee{display:flex;align-items:center;gap:8px;min-width:0;color:#5e696c;font-size:10px}.person-dot{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e4e8e3;color:#536d64;font:8px var(--mono)}.task-assignee span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{justify-self:start;white-space:nowrap;padding:5px 7px;border-radius:2px;background:#ece9df;color:#747c79;font:8px var(--mono)}.status-pill[data-status="todo"]{color:#586b8e;background:#e8ebf1}.status-pill[data-status="in-progress"]{color:#8a6622;background:#f2ebd9}.status-pill[data-status="blocked"]{color:#ad533d;background:#f5e6df}.status-pill[data-status="done"]{color:#4f775b;background:#e3ece3}.task-due{color:#888d88;font:9px var(--mono);font-variant-numeric:tabular-nums}.task-open{width:29px;height:29px;border:1px solid transparent;background:none;border-radius:50%;color:#8c918a;font-size:17px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.task-open:hover{background:var(--blue);border-color:var(--blue);color:white}.empty-state{padding:58px 20px 64px;text-align:center;border-bottom:1px solid var(--line)}.empty-icon{font-size:35px;color:var(--orange)}.empty-state h3{margin:10px 0 5px;font-size:19px;font-weight:500}.empty-state p{margin:0;color:#747d79;font-size:12px}.empty-state button{margin-top:18px;padding:9px 13px;border:1px solid var(--blue);background:transparent;color:var(--blue);font-size:11px;cursor:pointer}.empty-state button:hover{background:var(--blue);color:white}.list-footer{display:flex;justify-content:space-between;padding-top:15px;color:#9b9b93;font:8px var(--mono);letter-spacing:.7px}
.detail-backdrop{position:fixed;z-index:8;inset:0;background:rgba(26,37,44,.32);opacity:0;transition:opacity .22s}.detail-backdrop.visible{opacity:1}.detail-panel{position:fixed;z-index:9;right:0;top:0;bottom:0;width:min(470px,100%);background:var(--sheet);box-shadow:-14px 0 45px rgba(27,39,46,.14);overflow-y:auto;overscroll-behavior:contain;transform:translateX(102%);transition:transform .25s cubic-bezier(.2,.75,.25,1);padding-bottom:env(safe-area-inset-bottom)}.detail-panel.open{transform:translateX(0)}.detail-top{height:68px;position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:rgba(251,249,244,.96);border-bottom:1px solid var(--line)}.detail-kicker{display:flex;align-items:center;gap:9px;color:#707b78;font:9px var(--mono);letter-spacing:1.2px}.detail-kicker i{width:6px;height:6px}.close-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .15s}.close-button:hover{background:#e9e5dc}.close-button svg{width:17px;fill:none;stroke:var(--ink);stroke-width:1.4}.detail-content{padding:27px 39px 20px}.detail-index{color:#999990;font:8px var(--mono);letter-spacing:1px}.detail-index span{color:var(--orange);padding:0 4px}.detail-status-mark{font-size:28px;color:var(--orange);margin-top:23px}.detail-project{margin-top:12px;color:var(--blue);font:9px var(--mono);letter-spacing:1.2px;text-transform:uppercase}.detail-content h2{font-size:29px;font-weight:500;letter-spacing:-1.3px;line-height:1.15;margin:8px 0 13px;text-wrap:balance}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-tags span{padding:4px 7px;border:1px solid #dddad1;color:#727a77;font:8px var(--mono)}.detail-rule{height:1px;background:var(--line);margin:23px 0}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px}.detail-facts div{display:flex;flex-direction:column;gap:6px}.detail-facts div span,.detail-label{color:#989990;font:8px var(--mono);letter-spacing:1px}.detail-facts strong{font-size:11px;font-weight:500;color:#36434a}.brief-section .detail-label{margin-bottom:11px}.detail-body{color:#566166;font-family:var(--serif);font-size:13px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}.status-change{display:flex;flex-direction:column;gap:12px}.status-change label{display:flex;flex-direction:column;gap:5px}.status-help{color:#8c9088;font-size:10px}.status-change select{appearance:none;width:100%;height:42px;padding:0 12px;border:1px solid #d3d2c9;border-radius:2px;background-color:#f7f4ec;color:var(--ink);font-size:11px;cursor:pointer}.status-feedback{min-height:22px;padding-top:8px;color:var(--green);font-size:10px}.detail-bottom{display:flex;justify-content:space-between;margin-top:11px;padding-top:13px;border-top:1px solid var(--line);color:#9b9b93;font:8px var(--mono);letter-spacing:.7px}
@media(max-width:700px){.topbar{height:62px;padding:0 18px}.topbar-right{gap:12px}.top-date{display:none}.on-air{font-size:8px}.brand-mark{width:31px;height:31px}.brand-name{font-size:15px}main{padding:0 20px}.intro{min-height:256px;align-items:flex-start}.intro-copy{padding-top:35px}h1{font-size:42px}.intro-text{font-size:12px}.signal-art{right:-66px;top:18px;transform:scale(.75);transform-origin:center right;opacity:.78}.intro-meta{bottom:16px;font-size:7px;gap:7px}.list-head{align-items:flex-start;flex-direction:column;padding:19px 0 14px;gap:15px}.section-title{gap:9px}.section-title h2{font-size:18px}.controls{width:100%}.search-wrap{flex:1;width:auto}.filter-wrap{width:127px}.list-summary{height:30px}.task-row{grid-template-columns:27px minmax(0,1fr) 29px;gap:9px;min-height:67px;padding:8px 1px}.signal-number{padding-top:9px;font-size:7px}.task-main{grid-column:2;grid-row:1}.task-title{font-size:12px}.task-project{margin-top:4px}.task-assignee,.task-due{display:none}.status-pill{grid-column:2;grid-row:2;margin-top:-7px;font-size:7px;padding:3px 6px}.signal-stamp{grid-column:3;grid-row:1;width:26px;height:26px;font-size:14px}.task-open{grid-column:3;grid-row:2;width:26px;height:24px;font-size:16px}.list-footer{font-size:7px;gap:10px}.list-footer span:last-child{text-align:right}.detail-top{height:58px;padding:0 20px}.detail-content{padding:24px 24px 20px}.detail-content h2{font-size:27px}.detail-panel{width:100%;max-width:470px}.detail-facts{grid-template-columns:1fr 1fr}}
@media(max-width:360px){main{padding:0 15px}.signal-art{right:-83px;opacity:.55}.intro-meta{letter-spacing:.4px}.list-footer span:last-child{max-width:48%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(min-width:701px){.task-row{grid-template-columns:24px 29px minmax(0,1fr) 126px 105px 68px 34px}}
.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(49,93,168,.18)}
.avatar{cursor:default}.avatar:hover{background:transparent;color:var(--ink)}