@font-face{font-family:Space;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--design-distinctive-websites--2026-10-12T10-16-38-384Z/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--design-distinctive-websites--2026-10-12T10-16-38-384Z/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--design-distinctive-websites--2026-10-12T10-16-38-384Z/assets/literata.ttf') format('truetype');font-display:swap}
:root{--paper:#f2f0e8;--white:#fbfaf6;--ink:#202923;--muted:#7d857c;--line:#d9dbd1;--acid:#d1f060;--orange:#ee7852;--blue:#8fb8d2;--lav:#b7a9d1;--green:#a6c985;--mono:Mono,monospace;--sans:Space,Arial,sans-serif;--serif:Literata,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1440px;margin:auto;padding:0 70px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:700;font-size:21px;letter-spacing:-1px;text-decoration:none}.brand-dot{color:var(--orange)}.brand-mark{width:25px;height:25px;border:1px solid var(--ink);border-radius:50%;position:relative;display:inline-grid;place-items:center}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid var(--ink);border-radius:50%;width:15px;height:15px}.brand-mark:after{width:5px;height:5px;background:var(--orange);border:0}.brand-mark i{position:absolute;width:25px;border-top:1px solid var(--ink);transform:rotate(-40deg)}.workspace-label,.today-label,.eyebrow,.rail-heading,.rail-caption,.rail-bottom,.sort-label,.list-columns,.list-foot,.page-foot,.signal-meta,.signal-status,.orbit-label,.dialog-kicker,.dialog-meta-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em}.workspace-label{color:#49564d}.live-dot,.foot-pulse{display:inline-block;background:#8ba84e;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 3px #8ba84e20}.slash{margin:0 9px;color:#b1b4a8}.top-right{display:flex;align-items:center;gap:25px}.today-label{color:var(--muted);font-size:9px}.avatar-stack{display:flex;padding-left:7px}.avatar-stack i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;font:9px var(--mono);border:2px solid var(--paper);margin-left:-7px;background:#d5c8ae}.avatar-stack i:nth-child(2){background:#bfcec0}.avatar-stack i:nth-child(3){background:var(--ink);color:white}
.intro{position:relative;min-height:270px;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.intro-copy{position:relative;z-index:1;padding:24px 0}.eyebrow{margin:0 0 17px;color:#6a746a;font-size:9px}.eyebrow-line{display:inline-block;width:23px;border-top:1px solid var(--orange);vertical-align:middle;margin-right:8px}.eyebrow-index{margin-left:15px;color:#a2a69c}.intro h1{font-size:62px;letter-spacing:-4px;line-height:.94;margin:0;font-weight:500}.intro h1 em{font-family:var(--serif);font-weight:400;color:#819a55;letter-spacing:-4px}.intro-note{margin:18px 0 0;color:#69736b;font-size:12px;line-height:1.65}.orbit-graphic{position:absolute;right:116px;top:16px;width:285px;height:245px;transform:rotate(-13deg)}.orbit{position:absolute;border:1px solid #cbd0c1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:86px;height:86px}.orbit-b{width:163px;height:163px}.orbit-c{width:240px;height:240px}.orbit:after{content:"";position:absolute;background:#cbd0c1;width:5px;height:5px;border-radius:50%;left:50%;top:-3px}.orbit-core{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 8px #ee785226}.orbit-satellite{position:absolute;width:10px;height:10px;border:2px solid var(--paper);border-radius:50%;background:#8ba84e;z-index:2}.satellite-a{left:calc(50% + 76px);top:calc(50% - 36px)}.satellite-b{left:calc(50% - 3px);top:calc(50% - 120px);background:#3d5145}.orbit-label{position:absolute;font-size:8px;color:#69736b}.label-a{right:-4px;top:37px}.label-b{left:-23px;bottom:34px}.intro-stamp{position:absolute;right:0;bottom:38px;display:flex;gap:7px;align-items:center;color:#69736b}.intro-stamp>span{font:italic 28px var(--serif);color:var(--orange)}.intro-stamp small{font:8px/1.3 var(--mono);letter-spacing:.07em}
.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);margin-top:28px;min-height:545px}.instrument-rail{padding:8px 28px 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.rail-heading{display:flex;justify-content:space-between;color:#39453d;font-size:9px}.rail-code{color:#a2a69c}.rail-caption{font-size:9px;color:#91978c;letter-spacing:0;margin:18px 0 14px}.status-readings{display:flex;flex-direction:column;gap:4px}.reading{appearance:none;background:none;border:0;border-bottom:1px solid #e0e1d9;padding:11px 0;display:flex;align-items:center;text-align:left;color:var(--ink);font-family:var(--sans);cursor:pointer}.reading:hover .reading-label{transform:translateX(4px)}.reading:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #668b42;outline-offset:3px}.reading.active{color:#667b42}.reading-dot{width:10px;height:10px;border-radius:50%;margin-right:11px;border:1px solid currentColor;position:relative}.reading[data-status="todo"] .reading-dot{color:var(--blue)}.reading[data-status="in-progress"] .reading-dot{color:#8ca74f}.reading[data-status="blocked"] .reading-dot{color:var(--orange)}.reading[data-status="done"] .reading-dot{color:#a69bc0}.reading.active .reading-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}.reading-label{font-size:12px;transition:transform .18s}.reading-count{margin-left:auto;font:10px var(--mono);color:#8e9589}.rail-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;color:#778075;font-size:8px;line-height:1.5}.pulse-ring{width:16px;height:16px;border:1px solid #a5b98a;border-radius:50%;position:relative}.pulse-ring:after{content:"";position:absolute;inset:4px;background:#91a86b;border-radius:50%}.rail-tick{margin-left:auto;color:#8ba84e;font-size:8px}
.inbox-panel{padding:7px 0 0 33px;min-width:0}.panel-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 19px}.small{font-size:8px;margin:0 0 7px}.panel-head h2{font-size:21px;letter-spacing:-.7px;font-weight:500;margin:0}.panel-head h2 span{font:10px var(--mono);color:#92988e;vertical-align:middle;margin-left:5px}.sort-label{font-size:8px;color:#8d9489;padding-bottom:3px}.sort-glyph{font-size:15px;color:#7b8d59;vertical-align:-2px;margin-right:4px}.controls{display:flex;gap:10px;margin-bottom:12px}.searchbox{height:39px;display:flex;align-items:center;flex:1;min-width:0;border:1px solid #d7dbd1;background:#f8f7f1;padding:0 12px;gap:9px}.search-icon{font-size:21px;line-height:1;color:#849073;transform:rotate(-20deg)}.searchbox input{border:0;background:transparent;outline:none!important;width:100%;font:11px var(--sans);color:var(--ink)}.searchbox:focus-within,.filter-wrap:focus-within{border-color:#7f9658;box-shadow:0 0 0 2px #9db67933}.searchbox input::placeholder{color:#9ba095}.filter-wrap{position:relative;height:39px;min-width:154px;border:1px solid #d7dbd1;background:#f8f7f1;display:flex;align-items:center}.filter-wrap select{appearance:none;background:transparent;border:0;outline:none;width:100%;height:100%;padding:0 33px 0 12px;font:10px var(--sans);color:#3e4b41;cursor:pointer}.select-arrow{position:absolute;right:12px;pointer-events:none;color:#71805c;font-size:15px}.list-columns{display:grid;grid-template-columns:minmax(0,1fr) 132px 104px;padding:0 15px 9px;color:#9aa095;font-size:8px;border-bottom:1px solid #cdd1c7}.task-list{border-bottom:1px solid #cdd1c7}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 104px;align-items:center;min-height:59px;border-bottom:1px solid #e0e2da;padding:0 15px;position:relative;transition:background .16s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f8f7f1}.task-main{display:flex;align-items:center;min-width:0;gap:13px}.signal-mark{width:24px;height:24px;flex:0 0 24px;border:1px solid #d9ded2;border-radius:50%;position:relative;display:grid;place-items:center}.signal-mark:before,.signal-mark:after{content:"";position:absolute;border:1px solid #cdd4c4;border-radius:50%;width:15px;height:15px}.signal-mark:after{width:5px;height:5px;border:0;background:var(--state-color)}.task-row[data-status="todo"]{--state-color:#75a1bd}.task-row[data-status="in-progress"]{--state-color:#86a54a}.task-row[data-status="blocked"]{--state-color:var(--orange)}.task-row[data-status="done"]{--state-color:#a398bf}.open-item{display:block;border:0;background:none;color:var(--ink);padding:0;text-align:left;font:500 12px var(--sans);cursor:pointer;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.open-item:hover{color:#768b4e}.signal-meta{font-size:8px;letter-spacing:.02em;color:#93998f;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-meta b{font-weight:400;color:#69756a}.assignee{font-size:10px;color:#59665c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee:before{content:"";display:inline-block;width:6px;height:6px;background:#bcc8b0;border-radius:50%;margin-right:7px;vertical-align:1px}.signal-status{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#647263;display:flex;align-items:center;gap:7px;white-space:nowrap}.state-chip{width:6px;height:6px;border-radius:50%;background:var(--state-color)}.empty-state{padding:50px 15px;text-align:center}.empty-state[hidden]{display:none}.empty-orbit{font-size:32px;color:#91a86b}.empty-state h3{margin:8px 0;font-size:15px;font-weight:500}.empty-state p{font-size:11px;color:#737d73}.empty-state button{margin-top:7px;border:0;border-bottom:1px solid #9cac7e;background:none;color:#596e3d;padding:6px 0;font:11px var(--sans);cursor:pointer}.empty-state button span{margin-left:8px}.list-foot{display:flex;justify-content:space-between;color:#93998e;font-size:8px;padding:15px 3px}.list-foot b{font-weight:400;color:#6f786d;margin-left:10px}.foot-pulse{width:6px;height:6px}.page-foot{border-top:1px solid var(--line);margin-top:14px;padding:15px 0 23px;display:flex;justify-content:space-between;color:#93998e;font-size:8px}.page-foot b{font-size:13px;color:#8ba84e;vertical-align:-1px}
dialog{border:0;padding:0;color:var(--ink);width:min(540px,calc(100vw - 28px));max-width:none;max-height:min(88vh,800px);background:var(--white);box-shadow:0 20px 80px #121a1540}dialog::backdrop{background:#1d2821a6;backdrop-filter:blur(3px)}dialog[open]{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.detail-shell{padding:30px 34px 34px}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.dialog-kicker{color:#818a7d;font-size:9px}.close-detail{border:1px solid #d8dcd2;background:transparent;width:31px;height:31px;color:#5d695e;font-size:19px;cursor:pointer}.detail-statusline{margin:28px 0 12px;display:flex;align-items:center;gap:9px;color:#71824f;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.detail-statusline .signal-mark{width:29px;height:29px;flex-basis:29px}.detail-statusline .signal-mark:before{width:18px;height:18px}.detail-statusline .signal-mark:after{width:6px;height:6px}.detail-title{font-size:30px;line-height:1.12;letter-spacing:-1.4px;font-weight:500;margin:0 0 21px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dialog-meta-label{color:#98a093;font-size:8px;display:block;margin-bottom:6px}.dialog-meta-value{font-size:12px;color:#3e4c40}.detail-body{font:14px/1.72 var(--sans);color:#4e5a50;white-space:pre-line;margin:23px 0}.status-edit{padding:16px;background:#f1f2e9;display:flex;align-items:center;justify-content:space-between;gap:10px}.status-edit label{font:9px var(--mono);color:#687467;letter-spacing:.04em}.status-edit select{border:1px solid #cbd3c0;background:var(--white);padding:9px 29px 9px 10px;font:11px var(--sans);color:#354235}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);background:#26342b;color:#f5f4eb;padding:12px 17px;font:11px var(--sans);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.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}
.detail-shell[data-status="todo"] .signal-mark:after{background:#75a1bd}.detail-shell[data-status="in-progress"] .signal-mark:after{background:#86a54a}.detail-shell[data-status="blocked"] .signal-mark:after{background:var(--orange)}.detail-shell[data-status="done"] .signal-mark:after{background:#a398bf}
@media(max-width:900px){.shell{padding:0 34px}.workspace{grid-template-columns:190px minmax(0,1fr)}.instrument-rail{padding-right:20px}.inbox-panel{padding-left:22px}.task-row,.list-columns{grid-template-columns:minmax(0,1fr) 100px 96px}.orbit-graphic{right:60px}}
@media(max-width:650px){.shell{padding:0 20px}.topbar{height:61px}.workspace-label{font-size:8px}.today-label{display:none}.top-right{gap:0}.intro{min-height:223px;align-items:flex-start}.intro-copy{padding:31px 0 22px}.intro h1{font-size:48px;letter-spacing:-3px}.intro h1 em{letter-spacing:-3px}.intro-note{font-size:11px;margin-top:13px}.eyebrow{font-size:8px;margin-bottom:13px}.orbit-graphic{right:-78px;top:10px;transform:scale(.7) rotate(-13deg);transform-origin:center}.intro-stamp{display:none}.workspace{display:flex;flex-direction:column;margin-top:20px}.instrument-rail{border:0;padding:0 0 13px}.rail-heading,.rail-caption,.rail-bottom{display:none}.status-readings{flex-direction:row;gap:6px;overflow:auto;padding:1px 0 5px}.reading{border:1px solid #d8ddd1;background:#f7f6f0;padding:8px 10px;flex:0 0 auto;gap:7px}.reading-label{font-size:10px}.reading-count{margin-left:2px}.reading-dot{width:8px;height:8px;margin:0}.inbox-panel{padding:8px 0 0}.panel-head{margin-bottom:14px}.panel-head h2{font-size:20px}.sort-label{font-size:7px}.controls{gap:7px}.searchbox{height:40px;padding:0 9px;gap:6px}.filter-wrap{min-width:122px;height:40px}.filter-wrap select{padding-left:9px;font-size:9px}.list-columns{display:none}.task-list{border-top:1px solid #cdd1c7}.task-row{grid-template-columns:minmax(0,1fr) auto;min-height:70px;padding:8px 8px;gap:8px}.task-main{gap:10px}.signal-mark{width:22px;height:22px;flex-basis:22px}.open-item{font-size:11px}.signal-meta{font-size:7px;margin-top:5px}.assignee{display:none}.signal-status{font-size:7px;grid-column:2}.list-foot{font-size:7px;padding-top:13px}.page-foot{font-size:7px;margin-top:9px}.detail-shell{padding:23px 21px 24px}.detail-title{font-size:25px}.detail-body{font-size:13px}.status-edit{align-items:flex-start;flex-direction:column}.status-edit select{width:100%}}
@media(max-width:370px){.shell{padding:0 14px}.workspace-label{letter-spacing:.02em}.brand{font-size:18px}.workspace-label .slash{margin:0 4px}.filter-wrap{min-width:112px}.reading{padding:7px 8px}.reading-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}