*{box-sizing:border-box;margin:0;padding:0}body{color:#172b4d;background:#f4f5f7;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:32px}.app h1{text-align:center;color:#172b4d;margin-bottom:32px;font-size:48px;font-weight:700}.subtitle{text-align:center;color:#6b778c;letter-spacing:.3px;margin-top:-20px;margin-bottom:32px;font-size:14px}.board{align-items:flex-start;gap:20px;display:flex}.column{background:#ebecf0;border-radius:12px;flex:1;min-height:400px;padding:16px}.column h2{text-transform:uppercase;color:#5e6c84;letter-spacing:.5px;margin-bottom:16px;font-size:15px}.card{cursor:grab;background:#fff;border-radius:8px;margin-bottom:10px;padding:12px 14px;font-size:14px;box-shadow:0 1px 2px #00000026}.card:hover{background:#f8f9fa}.add-task{justify-content:center;gap:10px;margin-bottom:32px;display:flex}.add-task input{border:1px solid #dfe1e6;border-radius:8px;outline:none;width:300px;padding:10px 14px;font-size:14px}.add-task input:focus{border-color:#4c9aff}.add-task button{color:#fff;cursor:pointer;background:#0052cc;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.add-task button:hover{background:#0747a6}.card{justify-content:space-between;align-items:center;display:flex}.delete-btn{color:#97a0af;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.delete-btn:hover{color:#de350b}.column{position:relative;overflow:hidden}.column:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.board .column:first-child:before{background:#e20e0e}.board .column:nth-child(2):before{background:#06a4ff}.board .column:nth-child(3):before{background:#57d9a3}@media (width<=768px){.app{padding:20px}.app h1{font-size:24px}.board{padding-bottom:12px;overflow-x:auto}.column{min-width:220px}}@media (width<=480px){.board{flex-direction:column;overflow-x:visible}.column{width:100%;min-width:unset;min-height:auto}.add-task{flex-direction:column;align-items:stretch}.add-task input{width:100%}}