@font-face{font-family:Space Grotesk;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--taste--2026-10-12T10-15-01-028Z/assets/space-grotesk.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('/artifacts/team-inbox--v1--s4--gpt-6-luna-codex--taste--2026-10-12T10-15-01-028Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#e9ede6;--surface:#f6f8f2;--ink:#1e2925;--muted:#69756e;--line:#cbd3ca;--accent:#c4f052;--accent-ink:#263218;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',system-ui,sans-serif;--radius:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;min-height:100dvh;background-image:linear-gradient(90deg,transparent 0 49.95%,rgba(63,82,68,.035) 50%,transparent 50.05%)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #586e1c;outline-offset:3px}
.topbar{height:70px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:clamp(20px,4vw,54px);background:rgba(246,248,242,.55)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.07em;text-decoration:none}
.brand-mark{width:25px;height:25px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-content:center;gap:2px;transform:rotate(-28deg)}
.brand-mark i{height:2px;width:11px;border-radius:9px;background:var(--ink);display:block}.brand-mark i:nth-child(2){width:7px;margin-left:4px}.brand-mark i:nth-child(3){width:4px;margin-left:7px}
.team-chip,.topbar-right{display:flex;align-items:center;gap:9px;color:#56625b;font-size:13px}.team-glyph,.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.team-glyph{background:#d5e4bc;color:#344523}.chevron{font-size:18px;margin-left:3px}.topbar-right{margin-left:auto}.live-indicator{height:8px;width:8px;border-radius:50%;background:#86b52f;box-shadow:0 0 0 3px rgba(134,181,47,.14)}.avatar{margin-left:14px;background:#28342d;color:#f7f8f2;width:30px;height:30px}
.workspace{max-width:1512px;margin:auto;padding:48px clamp(20px,5vw,72px) 30px}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.intro-copy{max-width:690px}.eyebrow,.detail-kicker{font:10px var(--mono);letter-spacing:.13em;color:#617064;margin:0 0 15px;display:flex;align-items:center;gap:8px}.eyebrow-mark{width:20px;height:20px;display:grid;place-items:center;border:1px solid #a9b5a8;border-radius:50%;font-size:13px;color:#566757}.intro h1{font-size:clamp(39px,5.5vw,69px);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:600}.intro h1 em{font-style:normal;color:#708a39}.lede{font-size:15px;line-height:1.5;color:#647168;margin:17px 0 0;max-width:455px}.route-summary{width:150px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 5px 19px;border-left:1px solid #aeb8aa;min-height:59px}.summary-number{font-size:36px;letter-spacing:-.08em;line-height:.95}.summary-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#67736c;margin-top:6px}.summary-mark{position:absolute;right:3px;top:6px;font-size:27px;color:#81904f;transform:rotate(20deg)}
.controls{display:flex;align-items:center;gap:14px;margin-bottom:23px}.search-wrap{height:46px;display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid #bdc8bc;border-radius:var(--radius);padding:0 12px;flex:1;max-width:520px;min-width:150px}.search-icon{font-size:23px;line-height:1;color:#657168;transform:rotate(-20deg)}.search-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px}.search-wrap input::placeholder{color:#808a83;opacity:1}.search-wrap:focus-within{border-color:#718a3c;box-shadow:0 0 0 2px rgba(113,138,60,.15)}.search-wrap kbd{white-space:nowrap;padding:3px 5px;border:1px solid #d3dad1;border-radius:4px;color:#808a83;font:9px var(--mono)}.filter-wrap{display:flex;align-items:center;gap:10px;color:#738076;font-size:11px}.filter-wrap select,.detail-route select{height:42px;border:1px solid #bdc8bc;background:var(--surface);border-radius:var(--radius);padding:0 32px 0 12px;font-size:12px;font-weight:600}.match-count{margin:0 0 0 auto;color:#6f7a72;font:10px var(--mono);white-space:nowrap}
.switchyard{position:relative}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.track{min-width:0;position:relative;padding-top:13px;border-top:2px solid #89968a}.track[data-status="todo"]{border-color:#879b57}.track[data-status="in-progress"]{border-color:#77933d}.track[data-status="blocked"]{border-color:#879087}.track[data-status="done"]{border-color:#aab3a8}.track-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:0 1px}.track-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;letter-spacing:-.025em}.track-glyph{width:21px;height:21px;display:grid;place-items:center;border:1px solid #aeb8aa;border-radius:50%;font:10px var(--mono);color:#4d5d4f}.track-count{min-width:22px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:12px;background:#dce3d8;color:#647166;font:10px var(--mono)}
.task-list{display:grid;gap:9px}.task-card{background:var(--surface);border:1px solid #d1d8cf;border-radius:var(--radius);padding:13px 13px 11px;min-height:147px;position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;animation:arrive .35s both;animation-delay:calc(var(--order,0)*24ms)}.task-card:hover{transform:translateY(-3px);border-color:#aebc9f;box-shadow:0 8px 18px rgba(40,55,39,.08)}.task-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.project-label,.priority-label,.task-id,.task-meta{font:9px var(--mono);letter-spacing:.045em;color:#7a867d}.project-label{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority{display:inline-flex;align-items:center;gap:5px}.priority-mark{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5beae}.priority-high .priority-mark{background:#607b2c}.priority-high .priority-label{color:#506a24}.task-title{display:block;padding:0;border:0;background:none;text-align:left;width:100%;font-size:15px;line-height:1.26;font-weight:600;letter-spacing:-.035em}.task-title:hover{text-decoration:underline;text-decoration-color:#93a566;text-underline-offset:3px}.task-summary{font-size:11px;color:#69756d;line-height:1.45;margin:7px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e0e5dd;padding-top:9px}.assignee{display:flex;align-items:center;gap:6px;min-width:0;color:#667269;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-mark{width:19px;height:19px;flex:0 0 19px;border-radius:50%;display:grid;place-items:center;background:#e2e8db;color:#45533c;font:8px var(--mono)}.task-meta{white-space:nowrap;font-size:8px}.task-empty{padding:22px 10px;border:1px dashed #c7d0c5;border-radius:var(--radius);color:#829087;text-align:center;font-size:11px}
.yard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-top:13px;border-top:1px solid #cbd3ca;color:#758078;font:9px var(--mono);letter-spacing:.02em}
.loading-state{min-height:180px;display:grid;place-items:center;border:1px dashed #bdc8b9;border-radius:var(--radius);color:#667565;font:11px var(--mono);letter-spacing:.03em}
.loading-state[hidden]{display:none}
.empty-state{min-height:260px;border:1px dashed #aebba9;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state[hidden]{display:none}.empty-symbol{width:41px;height:41px;border:1px solid #b2c09f;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#657c37}.empty-state h2{font-size:19px;letter-spacing:-.04em;margin:14px 0 4px}.empty-state p{font-size:12px;color:#6c786f;margin:0 0 15px}.reset-button{border:0;background:var(--accent);color:#263218;border-radius:var(--radius);padding:10px 14px;font-size:12px;font-weight:700}.reset-button:hover{background:#b6e540}
.detail-dialog{width:min(600px,calc(100% - 28px));max-width:none;max-height:min(860px,calc(100dvh - 28px));padding:0;border:1px solid #c2ccbf;border-radius:16px;background:#f6f8f2;color:var(--ink);box-shadow:0 26px 90px rgba(29,43,32,.27);overflow:auto}.detail-dialog::backdrop{background:rgba(31,43,35,.48);backdrop-filter:blur(3px)}.detail-shell{padding:clamp(22px,5vw,36px)}.detail-topline{display:flex;align-items:center;justify-content:space-between}.detail-kicker{margin:0}.signal-dot{width:7px;height:7px;background:#94ba42;border-radius:50%;box-shadow:0 0 0 4px rgba(148,186,66,.16)}.icon-button{height:34px;width:34px;border:1px solid #c8d1c6;border-radius:50%;background:transparent;font-size:24px;line-height:1;color:#526056}.icon-button:hover{background:#e8ede4}.detail-heading{display:flex;align-items:center;gap:12px;margin-top:27px}.detail-project{font:10px var(--mono);color:#748178}.priority-label{font:9px var(--mono)}.detail-dialog h2{font-size:clamp(27px,5vw,38px);line-height:1.08;letter-spacing:-.055em;margin:10px 0 12px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#758178;font:10px var(--mono)}.detail-route{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;padding:14px 0;border-top:1px solid #d7ded4;border-bottom:1px solid #d7ded4}.detail-route label{font-size:12px;font-weight:600}.detail-route select{height:37px}.route-feedback{flex:1 1 100%;min-height:14px;color:#556e2c;font:10px var(--mono)}.brief-section h3{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#738076;margin:0 0 10px}.detail-body{font-size:14px;line-height:1.7;color:#3c4940;white-space:pre-line}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d7ded4;margin-top:25px;padding-top:14px;color:#768279;font:10px var(--mono)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:5px 7px;border:1px solid #d4dcd1;border-radius:6px;background:#edf1e9;color:#5f6c61;font-size:9px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track{margin-bottom:8px}.task-card{min-height:137px}}
@media(max-width:560px){.topbar{height:60px;padding:0 17px;gap:15px}.team-chip{font-size:11px;gap:6px}.topbar-right{font-size:0}.topbar-right .avatar{font-size:10px;margin-left:3px}.workspace{padding:32px 16px 24px}.intro{align-items:flex-start;margin-bottom:24px;gap:10px}.eyebrow{font-size:9px;margin-bottom:12px}.intro h1{font-size:42px;max-width:310px}.lede{font-size:13px;margin-top:12px;max-width:300px}.route-summary{width:78px;min-width:78px;padding-left:10px;min-height:48px}.summary-number{font-size:29px}.summary-label{font-size:7px;line-height:1.4}.summary-mark{display:none}.controls{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:18px}.search-wrap{grid-column:1/-1;max-width:none;height:44px}.search-wrap kbd{display:none}.filter-wrap{font-size:10px;gap:6px}.filter-wrap select{height:38px;max-width:125px;padding-left:9px;padding-right:22px;font-size:11px}.match-count{font-size:9px}.track-grid{grid-template-columns:1fr;gap:18px}.track{padding-top:10px}.track-heading{margin-bottom:9px}.track-name{font-size:12px}.task-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-card{padding:11px 10px 9px;min-height:158px}.task-card-head{margin-bottom:9px}.task-title{font-size:13px}.task-summary{font-size:10px;-webkit-line-clamp:3;margin:6px 0 9px}.task-card-foot{padding-top:7px}.assignee{font-size:9px;gap:4px}.task-meta{font-size:7px}.yard-footer{flex-direction:column;font-size:8px;margin-top:20px}.detail-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-shell{padding:22px 19px}.detail-heading{margin-top:22px}}
@media(max-width:360px){.task-list{grid-template-columns:1fr}.task-card{min-height:0}.intro h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}