@font-face{font-family:Work Sans;src:url('./assets/work-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:DM Serif;src:url('./assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('./assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f4f1e9;--ink:#222524;--muted:#70736c;--line:#d5d5ca;--orange:#f47d58;--green:#b9cabc;--yellow:#e8d89a;--blue:#c7d7df;--white:#fffef9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Work Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}h1,h2,h3,p{margin-top:0}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid #d64f32;outline-offset:4px}.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}[hidden]{display:none!important}
.page-shell{max-width:1600px;margin:auto;min-height:100vh;padding:0 52px}.topbar{height:78px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-.075em}.brand-period{color:#e36345}.brand-mark{height:26px;width:31px;border:2px solid var(--ink);display:inline-block;position:relative;transform:rotate(-8deg);background:var(--orange)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-top:2px solid var(--ink);width:16px;top:9px}.brand-mark:before{left:-1px;transform:rotate(29deg);transform-origin:left}.brand-mark:after{right:-1px;transform:rotate(-29deg);transform-origin:right}.brand-mark span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink);right:3px;top:3px}.topbar-right{display:flex;align-items:center;gap:24px}.topbar-caption{font-size:13px;color:var(--muted)}.topbar-divider{height:22px;width:1px;background:var(--line)}.workspace-label,.eyebrow,.route-top,.list-label,.task-top,.meta-label,.detail-kicker,.detail-field label,.detail-bottom,.footer,.art-label,.envelope-top,.envelope-bottom,.envelope-back,.envelope-mid,.result-count,.stamp,.priority,.tag,.dialog-close,.detail-number,.detail-mini{font-family:'IBM Plex Mono',monospace}.workspace-label{font-size:11px;letter-spacing:.07em;font-weight:600;white-space:nowrap}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7eab78;margin-right:8px;box-shadow:0 0 0 3px #d9e4d2}
.hero{height:362px;display:grid;grid-template-columns:1.06fr .94fr;border-bottom:1px solid var(--ink);overflow:hidden}.hero-copy{padding:36px 0 38px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow-line{width:21px;height:1px;background:var(--ink)}.eyebrow-star{font-size:15px;color:#de5c3c}.hero h1{font-family:'DM Serif',Georgia,serif;font-weight:400;font-size:clamp(76px,7.7vw,118px);letter-spacing:-.065em;line-height:.85;margin:30px 0 20px}.hero h1 em{color:#e56a49;font-weight:400}.hero-description{font-size:15px;line-height:1.55;max-width:370px;margin:0;color:#545951}.hero-art{position:relative;min-width:0;border-left:1px solid var(--line);background:radial-gradient(circle at 50% 48%,#eeeadd 0 30%,transparent 30.2%),repeating-linear-gradient(0deg,transparent 0 36px,#e5e1d7 36px 37px)}.art-label{position:absolute;top:25px;left:30px;right:30px;font-size:10px;font-weight:600;letter-spacing:.12em;display:flex;justify-content:space-between}.art-label span{font-size:19px;line-height:.5}.envelope{position:absolute;border:1px solid var(--ink);box-shadow:4px 5px 0 rgba(34,37,36,.13)}.envelope-back{width:266px;height:167px;background:var(--blue);top:85px;left:22%;transform:rotate(-14deg);font-size:10px;letter-spacing:.1em;padding:15px}.envelope-mid{width:273px;height:173px;background:var(--yellow);top:93px;left:30%;transform:rotate(7deg);font-size:10px;letter-spacing:.08em;padding:15px}.envelope-mid i{font-family:serif;font-size:54px;position:absolute;right:20px;bottom:7px;font-style:normal}.envelope-front{width:298px;height:196px;background:var(--orange);top:103px;left:25%;transform:rotate(-2deg);padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between}.envelope-top,.envelope-bottom{font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between}.envelope-big{font-family:'DM Serif',Georgia,serif;font-size:112px;line-height:1;letter-spacing:-.06em;text-align:center}.envelope-bottom span:last-child{font-size:19px;line-height:9px}.art-squiggle{position:absolute;bottom:18px;right:38px;font-size:24px;letter-spacing:7px;transform:rotate(-13deg)}
.desk{padding-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-kicker{margin-bottom:10px}.section-heading h2{font-family:'DM Serif',Georgia,serif;font-size:48px;line-height:1;letter-spacing:-.045em;font-weight:400;margin:0}.heading-dot{color:#e56a49}.section-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0 3px 2px 0}.routes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.route{min-width:0;height:112px;border:1px solid var(--ink);background:transparent;text-align:left;padding:12px 13px 10px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);transition:transform .2s,box-shadow .2s,background .2s}.route:hover{transform:translateY(-3px);box-shadow:3px 4px 0 var(--ink)}.route.active{background:var(--ink);color:var(--white)}.route:not(.active).route-todo{background:#e7eadf}.route:not(.active).route-progress{background:#f3dbc2}.route:not(.active).route-blocked{background:#f3c9bc}.route:not(.active).route-done{background:#d5e2da}.route-top{display:flex;justify-content:space-between;gap:4px;font-size:10px;letter-spacing:.08em;font-weight:600;white-space:nowrap}.route-arrow{font-size:17px;line-height:.6}.route-bottom{display:flex;align-items:baseline;gap:10px}.route-bottom strong{font-family:'DM Serif',Georgia,serif;font-size:42px;font-weight:400;line-height:1}.route-bottom span{font-size:12px;font-weight:600;white-space:nowrap}.list-toolbar{margin-top:44px;padding:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink)}.list-label{font-size:12px;letter-spacing:.08em;font-weight:600;display:flex;align-items:center;gap:12px;white-space:nowrap}.asterisk{font-family:Georgia,serif;font-size:24px;color:#e56a49;line-height:0}.result-count{border:1px solid var(--ink);border-radius:50%;height:22px;min-width:22px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.controls{display:flex;gap:8px;min-width:0}.search-wrap,.filter-wrap{position:relative;display:block}.search-wrap input,.filter-wrap select{height:39px;border:1px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);outline:none;font-size:13px}.search-wrap input{width:250px;padding:0 12px 0 37px}.search-wrap input::placeholder{color:#777a72}.search-wrap input:focus,.filter-wrap select:focus{outline:3px solid #e98668;outline-offset:1px}.search-icon{position:absolute;z-index:1;left:13px;top:12px;width:13px;height:13px;border:1.8px solid var(--ink);border-radius:50%}.search-icon:after{content:"";width:6px;height:1.8px;background:var(--ink);position:absolute;right:-5px;bottom:-3px;transform:rotate(45deg)}.filter-wrap select{appearance:none;width:151px;padding:0 32px 0 12px}.select-chevron{position:absolute;right:12px;top:7px;font-size:20px;pointer-events:none}
.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0 70px}.task-card{min-width:0;min-height:205px;background:var(--white);border:1px solid var(--ink);position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.task-card:before,.task-card:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--ink);background:var(--paper);border-radius:50%;bottom:51px;z-index:2}.task-card:before{left:-6px}.task-card:after{right:-6px}.task-card:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.task-main{padding:15px 17px 13px;flex:1}.task-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;color:#656a63}.task-serial{font-weight:600}.priority{font-size:9px;text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line);padding:4px 5px}.priority.high{background:#f9e7db;border-color:#d9947e}.task-title{font-family:'DM Serif',Georgia,serif;font-weight:400;font-size:24px;line-height:1.08;letter-spacing:-.018em;margin:17px 0 9px;max-width:92%}.task-title button{border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.task-title button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.task-summary{font-size:12px;line-height:1.45;color:#676b63;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-footer{border-top:1px dashed #a9aca3;min-height:51px;padding:10px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.task-person{min-width:0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:24px;height:24px;flex:none;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:9px;background:#dcd9c9}.task-person span:last-child{overflow:hidden;text-overflow:ellipsis}.stamp{border:1px solid var(--ink);border-radius:20px;font-size:9px;line-height:1;letter-spacing:.03em;text-transform:uppercase;padding:6px 8px;white-space:nowrap;transform:rotate(-3deg)}.stamp.todo{background:#e5eadf}.stamp.in-progress{background:#f2d7b9}.stamp.blocked{background:#f3c9bc}.stamp.done{background:#d5e2da}.empty-state{margin:16px 0 70px;padding:50px 20px 56px;text-align:center;border:1px dashed var(--ink);background:var(--white)}.empty-mark{font-family:'DM Serif',Georgia,serif;font-size:72px;line-height:1;color:#e56a49}.empty-state h3{font-family:'DM Serif',Georgia,serif;font-size:32px;font-weight:400;margin:13px 0 8px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:20px}.empty-state button{border:1px solid var(--ink);background:var(--orange);padding:11px 16px;font-size:12px;font-weight:700}.empty-state button span{margin-left:10px}.footer{border-top:1px solid var(--ink);padding:19px 0 24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#676b63}.footer span span{color:#de684a}
.task-dialog{width:min(650px,calc(100vw - 32px));max-height:min(92vh,900px);padding:0;border:1px solid var(--ink);background:var(--white);box-shadow:10px 12px 0 var(--ink);color:var(--ink);overflow:auto}.task-dialog::backdrop{background:rgba(27,31,27,.66);backdrop-filter:blur(3px)}.detail-head{background:var(--orange);border-bottom:1px solid var(--ink);padding:19px 26px 26px;position:relative}.detail-head.status-todo{background:#dfe7d7}.detail-head.status-in-progress{background:#f1d5b8}.detail-head.status-blocked{background:#f0c4b5}.detail-head.status-done{background:#cce0d3}.detail-head-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.detail-kicker{font-size:10px;letter-spacing:.1em;line-height:1.6}.dialog-close{border:1px solid var(--ink);background:transparent;width:37px;height:37px;flex:none;font-size:23px;line-height:1}.dialog-close:hover{background:var(--ink);color:var(--white)}.detail-number{font-size:13px;margin:26px 0 8px;letter-spacing:.04em}.detail-head h2{font-family:'DM Serif',Georgia,serif;font-size:clamp(37px,4.3vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:400;margin:0;max-width:500px}.detail-body{padding:24px 26px 26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);margin-bottom:25px}.detail-meta{padding:12px 14px;min-width:0}.detail-meta+.detail-meta{border-left:1px solid var(--line)}.meta-label{display:block;font-size:9px;color:var(--muted);letter-spacing:.08em;margin-bottom:7px}.meta-value{font-size:12px;font-weight:600;overflow-wrap:anywhere}.detail-section-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;font-weight:600;display:flex;gap:10px;align-items:center;margin-bottom:12px}.detail-section-label:after{content:"";height:1px;background:var(--line);flex:1}.detail-description{font-size:14px;line-height:1.7;color:#444a43;white-space:pre-line;margin:0 0 25px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 24px}.tag{font-size:10px;border:1px solid var(--line);padding:6px 8px;background:#f7f5ee}.detail-field{border-top:1px solid var(--ink);padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-field label{font-size:11px;letter-spacing:.08em;font-weight:600}.detail-field small{display:block;font-family:'Work Sans',Arial,sans-serif;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;margin-top:6px}.detail-field select{border:1px solid var(--ink);background:var(--orange);min-width:175px;height:42px;padding:0 10px;font-size:13px;font-weight:700;border-radius:0}.detail-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);margin-top:23px;padding-top:15px;color:var(--muted);font-size:10px;letter-spacing:.04em}.detail-mini{display:flex;align-items:center;gap:7px}.detail-mini i{font-family:Georgia,serif;color:#d96748;font-size:20px;line-height:.5;font-style:normal}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;border:1px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:var(--orange);padding:12px 18px;font-size:13px;font-weight:700;max-width:calc(100vw - 32px);text-align:center}
@media(max-width:1050px){.page-shell{padding:0 32px}.hero h1{font-size:clamp(72px,9vw,96px)}.envelope-back{left:12%}.envelope-mid{left:21%}.envelope-front{left:16%}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routes{gap:6px}.route{padding:10px;height:103px}.route-top{font-size:8px}.route-bottom strong{font-size:36px}.route-bottom span{font-size:10px}}
@media(max-width:700px){.page-shell{padding:0 18px}.topbar{height:62px}.brand{font-size:18px}.topbar-caption,.topbar-divider{display:none}.workspace-label{font-size:9px}.hero{height:auto;display:block;position:relative;min-height:378px}.hero-copy{position:relative;z-index:2;padding:29px 0 25px}.hero h1{font-size:clamp(62px,15vw,91px);margin:27px 0 16px}.hero-description{font-size:13px;max-width:260px}.hero-art{height:125px;margin-top:-9px;border-left:0;background:none}.art-label,.envelope-back,.envelope-mid,.art-squiggle{display:none}.envelope-front{width:148px;height:90px;top:13px;left:auto;right:14px;padding:7px 9px;transform:rotate(9deg);box-shadow:3px 3px 0 var(--ink)}.envelope-top,.envelope-bottom{font-size:5px}.envelope-big{font-size:48px}.envelope-bottom span:last-child{font-size:12px}.desk{padding-top:32px}.section-heading{align-items:start;margin-bottom:17px}.section-heading h2{font-size:35px}.section-note{display:none}.routes{display:flex;overflow-x:auto;gap:7px;padding-bottom:6px;margin-right:-18px;padding-right:18px;scroll-snap-type:x mandatory}.route{flex:0 0 137px;height:91px;scroll-snap-align:start}.route-top{font-size:8px}.route-bottom strong{font-size:35px}.list-toolbar{margin-top:28px;display:block;padding-bottom:12px}.list-label{margin-bottom:13px;font-size:10px}.controls{display:grid;grid-template-columns:minmax(0,1fr) 125px}.search-wrap input,.filter-wrap select{width:100%;height:39px;font-size:11px}.search-wrap input{padding-left:33px}.filter-wrap select{padding-left:8px;padding-right:18px}.select-chevron{right:8px}.task-grid{grid-template-columns:1fr;gap:10px;padding-top:12px;padding-bottom:45px}.task-card{min-height:183px}.task-main{padding:13px 15px 10px}.task-title{font-size:23px;margin:12px 0 7px}.task-summary{font-size:11px}.task-footer{min-height:47px;padding:8px 15px}.task-card:before,.task-card:after{bottom:47px}.footer{font-size:8px;gap:10px;line-height:1.5}.footer span:last-child{text-align:right}.task-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);box-shadow:4px 5px 0 var(--ink)}.detail-head{padding:16px 17px 22px}.detail-head h2{font-size:38px}.detail-number{margin-top:19px}.detail-body{padding:18px 17px 21px}.detail-grid{grid-template-columns:1fr 1fr}.detail-meta{padding:10px}.detail-meta+.detail-meta{border-left:0}.detail-meta:nth-child(even){border-left:1px solid var(--line)}.detail-meta:nth-child(n+3){border-top:1px solid var(--line)}.detail-description{font-size:13px}.detail-field{align-items:stretch;flex-direction:column;gap:11px}.detail-field select{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}