@font-face{font-family:DM Sans;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--vanilla--2026-09-23T05-34-56-715Z/assets/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--vanilla--2026-09-23T05-34-56-715Z/assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{font-family:'DM Sans',sans-serif;color:#25302d;background:#f6f5f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#25302d;--muted:#858b86;--line:#e9e8e1;--paper:#fffefa;--green:#376b57;--green-dark:#244e3f;--coral:#d77760;--blue:#6885a6;--yellow:#c49b47;--shadow:0 18px 60px #25302d1b}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ab5a2;outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#eeeee7;border-right:1px solid #e4e4db;padding:29px 17px 15px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 31px;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.65px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:#416d58;border-radius:9px;color:#f8f6ec}.brand-mark svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand-dot,.title-period{color:#d87861}.workspace-switch{height:60px;border:1px solid #e4e4da;background:#f7f6f0;border-radius:9px;display:flex;align-items:center;text-align:left;padding:8px 9px;gap:10px;cursor:pointer}.workspace-avatar{height:34px;width:34px;border-radius:8px;background:#f0dfc5;color:#886744;display:grid;place-items:center;font:600 17px 'Space Grotesk'}.workspace-label,.profile-link>span:nth-child(2){display:grid;gap:2px;flex:1}.workspace-label strong,.profile-link strong{font-size:12px;font-weight:650}.workspace-label small,.profile-link small{color:#90948d;font-size:10px}.chevron{width:15px;fill:none;stroke:#969990;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-heading{font-size:9px;color:#9a9d95;letter-spacing:1.15px;font-weight:700;margin:34px 10px 11px}.primary-nav,.project-nav{display:grid;gap:3px}.nav-link{height:39px;padding:0 10px;display:flex;align-items:center;gap:11px;font-size:12px;color:#6d746f;border-radius:7px}.nav-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.nav-link.active{background:#dfe8e0;color:#325b49;font-weight:650}.nav-count{margin-left:auto;background:#f7f7f1;border-radius:9px;padding:2px 7px;font-size:10px;color:#587661}.projects-heading{display:flex;align-items:center;justify-content:space-between;margin-top:34px}.plus-button,.team-card button{border:0;background:none;color:#828982;font-size:17px;cursor:pointer}.project-nav a{height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#69716b;font-size:12px}.project-dot{width:8px;height:8px;border-radius:50%}.dot-coral{background:#d78069}.dot-blue{background:#7191a9}.dot-yellow{background:#d2ad57}.dot-green{background:#71a083}.sidebar-bottom{margin-top:auto}.team-card{display:flex;align-items:center;padding:12px 6px 15px;border-bottom:1px solid #dfdfd7;gap:10px}.team-avatars{display:flex;align-items:center;min-width:51px}.team-avatars span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid #eeeee7;margin-right:-6px;background:#c0d0c1;color:#375746;font-size:7px;font-weight:700}.team-avatars span:nth-child(2){background:#ead0bc;color:#785645}.team-avatars span:nth-child(3){background:#fffefa;color:#7b817a;font-size:7px}.team-card>div:nth-child(2){display:grid;gap:2px;flex:1}.team-card strong{font-size:11px}.team-card small{font-size:9px;color:#8e948d}.team-card button{letter-spacing:1px}.profile-link{display:flex;align-items:center;gap:9px;padding:14px 4px 2px}.person-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:9px;font-weight:700;color:#614c3c}.avatar-maya{background:#e9c9a6}.main-content{margin-left:248px;min-height:100vh}.topbar{height:63px;padding:0 46px;border-bottom:1px solid #ebeae4;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:#9a9e97}.breadcrumb b{font-size:12px;color:#cbc9c0;font-weight:400}.breadcrumb strong{font-size:11px;color:#454e49;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.icon-button{border:0;background:transparent;padding:5px;color:#818982;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.invite-button{border:1px solid #e5e5dd;border-radius:7px;background:#fffefa;padding:8px 11px;font-size:10px;color:#47544d;font-weight:600;cursor:pointer}.invite-button span{font-size:14px;margin-right:4px}.mobile-profile{display:none}.inbox-content{max-width:985px;padding:40px 55px 20px;margin:0 auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.35px;font-weight:700;color:#8a918b;display:flex;align-items:center;gap:9px;margin:0 0 12px}.eyebrow-line{width:20px;height:1px;background:#8eaa9b}.page-intro h1{font:600 37px/1.08 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:0;color:#27332d}.intro-copy{font-size:12px;color:#868d86;margin:10px 0 0}.week-stamp{height:59px;width:58px;border:1px solid #e5e4dc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8f948d;background:#f9f8f3}.week-stamp span{font-size:7px;letter-spacing:1px}.week-stamp strong{font:600 20px 'Space Grotesk';line-height:22px;color:#48564d}.summary-strip{margin-top:28px;height:86px;background:#efeee8;border:1px solid #e8e7df;border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.summary-strip>div{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #e1e0d8}.summary-strip>div:last-child{border:0}.summary-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-size:14px}.summary-open{background:#f8e9e1;color:#bd705b}.summary-progress{background:#e6edf2;color:#6684a1}.summary-blocked{background:#f4ecd7;color:#ac8741}.summary-done{background:#e1ece4;color:#5e886b}.summary-strip>div>span:last-child{display:grid;gap:2px}.summary-strip strong{font:600 18px 'Space Grotesk';color:#35413a}.summary-strip small{font-size:9px;color:#858c85}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:37px 0 16px}.list-heading h2{font:600 17px 'Space Grotesk';letter-spacing:-.3px;margin:0;color:#303b35}.result-total{font:500 10px 'DM Sans';color:#92978f;background:#edede6;padding:3px 7px;border-radius:10px;vertical-align:2px;margin-left:3px}.list-heading p{font-size:10px;color:#92968f;margin:5px 0 0}.new-task-button{border:0;background:#406c56;color:white;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #355f4d22}.new-task-button span{font-size:13px;margin-right:4px}.toolbar{height:42px;display:flex;align-items:center;gap:9px;margin-bottom:12px}.search-wrap{height:37px;border:1px solid #e7e6df;background:#fffefa;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:8px;flex:1;max-width:320px}.search-wrap svg{width:16px;height:16px;fill:none;stroke:#999f98;stroke-width:1.5;stroke-linecap:round}.search-wrap input{border:0;outline:0!important;background:transparent;min-width:0;flex:1;font-size:10px;color:#344039}.search-wrap input::placeholder{color:#a3a69f}.search-wrap kbd{font:9px 'DM Sans';color:#999f98;border:1px solid #e9e8e2;border-radius:3px;padding:2px 5px}.filter-wrap{height:37px;min-width:145px;position:relative;border:1px solid #e7e6df;background:#fffefa;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:8px}.filter-label{font-size:9px;color:#9a9f98}.filter-wrap select{appearance:none;border:0;background:transparent;outline:0!important;min-width:0;flex:1;font-size:10px;font-weight:600;color:#48534c;cursor:pointer;padding-right:9px}.filter-wrap>svg{position:absolute;right:9px;width:12px;fill:none;stroke:#90978f;stroke-width:1.3;pointer-events:none}.sort-button{height:37px;display:flex;align-items:center;gap:6px;padding:0 9px;background:transparent;border:1px solid transparent;color:#878e87;font-size:10px;cursor:pointer}.sort-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.task-list{border:1px solid #e7e6df;border-radius:9px;background:#fffefa;overflow:hidden}.task-row{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) 118px 116px 26px;gap:10px;align-items:center;padding:9px 15px;border-bottom:1px solid #efeee8;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fbfaf6}.task-main{display:flex;align-items:center;gap:11px;min-width:0}.task-check{border:1px solid #d8dbd4;background:#fffefa;border-radius:50%;width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;padding:0;color:transparent;cursor:pointer}.task-check.checked{border-color:#80a18a;background:#e7efe8;color:#477357}.task-check svg{width:10px;fill:none;stroke:currentColor;stroke-width:2}.open-item{border:0;background:none;padding:0;text-align:left;min-width:0;cursor:pointer}.task-title{font-size:11px;font-weight:600;color:#414b45;line-height:1.4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-subline{display:flex;align-items:center;gap:7px;margin-top:5px;color:#969b94;font-size:9px}.task-project{display:inline-flex;align-items:center;gap:4px}.task-project i{width:6px;height:6px;border-radius:50%;background:#c7a78d}.task-project.project-foundations i{background:#7191a9}.task-project.project-research i{background:#d2ad57}.task-project.project-release i{background:#71a083}.task-project.project-navigation i{background:#967cac}.priority-mark{font-size:9px;font-weight:600}.priority-high{color:#c8735e}.priority-medium{color:#bb9650}.priority-low{color:#8ca08f}.due-date{color:#7e867f;font-size:9px;white-space:nowrap}.due-date.overdue{color:#c46e59}.due-date.today{color:#a7823f}.status-pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-todo{background:#f8ebe5;color:#bc705c}.status-in-progress{background:#e9eff3;color:#6885a0}.status-blocked{background:#f5efdf;color:#aa8744}.status-done{background:#e8f0e8;color:#688a6d}.comment-count{font-size:9px;color:#9a9f98;display:flex;align-items:center;gap:4px}.comment-count svg{width:13px;height:13px;fill:none;stroke:#a2a79f;stroke-width:1.3;stroke-linejoin:round}.empty-state{text-align:center;background:#fffefa;border:1px solid #e7e6df;border-radius:9px;padding:48px 20px}.empty-illustration{height:48px;width:48px;margin:0 auto 13px;border-radius:15px;background:#eff2ec;color:#75917d;display:grid;place-items:center;font:30px 'Space Grotesk'}.empty-state h3{font:600 16px 'Space Grotesk';margin:0 0 6px}.empty-state p{font-size:11px;color:#858c85}.empty-state button{margin-top:8px;background:#406c56;border:0;color:white;padding:9px 13px;border-radius:6px;font-size:10px;cursor:pointer}.list-footer{display:flex;justify-content:space-between;color:#9ca19a;font-size:9px;padding:14px 3px}.footer-dot{display:inline-block;width:6px;height:6px;background:#78a184;border-radius:50%;margin-right:5px}.footer-heart{color:#d87861;font-size:12px;margin-left:4px}.drawer-backdrop{position:fixed;inset:0;background:#26342e42;z-index:5;animation:fade-in .18s ease}.detail-drawer{position:fixed;z-index:6;top:0;right:0;bottom:0;width:min(470px,calc(100vw - 250px));background:#fffefa;box-shadow:var(--shadow);padding:25px 30px;overflow-y:auto;animation:slide-in .22s ease}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.detail-kicker{font-size:9px;letter-spacing:1.2px;color:#89928a;font-weight:700}.drawer-close{height:32px;width:32px;display:grid;place-items:center;border-radius:7px;background:#f4f3ed;border:0;color:#717971;font-size:19px;cursor:pointer}.detail-project{display:inline-flex;align-items:center;gap:7px;background:#f1f0e9;border-radius:4px;padding:5px 8px;font-size:9px;color:#6d786f;margin-bottom:15px}.detail-project i{width:7px;height:7px;border-radius:50%;background:#c7a78d}.detail-title{font:600 28px/1.2 'Space Grotesk';letter-spacing:-.85px;color:#29362f;margin:0 0 23px}.detail-meta{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #edede7;border-bottom:1px solid #edede7}.meta-owner{display:flex;align-items:center;gap:8px;flex:1}.owner-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9c9a6;color:#614c3c;font-size:9px;font-weight:700}.meta-owner span:last-child,.detail-due{display:grid;gap:3px}.meta-owner small,.detail-due small{font-size:8px;color:#9b9f98}.meta-owner strong,.detail-due strong{font-size:10px;color:#4c5750;font-weight:600}.detail-due{padding-right:12px}.detail-content{padding:25px 0}.detail-content h3,.detail-activity h3{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#959a93;margin:0 0 12px}.detail-body{font-size:12px;line-height:1.75;color:#626d65;white-space:pre-line}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px}.detail-tags span{padding:5px 8px;border-radius:4px;background:#f1f1eb;color:#778077;font-size:9px}.status-editor{border-top:1px solid #edede7;border-bottom:1px solid #edede7;padding:17px 0;display:flex;justify-content:space-between;align-items:center}.status-editor label{font-size:10px;font-weight:600;color:#59635c}.status-select-wrap{position:relative}.status-editor select{appearance:none;background:#f8f7f2;border:1px solid #e8e7df;border-radius:6px;padding:8px 29px 8px 10px;color:#515c54;font-size:10px;cursor:pointer}.status-select-wrap svg{position:absolute;right:9px;top:10px;width:12px;fill:none;stroke:#7c857d;stroke-width:1.4;pointer-events:none}.status-feedback{min-height:18px;color:#63806a;font-size:9px;margin:7px 0 0;text-align:right}.detail-activity{margin-top:24px}.activity-note{display:flex;gap:10px;padding:12px 0;border-top:1px solid #efeee9}.activity-note>span:last-child{font-size:10px;line-height:1.5;color:#788079}.activity-note strong{color:#4b564e}.activity-time{font-size:9px;color:#a0a49e!important;display:block;margin-top:3px}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#293c32;color:#fffefa;padding:10px 15px;border-radius:8px;box-shadow:0 8px 24px #26342e30;display:flex;align-items:center;gap:8px;font-size:11px;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast-check{width:17px;height:17px;border-radius:50%;background:#63856d;display:grid;place-items:center;font-size:10px}
@keyframes slide-in{from{transform:translateX(18px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.main-content{margin-left:215px}.inbox-content{padding-left:35px;padding-right:35px}.topbar{padding:0 30px}.task-row{grid-template-columns:minmax(0,1fr) 94px 106px 20px;padding-left:12px;padding-right:10px}.task-subline{gap:5px}}
@media(max-width:700px){.sidebar{display:none}.main-content{margin:0}.topbar{height:54px;padding:0 17px}.breadcrumb{font-size:10px}.topbar-actions{gap:10px}.help-button,.invite-button{display:none}.mobile-profile{display:block;border:0;background:transparent;padding:0}.mobile-profile .person-avatar{width:29px;height:29px}.inbox-content{padding:29px 17px 18px}.page-intro h1{font-size:32px}.intro-copy{font-size:11px;max-width:275px;line-height:1.5}.week-stamp{height:51px;width:49px}.summary-strip{margin-top:22px;height:auto;grid-template-columns:repeat(2,1fr);padding:5px}.summary-strip>div{padding:10px 9px;border-right:0;min-height:52px}.summary-strip>div:nth-child(odd){border-right:1px solid #e1e0d8}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e1e0d8}.summary-icon{width:26px;height:26px}.list-heading{margin:28px 0 13px}.list-heading h2{font-size:16px}.toolbar{gap:6px;margin-bottom:10px}.search-wrap{max-width:none;min-width:80px;gap:6px;padding:0 7px}.search-wrap kbd{display:none}.filter-wrap{min-width:132px;gap:5px;padding:0 7px}.filter-label{font-size:8px}.filter-wrap select{font-size:9px}.sort-button{display:none}.task-list{border-radius:8px}.task-row{position:relative;min-height:76px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 11px}.task-main{grid-column:1;grid-row:1;align-self:end;gap:8px}.task-title{font-size:10px}.task-subline{font-size:8px;margin-top:4px;gap:6px}.task-check{width:15px;height:15px;flex-basis:15px}.due-date{grid-column:2;grid-row:1;align-self:end;text-align:right;font-size:8px}.status-pill{grid-column:1;grid-row:2;margin-left:23px;padding:4px 7px;font-size:8px}.comment-count{grid-column:2;grid-row:2;justify-self:end;font-size:8px}.list-footer{font-size:8px}.detail-drawer{width:100%;top:auto;bottom:0;height:min(89vh,760px);border-radius:17px 17px 0 0;padding:19px 22px 28px;animation:slide-up .22s ease}.detail-top{margin-bottom:24px}.detail-title{font-size:25px}.detail-meta{gap:9px}.detail-due{padding-right:0}.detail-body{font-size:11px}.drawer-backdrop{background:#26342e55}@keyframes slide-up{from{transform:translateY(20px);opacity:.85}to{transform:translateY(0);opacity:1}}}
@media(max-width:370px){.inbox-content{padding-left:12px;padding-right:12px}.page-intro h1{font-size:29px}.filter-wrap{min-width:118px}.filter-label{display:none}.task-row{padding-left:8px;padding-right:8px}.task-subline .priority-mark{display:none}.detail-drawer{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}