:root{font-family:Inter,Arial,PingFang SC,sans-serif;color:#22201e;background:#f5f3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}header{height:76px;padding:0 clamp(18px,4vw,56px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d3cec4;background:#f5f3ef;position:sticky;top:0;z-index:5}.identity{display:flex;align-items:center;gap:12px}.identity .wave{width:38px;height:38px;display:grid;place-items:center;background:#22201e;color:#e7ff5c;font-size:27px;border-radius:5px}.identity strong{display:block;font-size:15px}.identity span{font:9px monospace;letter-spacing:.15em;color:#827e76}.add,.submit{border:0;background:#22201e;color:#fff;padding:13px 18px;border-radius:4px;font-weight:700}.add:hover,.submit:hover{background:#5142f5}main{padding:0 clamp(18px,4vw,56px) 60px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;padding:58px 0 42px}.eyebrow{font:700 11px monospace;color:#5142f5;letter-spacing:.12em}.intro h1{font-size:clamp(47px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.intro h1 em{font-style:normal;color:#5142f5}.intro>p{color:#69655f;line-height:1.8;font-size:14px;max-width:480px}.toolbar{border:1px solid #ccc7bd;background:#fff;display:grid;grid-template-columns:1fr auto auto auto;align-items:center}.toolbar label{display:flex;align-items:center;gap:8px;padding:10px 13px;border-right:1px solid #ded9cf;font-size:11px;color:#77726a}.toolbar input,.toolbar select{border:0;background:transparent;outline:0;min-width:100px}.search span{font-size:20px}.search input{width:100%}.clear{border:0;background:transparent;padding:12px;font-size:11px;text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0}.stats div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;border-right:1px solid #d3cec4;padding:8px 18px}.stats div:first-child{padding-left:0}.stats span{grid-row:1/3;font:10px monospace;color:#aaa49b;margin-right:15px}.stats b{font:600 27px/1 Arial}.stats small{font-size:10px;color:#7d7972}.board{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:16px}.column{background:#ebe8e1;min-height:430px;border-radius:7px}.column.danger{background:#eee6e3}.column-head{height:72px;padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3cec4}.column-head span{font:8px monospace;letter-spacing:.15em;color:#918c84}.column-head h2{font-size:16px;margin:3px 0}.column-head b{font:500 24px Arial;color:#918c84}.stack{padding:10px;min-height:350px}article{background:#fff;border:1px solid #ddd8cf;border-radius:5px;margin-bottom:9px;padding:14px;box-shadow:0 2px 7px #27231d0d;cursor:grab}article:active{cursor:grabbing}.card-top{display:flex;justify-content:space-between;gap:8px}.project{font:700 9px monospace;text-transform:uppercase;background:#e7ff5c;padding:4px 6px}.rating{font-size:8px;letter-spacing:1px;color:#5142f5}h3{font-size:16px;margin:14px 0 6px;overflow-wrap:anywhere}.purpose{font-size:12px;color:#55514b;line-height:1.5;margin:0}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.tags span{font:10px monospace;color:#5142f5}.notes{font-size:10px;line-height:1.5;color:#817b73;border-left:2px solid #d3cec4;padding-left:8px;margin:13px 0}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeae3;margin-top:13px;padding-top:9px}.card-actions label{font-size:9px;color:#908b83}.card-actions select{border:0;background:transparent;font-size:9px}.card-actions button{border:0;background:none;color:#aaa49b;font-size:18px}.empty{height:155px;border:1px dashed #c8c2b8;border-radius:5px;display:grid;place-content:center;text-align:center;color:#908b83;font-size:11px}.empty span{display:block;font:8px monospace;margin-top:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1b18b8;z-index:10;display:grid;place-items:center;padding:18px}form{width:min(600px,100%);max-height:92vh;overflow:auto;background:#f8f6f2;border-radius:8px;padding:26px;box-shadow:0 20px 80px #0006}.form-head{display:flex;justify-content:space-between}.form-head span{font:9px monospace;color:#5142f5;letter-spacing:.15em}.form-head h2{font-size:27px;margin:5px 0 22px}.form-head button{border:0;background:none;font-size:26px;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}form>label,.form-grid label{display:block;font-size:11px;font-weight:700;margin-bottom:14px}form input,form textarea{display:block;width:100%;border:1px solid #c9c4ba;background:#fff;border-radius:3px;padding:12px;margin-top:7px;resize:vertical}form input:focus,form textarea:focus{outline:2px solid #5142f5;border-color:transparent}.range{padding:0;height:20px;width:calc(100% - 55px);display:inline-block}.range-value{float:right;margin-top:-22px}.form-error{background:#ffe1d9;color:#8c2d18;padding:9px;font-size:11px}.submit{width:100%;margin-top:5px}@media(max-width:760px){header{height:66px}.identity span{display:none}.intro{grid-template-columns:1fr;padding:40px 0 28px}.intro>p{margin:0}.toolbar{grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1;border-bottom:1px solid #ded9cf}.toolbar .clear{border-top:1px solid #ded9cf}.stats div{padding:6px}.stats span{display:none}.stats b{font-size:22px}.board{margin-right:-18px}.form-grid{grid-template-columns:1fr}}