.board{width:100%}.board-notes{columns:4 220px;outline:none;column-gap:12px}.note{break-inside:avoid;background:var(--tone-0);min-width:0;animation:slip-in .7s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;margin-bottom:12px;display:flex}.note-body{word-break:normal;font:400 clamp(1.0625rem,1rem + .25vw,1.1875rem)/1.85 var(--display);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;padding:22px 20px 18px}.note-strip{background:var(--strip-0);font-size:var(--step-small);font-variant-numeric:tabular-nums;flex-direction:column-reverse;gap:2px;padding:10px 20px 12px;line-height:1.5;display:flex}.note-strip-row{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.note-name{font-weight:700;font-size:var(--step-body);overflow-wrap:anywhere}.note-tone-1{background:var(--tone-1)}.note-tone-1 .note-strip{background:var(--strip-1)}.note-tone-2{background:var(--tone-2)}.note-tone-2 .note-strip{background:var(--strip-2)}.note-tone-3{background:var(--tone-3)}.note-tone-3 .note-strip{background:var(--strip-3)}@keyframes slip-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.board-first-message{column-span:all;background:var(--tone-0);text-align:center;font:500 var(--step-lead)/1.6 var(--display);flex-direction:column;align-items:center;gap:20px;padding:64px 16px;display:flex}.board-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.board-pagination button{background:var(--tone-1);border:0;min-height:48px;padding:0 18px;font-weight:700;transition:background-color .2s}.board-pagination button:hover:not(:disabled){background:var(--strip-3)}.board-pagination button:disabled{opacity:.4;cursor:default}.board-pagination p{font-size:var(--step-small);color:var(--muted);font-variant-numeric:tabular-nums}.board-latest-note{font-size:var(--step-small);color:var(--muted);margin-top:16px}@media (max-width:1000px){.board-notes{columns:2}}@media (max-width:600px){.board-notes{columns:1}}@media (max-width:480px){.note-body{padding:18px 16px 14px}.note-strip{padding:10px 16px 12px}}