:root{font:15px/1.45 Inter,system-ui,-apple-system,sans-serif;color:#202c40;background:#eaedf2;--blue:#315ad6;--muted:#546580}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:white;border:1px solid #dce2ed;border-radius:12px;padding:8px 14px;font-weight:600}button:hover{background:#edf2fc}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7396fa;outline-offset:3px}.rail{background:#f3f5f8;padding:24px 14px;border-right:1px solid #dfe4ec}.brand{font-size:15px;font-weight:750;margin:0 2px 27px;display:flex;align-items:center;gap:8px}.brand span{color:var(--blue);font-size:24px}.search{display:flex;align-items:center;gap:8px;background:white;border:1px solid #dce2ed;padding:8px 10px;border-radius:12px}.search input{border:0;background:transparent;width:100%;min-width:0}.project{background:white;margin-top:14px;border-radius:12px;padding:12px 10px;font-weight:700;box-shadow:0 3px 10px #2638530c}.project span{color:var(--blue);margin-right:5px}.rail small{display:block;color:var(--muted);margin:14px 8px}header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #dfe4ec}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.025em}header p,.sub{color:var(--muted);margin-top:2px}.actions{display:flex;gap:8px;flex-wrap:wrap}.guide{margin:18px 24px 0;padding:11px 14px;background:#f5f7fc;border-radius:12px;color:#445771}.guide strong{color:#294aaf}.board{padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.lane{background:#f1f3f6;padding:8px;border-radius:22px;min-height:165px;border:2px solid transparent}.lane.over{border-color:#577df0;background:#e3ebff}.lane h2{border-radius:14px;padding:12px;font-size:16px;background:#e5eaf1;color:#4e607b;display:flex;gap:9px;align-items:center}.lane[data-stage=review] h2{background:#dce5fc;color:#2d4bb4}.lane[data-stage=done] h2{background:#dcefe7;color:#25634e}.count{font-size:13px;opacity:.85}.stack{display:grid;gap:8px;margin-top:8px;min-height:58px}.task{position:relative;text-align:left;padding:12px 12px 10px;width:100%;border:0;border-radius:19px;box-shadow:0 3px 8px #23385713;cursor:grab}.task:active{cursor:grabbing}.task-title{display:flex;gap:10px;align-items:start}.num{min-width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#4c5e78;font-size:12px}.task-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:var(--muted);font-size:12px;font-weight:500}.avatar{display:inline-grid;place-items:center;border-radius:50%;height:28px;width:28px;background:#e7a3af;color:#321f2c;font-weight:700}.avatar.team{background:#a2eed8;color:#1e5547}.add{margin-top:8px;width:100%;text-align:left;color:var(--muted)}.empty{color:var(--muted);font-size:13px;padding:12px}dialog{padding:0;border:0;border-radius:22px;width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 32px);box-shadow:0 22px 75px #17294c3d}dialog::backdrop{background:#202e4e55}.dialog-head{display:flex;justify-content:space-between;align-items:start;padding:21px 24px;background:white;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:1}.dialog-head h2{font-size:23px}.close{border:0;font-size:22px;padding:0 10px}.dialog-body{padding:20px 24px;display:grid;gap:16px}.dialog-body label{display:grid;gap:6px;font-weight:650}.dialog-body textarea,.dialog-body select,.dialog-body input{width:100%;border:1px solid #ccd5e4;border-radius:10px;padding:10px;background:white}.dialog-body textarea{resize:vertical;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{color:white;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#254bb9}.chat{padding:14px;border-radius:14px;background:#e6ecfa;display:grid;gap:10px}.chat h3{font-size:16px}.message{background:white;padding:9px 11px;border-radius:12px;max-width:88%;overflow-wrap:anywhere}.message.own{background:#d7e2ff;justify-self:end}.message b{display:block;color:#466082;font-size:12px;margin-bottom:4px}.compose{display:flex;gap:8px}.compose input{min-width:0}.attachment{color:#2849aa}.notice{position:fixed;right:18px;bottom:18px;background:#263854;color:white;border-radius:12px;padding:10px 15px;z-index:5}.notice:empty{display:none}.contact{background:#edf2fc;padding:16px;border-radius:14px}.contact dl{display:grid;grid-template-columns:90px 1fr;gap:7px;margin-bottom:0}.contact dd{margin:0}@media(max-width:980px){body{grid-template-columns:180px minmax(0,1fr)}.board{gap:8px;padding-inline:12px}.guide{margin-inline:12px}header{padding-inline:12px}}@media(max-width:720px){body{display:block}.rail{display:none}.board{grid-template-columns:repeat(3,minmax(246px,1fr));overflow:auto;scroll-snap-type:x proximity}.lane{scroll-snap-align:start}.guide{font-size:13px}h1{font-size:20px}header{align-items:start}.actions{justify-content:flex-end}.actions button{font-size:12px;padding:6px 9px}.dialog-body,.dialog-head{padding-inline:15px}}

@font-face{font-family:"Method Brand";src:url("method-sans-700.ttf") format("truetype");font-weight:700;font-display:swap}
.brand{gap:9px;align-items:center;margin-bottom:23px}
.brand .brand-mark{align-self:flex-start;margin-top:1.5px;flex:0 0 29px;width:29px;height:17px;background:#235dcc;mask:url("studio-method-mark.svg") center/contain no-repeat}
.brand strong{display:block;font:700 20px/1 "Method Brand","Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em;white-space:nowrap;color:#171e2b}
.brand small{margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.2}
@media(max-width:980px){.brand strong{font-size:18px}.brand .brand-mark{width:25px;flex-basis:25px;margin-top:.5px}}
@media(max-width:720px){.rail{display:block;padding:13px 12px;border-right:0;border-bottom:1px solid #dfe4ec}.rail .search,.rail .project,.rail>small{display:none}.brand{margin:0}}