@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,600&family=Nunito:wght@400;600;700&display=swap";:root{--paper:#fbf6ec;--rule:#d9cfc0;--margin:#d98a8a;--graphite:#332e28;--graphite-soft:#7a6f63;--edge:#6b6055;--rose:#d4849a}*{box-sizing:border-box}body{color:var(--graphite);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"), repeating-linear-gradient(var(--paper) 0 23px, var(--rule) 23px 24px);margin:0;font-family:Nunito,system-ui,sans-serif}.app{max-width:1080px;margin:0 auto;padding:3rem 2rem 5rem 4.5rem;position:relative}.app:before{content:"";border-left:1px solid var(--margin);border-right:1px solid #d98a8a59;width:4px;position:absolute;top:0;bottom:0;left:3rem}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}header h1{letter-spacing:-.015em;color:#2e2822;margin:0;font-family:Fraunces,Georgia,serif;font-size:2.6rem;font-style:italic;font-weight:600;transform:rotate(-.7deg)}.presence{flex-wrap:wrap;gap:1.1rem;display:flex}.pill{color:var(--graphite-soft);align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:flex}.pill:before{content:"";background:linear-gradient(to bottom, var(--pencil,var(--rose)) 0 66%, #e8d9c0 66% 80%, #4a4139 80% 90%, #332e28 90% 100%);width:7px;height:42px;transform:rotate(var(--tilt,10deg));border-radius:1px 1px 2px 2px}.board{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.75rem;display:grid}.column{border-radius:10px;padding:.5rem;transition:background .15s}.column h2{color:#4a4139;border-bottom:2px dashed #c4b7a5;margin:0 0 1.1rem;padding-bottom:.4rem;font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-style:italic;font-weight:600;transform:rotate(-.4deg)}.column.over{background:#d4849a1c}.card{border:1.5px solid var(--edge);width:auto;min-width:55%;max-width:100%;color:var(--graphite);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffefb;border-radius:14px 4px 16px 5px;margin-bottom:.8rem;padding:.65rem .9rem;font-size:.95rem;font-weight:600;line-height:1.3;transition:box-shadow .14s;display:inline-block;box-shadow:2px 3px #332e2829}.card:nth-of-type(2n){border-radius:4px 15px 5px 14px;margin-left:.6rem}.card:hover{box-shadow:3px 4px #332e2838}.card.dragging{cursor:grabbing;z-index:10;box-shadow:6px 8px #332e2833}.add-card{width:100%;font:inherit;color:var(--graphite);background:0 0;border:2px dashed #cbbda9;border-radius:10px 4px 12px 5px;padding:.85rem 1rem;font-size:.95rem;font-weight:600}.add-card::placeholder{color:#b0a493;font-weight:400}.add-card:focus{border-style:solid;border-color:var(--rose);background:#fffefb;outline:none}.loading{text-align:center;color:var(--graphite-soft);padding:5rem;font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-style:italic}@media (width<=720px){.board{grid-template-columns:1fr}.app{padding:2rem 1rem 3rem 3rem}.app:before{left:1.75rem}header h1{font-size:2rem}}