:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.stage{background:#d8d8d8;place-items:center;min-height:100svh;padding:24px;display:grid}@media (prefers-color-scheme:dark){.stage{background:#202124}}.board-wrap{flex-direction:column;align-items:center;gap:20px;max-width:1100px;display:flex}.board{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.add-postit{color:#3a3a3a;cursor:pointer;background:#00000014;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem}.add-postit:hover:not(:disabled){background:#00000026}.add-postit:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){.add-postit{color:#eee;background:#ffffff1f}.add-postit:hover:not(:disabled){background:#fff3}}.postit-count{opacity:.7;font-size:.8rem}.empty-state{color:#00000080;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){.empty-state{color:#fff9}}.postit{--postit-color:#fff59d;background:var(--postit-color);flex-direction:column;gap:12px;width:min(90vw,300px);height:min(70vh,300px);padding:20px;display:flex;transform:rotate(-1.5deg);box-shadow:6px 8px 18px #00000047}.postit:nth-child(2n){transform:rotate(1.5deg)}.postit[data-color=yellow]{--postit-color:#fff59d}.postit[data-color=pink]{--postit-color:#f8bbd0}.postit[data-color=blue]{--postit-color:#90caf9}.postit[data-color=green]{--postit-color:#a5d6a7}.postit[data-color=orange]{--postit-color:#ffcc80}.postit[data-color=purple]{--postit-color:#ce93d8}.postit textarea{resize:none;color:#3a3a3a;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:1.15rem;line-height:1.4}.postit textarea::placeholder{color:#00000059}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.colors{order:-1;gap:6px;width:100%;display:flex}.swatch{cursor:pointer;border:2px solid #00000040;border-radius:50%;width:18px;height:18px;padding:0}.swatch[data-color=yellow]{background:#fff59d}.swatch[data-color=pink]{background:#f8bbd0}.swatch[data-color=blue]{background:#90caf9}.swatch[data-color=green]{background:#a5d6a7}.swatch[data-color=orange]{background:#ffcc80}.swatch[data-color=purple]{background:#ce93d8}.swatch.active{border-color:#0009}.status{color:#00000073;min-height:1em;font-size:.75rem}.toolbar button{color:#3a3a3a;cursor:pointer;background:#00000014;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem}.toolbar button:hover{background:#00000026}