body,html{margin:0;padding:0;font-family:sans-serif;background:#f7f7f7;height:100%;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}#new-task{background:#186db3;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;position:absolute;bottom:10px;right:10px}main.projects-carousel{display:flex;flex-direction:row;gap:1rem;padding:1rem;flex:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.project-wrapper{flex:0 0 auto;scroll-snap-align:center;width:100%}.project-column{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;height:90%;display:flex;flex-direction:column}.project-header{display:flex;justify-content:space-between;align-items:center}.btn-delete{background:transparent;border:none;cursor:pointer;font-size:1.2rem}.btn-add-task{margin-top:.5rem;background:#95e3ff;border:none;padding:.5rem;color:#000;border-radius:4px;cursor:pointer}.tasks-list{display:flex;flex-direction:column;overflow-y:auto;margin-top:1rem;flex-grow:1}.task-card{background:#eee;padding:.5rem;margin-bottom:.5rem;border-radius:4px;cursor:pointer}.task-card.done{text-decoration:line-through;background:#f9e2e2;display:none;order:99}.task-deadline{font-size:.8rem;color:#555;margin-top:.3rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative}.modal-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.modal-input{width:100%;padding:.5rem;margin:.5rem 0}@media (min-width: 768px){main.projects-carousel{flex-wrap:wrap;overflow-y:visible;scroll-snap-type:none;justify-content:space-between}.project-wrapper{padding:0;width:24%;height:48vh;scroll-snap-align:none}}