@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#faf9f6;--surface:#f2f1ec;--ink:#302f2b;--muted:#74716a;--accent:#a94428;--accent-ink:#fffaf5;--line:#e4e2da;--soft-accent:#efe3da;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'DM Sans',sans-serif}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}button,select,input,a{transition:background-color 180ms var(--ease),color 180ms var(--ease),border-color 180ms var(--ease)}button:active{background-color:var(--soft-accent)}a:active{opacity:.7}select:active,input:active{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.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}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--ink);color:var(--bg);padding:12px 20px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px 20px}.brand{display:flex;align-items:center;min-height:44px;font:42px/1 'DM Serif',serif;letter-spacing:-2px;padding:0 12px;width:fit-content}.brand-period{color:var(--accent)}.brand-mark{width:25px;height:31px;position:relative;display:block;margin-right:11px}.brand-mark i{position:absolute;display:block;background:var(--accent);height:21px;width:7px;top:4px;transform:skewY(-22deg)}.brand-mark i:nth-child(2){left:9px;top:7px}.brand-mark i:nth-child(3){left:18px;top:10px}.workspace{margin:33px 0 30px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;letter-spacing:-.2px}.workspace-mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:34px;background:#e5e3da;border:1px solid #d7d4ca;border-radius:7px;font:18px 'DM Serif',serif}.workspace div>span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.nav-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:600;color:var(--muted);margin:0 12px 10px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-button{min-height:44px;display:flex;align-items:center;text-align:left;width:100%;gap:11px;padding:10px 12px;border-radius:6px;font-size:13px;color:#615e57}.nav-button.selected{background:#e9dfd4;color:#8f3b25;font-weight:600}.nav-icon{font-size:20px;line-height:1;width:20px;text-align:center}.nav-count{margin-left:auto;font-size:11px;color:var(--muted)}.selected .nav-count{color:var(--accent)}.nav-button:focus-visible{outline-offset:-2px}.project-nav{margin-top:37px}.project-button{display:flex;align-items:center;gap:12px;min-height:40px;padding:11px 13px;width:100%;text-align:left;font-size:12px;color:#615e57;border-radius:5px}.project-button:before{content:'';width:7px;height:7px;border:1.5px solid #a19c8c;border-radius:2px}.project-button.selected{background:var(--soft-accent);color:var(--accent)}.project-button:focus-visible{outline-offset:-2px}.sidebar-bottom{margin-top:auto;padding:34px 12px 28px}.note-mark{font-size:42px;line-height:1;color:#a49d89}.sidebar-bottom p{font:22px/1.3 'DM Serif',serif;margin:12px 0;color:#69665c}.sidebar-bottom>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.team-footer{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:11px}.team-footer>div>span{display:block;font-size:9px;color:var(--muted)}.avatar-stack{display:flex;padding-left:0}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--surface);width:27px;height:27px;font-size:8px}.avatar-stack .avatar:first-child{margin-left:0}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;font-size:9px;font-weight:600;letter-spacing:.1px}.person-0{background:#e5dbca;color:#6b593c}.person-1{background:#dfe5d9;color:#4c6444}.person-2{background:#e6dce6;color:#755577}.person-3{background:#dbe3e9;color:#4c6175}.person-4{background:#eadfd4;color:#7a5b45}.person-5{background:#e5e4d7;color:#686639}
.main-shell{margin-left:224px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb-slash{margin:0 14px;color:#b5b1a6}.topbar-right{display:flex;align-items:center;gap:22px}.today{font-size:11px;color:var(--muted)}.topbar-right .avatar{height:31px;width:31px}main{padding:0 40px 26px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:43px 0 36px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font:400 clamp(44px,4.2vw,62px)/1.1 'DM Serif',serif;letter-spacing:-2px;margin:10px 0 10px}h1>span{color:var(--accent)}.page-heading p{font-size:13px;color:var(--muted);margin:0}.inbox-stamp{display:flex;gap:15px;align-items:center;border-left:1px solid var(--line);padding-left:28px;margin-top:20px}.stamp-number{font:64px/1 'DM Serif',serif;letter-spacing:-4px}.inbox-stamp>div{font-size:13px}.inbox-stamp>div>span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.progress-ring{width:49px;height:49px;margin-left:12px;transform:rotate(-90deg);stroke-width:3}.progress-ring circle:first-child{stroke:#e7e4d9}.progress-ring circle:last-child{stroke:var(--accent);stroke-dasharray:16.667 100;stroke-linecap:round;animation:draw-in 700ms var(--ease)}@keyframes draw-in{from{stroke-dasharray:0 100}}.view-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line)}.view-tab{min-height:48px;padding:10px 0 15px;font-size:12px;color:var(--muted);position:relative;white-space:nowrap}.view-tab>span{font-size:10px;padding:2px 6px;background:#eeece6;border-radius:4px;margin-left:5px}.view-tab.active{color:var(--accent);font-weight:600}.view-tab.active:after{position:absolute;bottom:-1px;left:0;right:0;content:'';height:2px;background:var(--accent)}.view-tab.active>span{background:var(--soft-accent);color:var(--accent)}.view-tab:focus-visible{outline-offset:2px;border-radius:2px}.toolbar{display:flex;align-items:center;gap:12px;padding:21px 0}.search-field{position:relative;max-width:340px;flex:1}.search-field>svg{position:absolute;top:13px;left:13px;color:#888478;width:18px;height:18px}.search-field input{width:100%;height:44px;border:1px solid var(--line);background:#fdfcf9;border-radius:6px;padding:10px 42px 10px 39px;font-size:13px}.search-field input::placeholder{color:#807c73}.search-field kbd{position:absolute;top:12px;right:13px;font:11px/18px inherit;border:1px solid var(--line);border-radius:3px;color:#8b877d;width:18px;height:20px;text-align:center}.filter-field{display:flex;border:1px solid var(--line);border-radius:6px;background:#fdfcf9;align-items:center;min-height:44px}.filter-field label{display:flex;align-items:center;gap:6px;padding-left:12px;font-size:11px;color:var(--muted)}.filter-field label svg{width:16px;height:16px}.filter-field select{border:0;background:transparent;min-height:42px;padding:0 25px 0 8px;font-size:12px;max-width:145px;cursor:pointer}.sort-button{margin-left:auto;min-height:44px;font-size:12px;color:var(--muted);padding:10px 12px;border-radius:5px}.sort-button span{font-size:18px;vertical-align:-1px;margin-right:7px}.sort-button[aria-pressed=true]{background:var(--soft-accent);color:var(--accent)}.sort-button:focus-visible{outline-offset:0}.table-head,.task-row{display:grid;grid-template-columns:minmax(250px,1fr) 125px 92px 115px 75px 15px;gap:14px;align-items:center}.table-head{padding:11px 16px;background:#f0efe9;border-block:1px solid var(--line);font-size:10px;color:var(--muted);border-radius:5px 5px 0 0}.task-row{min-height:69px;border-bottom:1px solid var(--line);padding:11px 16px;position:relative;transition:background-color 180ms var(--ease)}.task-main{display:flex;align-items:center;min-width:0;gap:13px}.task-icon{width:16px;height:16px;border:1.3px solid #b7b4a9;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:11px;color:#52715c}.task-icon.done{background:#e7eee4;border-color:#9cac95}.task-icon.in-progress{border-color:#b5a278;background:linear-gradient(90deg,#b5a278 50%,transparent 50%)}.task-icon.blocked{border-color:#bd8170;color:#a94428}.task-text{min-width:0}.open-task{display:block;text-align:left;padding:0;min-height:25px;font-weight:500;font-size:12px;line-height:1.45}.open-task:after{content:'';position:absolute;inset:0;z-index:1}.open-task:focus-visible{outline:none}.task-row:focus-within{outline:2px solid var(--accent);outline-offset:-2px;background:#f1ece4}.task-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:3px}.meta-dot{color:#b0ab9e}.status-badge{display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;gap:6px;padding:3px 7px;border-radius:4px;font-size:10px;line-height:1.6;color:#68665e;background:#eeede6}.status-badge:before{content:'';height:5px;width:5px;background:currentColor;border-radius:50%}.status-badge.in-progress{background:#eee8d5;color:#806521}.status-badge.blocked{background:#f2e2db;color:#9d4c36}.status-badge.done{background:#e6ece2;color:#4e6948}.priority{font-size:11px;color:#7a756b;display:flex;align-items:center;gap:7px;text-transform:capitalize}.priority-bars{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.priority-bars i{height:4px;width:2px;background:#d1cdc2}.priority-bars i:nth-child(2){height:7px}.priority-bars i:nth-child(3){height:10px}.priority.high .priority-bars i{background:#ad6953}.priority.medium .priority-bars i:nth-child(-n+2){background:#9b8c67}.priority.low .priority-bars i:first-child{background:#8d9381}.assignee{display:flex;gap:7px;align-items:center;font-size:11px;color:#69665e;white-space:nowrap}.assignee .avatar{width:24px;height:24px;font-size:8px}.due-date{font-size:11px;color:#757065;white-space:nowrap}.row-arrow{font-size:15px;color:#b1ab9d}.list-footer{padding:19px 2px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.list-footer>span:last-child{font-size:10px}.list-footer>span:last-child>span{color:var(--accent);font-size:14px;margin-left:7px}.workspace-note{margin:20px 0 0;padding-top:12px;text-align:center;font-size:10px;color:#898377}.small-flower{font-size:17px;vertical-align:-2px;margin-right:7px;color:#9b927b}.list-context{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;font-size:12px;color:var(--accent)}.list-context button{min-height:44px}.empty-state{text-align:center;padding:52px 20px 64px;border-bottom:1px solid var(--line)}.empty-icon{font:50px 'DM Serif',serif;color:var(--accent)}.empty-state h2{font:30px 'DM Serif',serif;margin:10px}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:24px}.primary-button{background:var(--accent);color:var(--accent-ink);border-radius:5px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:500}.primary-button:active{background:#80341f;transform:scale(.98)}
dialog{padding:0;border:0;position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:520px;max-width:100%;background:var(--bg);color:var(--ink);box-shadow:-12px 0 60px #302f2b15}dialog::backdrop{background:#2f2d284d;backdrop-filter:blur(2px)}dialog[open]{display:flex;flex-direction:column}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:17px 30px;border-bottom:1px solid var(--line)}.icon-button{font-size:27px;line-height:1;color:var(--muted);border-radius:5px;width:44px;height:44px}.icon-button:focus-visible{outline-offset:0}.drawer-content{padding:32px;overflow:auto;flex:1}.detail-project{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:600}#detail-title{font:36px/1.15 'DM Serif',serif;letter-spacing:-.8px;margin:14px 0 16px}.detail-tags{display:flex;gap:7px}.detail-tags span{border:1px solid var(--line);border-radius:4px;padding:3px 8px;font-size:11px;color:var(--muted)}.detail-properties{padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.property-row{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:12px;min-height:46px;font-size:13px}.property-row>span:first-child,.property-row>label{color:var(--muted)}.property-row select{max-width:190px;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:var(--surface);font-size:16px}.property-row .assignee{font-size:13px}.description h3{font-size:13px;font-weight:600}.description p{font-size:15px;line-height:1.75;color:#615d54;margin:0 0 20px}.detail-comment-count{font-size:12px;color:var(--muted);border-block:1px solid var(--line);padding:16px 0;margin-top:28px}.detail-feedback{font-size:12px;color:#586e49;padding-top:20px;min-height:44px}.drawer-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 30px;gap:12px;background:var(--surface)}.drawer-footer>span{font:17px 'DM Serif',serif;color:var(--muted)}.drawer-footer button span{margin-left:12px}.toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:8px 10px 8px 18px;background:var(--ink);color:var(--bg);border-radius:7px;box-shadow:0 4px 20px #302f2b1a;z-index:5;max-width:calc(100% - 40px);font-size:12px}.toast>span:first-child{color:#c3d5b7}.toast button{color:#e9bc9e;min-height:44px;padding:8px 12px;font-size:12px}.toast button:focus-visible{outline-color:#e9bc9e}
@media(hover:hover) and (pointer:fine){.brand:hover{color:var(--accent)}.nav-button:hover{background:#e9e6dc}.project-button:hover{background:#e9e6dc;color:var(--accent)}.view-tab:hover{color:var(--accent)}.search-field input:hover{border-color:#bcb4a4}.filter-field:hover{border-color:#bcb4a4}.sort-button:hover{background:#eeebe2;color:var(--ink)}.task-row:hover{background:#f1eee6}.task-row:hover .row-arrow{color:var(--accent);transform:translateX(2px)}.task-row:hover .open-task{color:#8f3b25}.primary-button:hover{background:#8c3821}.icon-button:hover{background:var(--soft-accent);color:var(--accent)}.list-context button:hover{color:var(--ink)}.property-row select:hover{border-color:#bcb4a4}.toast button:hover{background:#48443a}.inbox-stamp:hover .progress-ring{stroke-width:5}}
@media(min-width:1600px){.task-row{min-height:75px}.open-task{font-size:14px}.task-meta{font-size:11px}}
@media(max-width:1200px){.sidebar{width:200px;padding-inline:14px}.main-shell{margin-left:200px}main{padding-inline:28px}.topbar{padding-inline:28px}.table-head,.task-row{grid-template-columns:minmax(210px,1fr) 105px 72px 90px 61px 10px;gap:8px;padding-inline:10px}.inbox-stamp{padding-left:20px;gap:10px}.progress-ring{display:none}.assignee{font-size:10px}.view-tabs{gap:22px}.sidebar-bottom{padding-top:24px}.workspace div>span{font-size:9px}}
@media(max-width:980px){.sidebar{width:180px;padding-inline:12px}.main-shell{margin-left:180px}main{padding-inline:24px}.topbar{padding-inline:24px}.inbox-stamp>div>span{display:none}.stamp-number{font-size:50px}.inbox-stamp{gap:10px;padding-left:16px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.table-head,.task-row{grid-template-columns:minmax(200px,1fr) 102px 72px 24px 60px;gap:9px}.row-arrow,.table-head>span:last-child{display:none}.assignee>span:last-child{display:none}.view-tabs{gap:19px}.filter-field label span{display:none}.search-field{max-width:none}.sort-button{font-size:0}.sort-button span{font-size:20px;margin:0}.workspace{gap:6px}.workspace div>span{max-width:108px}.workspace-note{margin-top:15px}.team-footer>div:last-child{font-size:10px}.team-footer>div>span{font-size:8px}.sidebar-bottom p{font-size:21px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:16px 20px 0;border-right:0;border-bottom:1px solid var(--line);background:var(--surface)}.brand{font-size:34px;padding:0;min-height:40px}.brand-mark{transform:scale(.83);transform-origin:left center;margin-right:5px}.workspace{position:absolute;right:20px;top:18px;margin:0}.workspace>div{font-size:11px}.workspace div>span{display:none}.workspace-mark{height:29px;width:28px}.sidebar>.nav-label,.project-nav,.sidebar-bottom,.team-footer{display:none}.main-nav{margin-top:15px;flex-direction:row;overflow-x:auto;gap:14px;padding-right:24px;scrollbar-width:none}.nav-button{flex-shrink:0;width:auto;padding:10px 0;min-height:44px;font-size:11px;border-radius:0;gap:6px;position:relative}.nav-button.selected{background:none}.nav-button.selected:after{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);content:''}.nav-icon{font-size:16px;width:16px}.nav-count{font-size:9px}.main-shell{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:10px}.topbar-right{gap:8px}.today{font-size:9px}.topbar-right .avatar{width:23px;height:23px;font-size:8px}.breadcrumb-slash{margin:0 9px}main{padding:0 20px 24px}.page-heading{padding:28px 0 26px;align-items:center}.page-heading .eyebrow{font-size:7px;letter-spacing:.9px;max-width:220px}.page-heading h1{font-size:43px;letter-spacing:-1.5px;margin-block:10px}.page-heading p{font-size:11px;max-width:235px;line-height:1.6}.inbox-stamp{border:0;padding:0;margin-top:12px;display:block;text-align:right;flex-shrink:0}.stamp-number{font-size:51px;letter-spacing:-2px}.inbox-stamp>div{font-size:9px;color:var(--muted)}.view-tabs{gap:20px;overflow-x:auto;white-space:nowrap;padding-right:24px;scrollbar-width:none}.view-tab{font-size:11px;min-height:44px;padding-bottom:12px}.view-tab>span{font-size:9px;margin-left:3px;padding:1px 4px}.toolbar{padding:16px 0;gap:8px;flex-wrap:wrap}.search-field{flex-basis:100%;max-width:100%}.search-field input{font-size:16px;height:44px}.filter-field{min-height:44px}.filter-field label span{display:inline;font-size:12px}.filter-field select{font-size:16px;max-width:180px}.sort-button{font-size:12px;padding-inline:8px}.sort-button span{font-size:17px;margin-right:5px}.table-head{display:none}.task-list{border-top:1px solid var(--line)}.task-row{grid-template-columns:minmax(0,1fr) auto auto;gap:7px 12px;padding:15px 0;min-height:107px}.task-main{grid-column:1/-1;gap:11px;align-items:flex-start}.task-icon{margin-top:4px}.open-task{font-size:13px;min-height:22px;line-height:1.5}.task-meta{font-size:10px;margin-top:4px}.task-row>.status-badge{margin-left:27px;font-size:9px;grid-column:1;grid-row:2}.priority{display:none}.assignee{grid-column:2;grid-row:2}.assignee .avatar{width:21px;height:21px;font-size:7px}.due-date{grid-column:3;grid-row:2;font-size:10px}.list-footer{font-size:10px;padding-top:18px}.list-footer>span:last-child{font-size:9px}.workspace-note{font-size:9px;margin-top:18px}.toast{left:20px;right:20px;transform:none;bottom:16px;max-width:none}.drawer-content{padding:24px}.drawer-top{padding:12px 20px}#detail-title{font-size:33px}.drawer-footer{padding:16px 20px}.drawer-footer>span{font-size:15px}.drawer-footer .primary-button{padding-inline:15px}.description p{font-size:16px}.project-button{min-height:44px}}
.detail-open{overflow:hidden}
.mobile-project{display:none}
.inbox-stamp{position:relative}
.inbox-stamp:after{content:'12 TASKS · ONE TEAM';position:absolute;left:30px;bottom:-22px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.sidebar{overflow-y:auto}
.workspace-note{color:var(--muted)}
.search-field input::placeholder{color:var(--muted)}
.search-field kbd{color:var(--muted)}
.open-task{font-size:13px}
.task-meta{font-size:11px}
.project-button{min-height:44px}
.row-arrow{transition:color 180ms var(--ease),transform 180ms var(--ease)}
.progress-ring{transition:stroke-width 180ms var(--ease)}
.detail-properties .assignee>span:last-child{display:inline}
.detail-properties .priority{display:flex}
.search-field input:focus-visible{outline-offset:2px}
.filter-field select:focus-visible{outline-offset:1px;border-radius:4px}
.property-row select:focus-visible{outline-offset:3px}
@media(max-width:760px){.breadcrumb-trail{display:none}.mobile-project{display:block}.mobile-project select{background:transparent;border:0;min-height:44px;max-width:150px;font-size:13px;padding-right:8px}.mobile-project select:focus-visible{outline-offset:0}.inbox-stamp:after{display:none}}
@media(min-width:761px) and (max-height:1050px){.sidebar{padding-top:24px}.workspace{margin-block:24px}.project-nav{margin-top:24px}.sidebar-bottom{padding-block:20px}.note-mark{font-size:26px}.sidebar-bottom p{font-size:18px;line-height:1.25;margin-block:8px}.sidebar-bottom>span{display:none}.team-footer{padding-top:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary-button:active{transform:none}.task-row .row-arrow{transform:none!important}}