@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#22263a;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}header{height:84px;background:#fff;border-bottom:1px solid #e9ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,25px)}.brand{display:flex;align-items:center;gap:12px}.logo{width:43px;height:43px;background:#6658e8;color:#fff;border-radius:13px;display:grid;place-items:center}.brand strong{display:block;font-family:Plus Jakarta Sans;font-size:19px;letter-spacing:-.8px}.brand span{display:block;color:#999caf;font-size:9px;letter-spacing:1.6px;font-weight:800;margin-top:2px}.header-right{display:flex;align-items:center;gap:20px}.live{color:#72788e;font-size:13px}.live i{display:inline-block;width:8px;height:8px;background:#40c99b;border-radius:50%;margin-right:8px}.refresh{border:1px solid #e5e7f0;background:#fff;border-radius:10px;padding:10px;color:#6b6e85}main{width:min(1350px,92%);margin:52px auto;flex:1}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#8d85dd}.intro-line{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Plus Jakarta Sans;font-size:36px;letter-spacing:-1.8px;margin:13px 0 9px}h1 span{color:#7865f4;font-size:27px}.intro p{color:#858a9b;font-size:15px;margin:0}.primary{background:#6658e8;color:#fff;border:0;border-radius:11px;padding:14px 20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 14px #6658e82a}.primary:hover{background:#5344d8}.stats{display:flex;gap:30px;border-bottom:1px solid #e5e8f0;padding:34px 0 28px;margin-bottom:30px}.stats>div{display:flex;align-items:center;gap:11px}.stats b{font-family:Plus Jakarta Sans;font-size:21px}.stats span{color:#9195a6;font-size:13px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.column{background:#f0f1f7;border-radius:17px;padding:19px;min-height:440px}.colhead{display:flex;justify-content:space-between;align-items:center}.colhead button,.task button{border:0;background:transparent;color:#969bad;padding:6px;display:inline-flex;border-radius:7px}.colhead button:hover,.task button:hover{background:#e6e7f0}.coltitle{display:flex;align-items:center;gap:10px}.dot{height:10px;width:10px;background:#8a85eb;border-radius:50%}.doing .dot{background:#f2b654}.done .dot{background:#55c9a0}h2{font-size:16px;font-family:Plus Jakarta Sans;margin:0;letter-spacing:-.3px}.count{background:#fff;border-radius:7px;padding:3px 8px;font-size:11px;color:#777b8e;font-weight:700}.hint{font-size:12px;color:#969bad;margin:4px 0 21px 20px}.cardlist{display:flex;flex-direction:column;gap:12px}.task{background:#fff;padding:17px;border:1px solid #e8e9f0;border-radius:13px;box-shadow:0 3px 8px #34375208;cursor:grab}.tasktop,.taskbottom{display:flex;justify-content:space-between;align-items:center}.tag{font-size:10px;font-weight:800;padding:5px 9px;border-radius:6px;background:#f0edff;color:#7463db}.tag.doing{background:#fff4de;color:#c68e27}.tag.done{background:#e3f8ef;color:#279d76}.task h3{font-family:Plus Jakarta Sans;font-size:14px;line-height:1.5;margin:16px 0 6px}.task p{font-size:12px;line-height:1.65;color:#8d91a1;margin:0 0 18px;white-space:pre-wrap}.taskbottom{border-top:1px solid #f1f1f6;margin-top:16px;padding-top:11px}.taskbottom span{color:#a1a4b1;font-size:11px}.taskbottom>div{display:flex;gap:5px}.add-inline{width:100%;border:1px dashed #cfd1e1;border-radius:10px;background:transparent;color:#9699ac;font-weight:700;padding:13px;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px}.add-inline:hover{border-color:#7566e8;color:#6658e8}.empty{border:1px dashed #cfd1e1;color:#a0a3b2;border-radius:12px;padding:30px 8px;text-align:center;line-height:1.8;font-size:12px}.loading{text-align:center;color:#999}.error{padding:14px 18px;background:#fff0ef;color:#a93535;border-radius:10px;margin-bottom:20px;font-size:13px}.error button{margin-left:8px}footer{text-align:center;padding:25px;color:#aaaec0;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#15172980;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(460px,100%);background:#fff;padding:30px;border-radius:20px;box-shadow:0 20px 70px #0003}.modalhead{display:flex;justify-content:space-between;margin-bottom:22px}.modalhead h2{font-size:26px;margin-top:7px}.close{border:0;background:transparent;color:#999}.modal label{display:block;font-size:13px;font-weight:700;margin:16px 0}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:8px;border:1px solid #e2e4ed;border-radius:9px;padding:12px;outline:none;background:#fff;color:#333}.modal input:focus,.modal textarea:focus{border-color:#7566e8}.submit{width:100%;margin-top:24px}@media(max-width:780px){header{height:70px}.live{display:none}main{margin:35px auto}.intro-line{align-items:flex-start}h1{font-size:28px}.board{grid-template-columns:1fr}.column{min-height:200px}.stats{gap:15px;justify-content:space-between}.stats>div{flex-direction:column;align-items:flex-start;gap:3px}.stats span{font-size:11px}.primary{padding:12px}.intro p{font-size:13px}}