:root{--navy:#132d50;--ink:#202d3f;--muted:#87909d;--line:#e9edf2;--bg:#f7f9fb}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:white}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8db5ef;outline-offset:3px}button{border:0;background:none;color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.shell{display:flex;min-height:100vh}.side{width:224px;padding:34px 20px 22px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-size:21px;letter-spacing:-.8px;font-weight:720;padding:0 14px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:1.3px;text-transform:uppercase;margin-top:7px}.section-label{font-size:10px;letter-spacing:1.6px;color:#98a1ad;margin:44px 14px 13px}.nav{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border-radius:8px;text-align:left;color:#738092;margin-bottom:5px}.nav.active{background:#edf2f8;color:var(--navy);font-weight:600}.nav .count{margin-left:auto;background:white;padding:2px 6px;font-size:11px;border-radius:4px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#96a6bd}.project{display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:13px;color:#657287}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;font-size:12px;color:var(--muted);line-height:1.7}.person{display:flex;align-items:center;gap:10px;margin-top:19px;color:var(--ink)}.avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#eaf0f6;color:#526782;font-size:11px;font-weight:600}main{margin-left:224px;min-width:0;width:calc(100% - 224px)}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8390a0}.crumb{display:flex;align-items:center;gap:13px}.crumb b{color:#445269;font-weight:500}.topright{display:flex;align-items:center;gap:18px}.saved{display:flex;align-items:center;gap:7px}.saved .dot{background:#65a98c;width:5px;height:5px}.content{padding:39px 42px 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:31px;font-weight:650;letter-spacing:-1.1px;margin:0 0 11px}.subtitle{color:var(--muted);font-size:13px;margin:0}.primary{background:var(--navy);color:#fff;padding:12px 18px;border-radius:7px;display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:550}.primary:hover{background:#21436e}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:34px}.tab{padding:0 0 16px;display:flex;gap:8px;align-items:center;color:#8b95a2;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--navy)}.soon{font-size:9px;background:#f1f3f6;padding:3px 5px;border-radius:4px}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:23px 0}.filters{display:flex;gap:9px;align-items:center}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 11px;width:219px;color:#98a1ae}.search input{border:0;outline:0;width:100%;font-size:12px;background:transparent;color:var(--ink)}select.filter{border:1px solid var(--line);border-radius:6px;padding:8px;color:#637086;background:white;font-size:12px}.toolbar-note{font-size:11px;color:#929baa;display:flex;align-items:center;gap:9px}.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:17px;overflow-x:auto;min-height:530px;padding-bottom:18px}.column{background:var(--bg);border:1px solid #f0f2f5;border-radius:10px;padding:14px 11px;min-height:510px}.col-head{display:flex;align-items:center;gap:8px;padding:3px 4px 18px;font-size:12px;font-weight:600}.col-head .number{color:#99a2ae;font-size:11px;font-weight:400}.col-head button{margin-left:auto;color:#96a1af;font-size:18px;line-height:16px}.card{background:white;border:1px solid #e7ebf0;border-radius:8px;padding:15px;margin-bottom:10px;cursor:grab;box-shadow:0 2px 3px #172e4c03;transition:transform .15s,border-color .15s}.card:hover{border-color:#b6c6da;transform:translateY(-2px)}.card:focus-visible{outline:2px solid #749dcc}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tag{font-size:9px;font-weight:550;background:#eef3fa;color:#5b79a3;padding:4px 6px;border-radius:4px}.tag.Bot{background:#f0edfb;color:#8b79b1}.tag.Android{background:#edf6f1;color:#6b9580}.tag.Design{background:#fff3e9;color:#b39470}.id{color:#abb3bd;font-size:9px}.card h3{font-size:12px;font-weight:550;line-height:1.65;margin:0 0 8px}.desc{font-size:10.5px;line-height:1.65;color:#9099a6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f4f7;padding-top:11px}.priority{font-size:9px;display:flex;align-items:center;gap:5px;color:#9aa3af}.priority.high{color:#c48b78}.priority.medium{color:#a99b71}.priority .dot{width:5px;height:5px;background:currentColor}.card-footer .avatar{width:23px;height:23px;font-size:8px}.add-card{font-size:11px;color:#98a2af;padding:10px 5px;width:100%;text-align:left}.add-card:hover{color:var(--navy)}.column.over{background:#eaf0f8;border-color:#b0c3dd}.foot{display:flex;justify-content:space-between;font-size:10px;color:#9ca5b0;margin-top:8px}.empty{font-size:12px;color:#98a2b0;text-align:center;padding:36px 12px}.list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.list-row{display:grid;grid-template-columns:75px 1fr 100px 110px 110px;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);align-items:center;cursor:pointer;font-size:12px}.list-row:hover{background:var(--bg)}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:490px;max-width:calc(100% - 28px);box-shadow:0 25px 100px #122e5126}dialog::backdrop{background:#14263e45;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal-head h2{margin:0;font-size:20px;letter-spacing:-.5px}.field{display:block;margin:15px 0;color:#738095;font-size:11px}.field input,.field textarea,.field select{display:block;width:100%;margin-top:8px;border:1px solid #dfe5ed;border-radius:6px;padding:11px;color:var(--ink);background:white;outline-color:#94b1d3}.field textarea{height:95px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.delete{font-size:12px;color:#b76d68}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;border-radius:8px;z-index:10;font-size:12px;display:none}.demo{color:#94a0af}.file-btn{font-size:11px;color:#7b899b;padding:4px 0;display:block}.file-btn:hover{color:var(--navy)}@media(min-width:1600px){.content{max-width:1600px;margin:auto}.board{gap:22px}.card h3{font-size:14px}.desc{font-size:12px}}@media(max-width:1100px){.side{width:180px;padding-left:12px;padding-right:12px}main{margin-left:180px;width:calc(100% - 180px)}.content{padding:30px 24px}.topbar{padding:0 24px}.toolbar-note{display:none}}@media(max-width:700px){.side{display:none}main{margin:0;width:100%}.topbar{height:60px;padding:0 20px}.content{padding:28px 18px}.saved{display:none}h1{font-size:27px}.heading{align-items:flex-start}.primary{padding:11px 12px;white-space:nowrap}.subtitle{font-size:11px;max-width:200px;line-height:1.7}.filters{flex-wrap:wrap}.search{width:100%}.toolbar{padding:18px 0}.tabs{gap:22px}.board{grid-template-columns:repeat(4,270px)}.foot span:last-child{display:none}.list-row{grid-template-columns:1fr 100px}.list-row .id,.list-row .tag,.list-row .priority{display:none}}

/* Readable type scale across desktop and mobile. */
body{font-size:15px}
.board{grid-template-columns:repeat(4,minmax(260px,1fr));gap:18px}
.column{padding:16px 12px}
.col-head{font-size:15px;padding:3px 4px 20px;gap:9px}
.col-head .number{font-size:13px;color:#69798d}
.card{padding:18px;margin-bottom:12px}
.card h3{font-size:16px;line-height:1.5;font-weight:600;margin-bottom:10px;overflow-wrap:anywhere}
.desc{font-size:14px;line-height:1.6;color:#68778a;margin-bottom:18px;overflow-wrap:anywhere}
.tag{font-size:12px;padding:5px 8px;line-height:1.4}
.id{font-size:11px;color:#738196}
.priority{font-size:12px;color:#6e7d90}
.priority.high{color:#a65f47}.priority.medium{color:#877334}
.card-footer{padding-top:13px;gap:8px}
.card-footer .avatar{width:27px;height:27px;font-size:11px}
.add-card{font-size:14px;color:#677990;padding:12px 5px}
.tab,.primary{font-size:14px}
.subtitle{font-size:14px;line-height:1.6;color:#718095}
.search{width:240px;padding:10px 12px}.search input,select.filter{font-size:14px}
select.filter{padding:10px}.toolbar-note{font-size:12px;color:#748297}
.project,.nav{font-size:14px}.section-label{font-size:11px}
.topbar{font-size:13px}.file-btn{font-size:13px;padding:6px 0}
.list-row{font-size:15px;grid-template-columns:75px 1fr 120px 110px 120px}
.foot{font-size:12px;color:#758398}.field{font-size:12px}
.field input,.field textarea,.field select{font-size:16px}
@media(max-width:700px){.board{grid-template-columns:repeat(4,290px)}.search{width:100%}.subtitle{font-size:13px}.primary{font-size:13px}.filters{width:100%}.list-row{grid-template-columns:1fr 100px}.foot{line-height:1.6}}

.hidden{display:none!important}.auth{max-width:430px;margin:8vh auto;padding:30px;border:1px solid var(--line);border-radius:14px}.auth h1{margin-bottom:16px}.auth input{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;margin:7px 0 15px;font-size:16px}.auth label{font-size:13px}.auth button{margin:6px 0}.secondary{padding:10px 14px;border:1px solid var(--line);border-radius:7px;font-size:13px}.error{color:#a34343;line-height:1.6;margin:12px 0}.muted{color:#718095;font-size:13px;line-height:1.6}.recovery{overflow-wrap:anywhere;background:#f3f6fa;padding:16px;user-select:all}.side select{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin-top:12px}.mobile-project{display:none}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.comments{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.comment{padding:12px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.comment small{display:block;color:#87909d;margin-bottom:6px}.member{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.linkbox{width:100%;padding:10px;margin:12px 0;font-size:14px}.date{font-size:11px;color:#718095}.toolbar{flex-wrap:wrap}.empty-project{padding:70px 20px;text-align:center}.list-row{grid-template-columns:70px 1fr 100px 110px}.side-bottom button{display:block;margin-bottom:10px}.project-actions{display:flex;gap:10px;align-items:center}.saved{font-size:12px}.modal-error{color:#a34343;font-size:13px;line-height:1.5}dialog{max-height:90vh;overflow-y:auto}.board{min-height:520px}.card h3{overflow-wrap:anywhere}@media(max-width:700px){.mobile-project{display:block;max-width:135px}.crumb{display:none}.list-row{grid-template-columns:1fr 100px}.list-row .tag{display:none}.auth{margin:25px 15px}.heading{flex-wrap:wrap}.topright{gap:10px}.topbar{padding:0 16px}}