.board{gap:14px;display:grid}.board-list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:4px;display:flex}.board-list-head__label{font-family:var(--mono);opacity:.6;font-size:11px}.board-refresh{border:2px solid var(--ink);background:var(--paper);font-family:var(--mono);cursor:pointer;padding:7px 12px;font-size:11px;font-weight:700}.board-refresh:hover{background:var(--ink);color:var(--paper)}.board-refresh:disabled{opacity:.6;cursor:default}.board-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.board-item{border:var(--line);background:var(--paper-light);box-shadow:4px 4px 0 var(--ink);gap:12px;padding:16px 18px;display:grid}.board-item__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.board-item__who{min-width:0;font-family:var(--mono);align-items:baseline;gap:9px;font-size:11px;display:flex}.board-item__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:900;overflow:hidden}.board-item__date{opacity:.55;white-space:nowrap}.board-item__like{border:2px solid var(--ink);background:var(--paper);font-family:var(--mono);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.board-item__like:hover{background:var(--ink);color:var(--paper)}.board-item__like[data-liked=true]{background:var(--orange);color:var(--paper);border-color:var(--orange);cursor:default}.board-item__code{border:var(--line);background:var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.board-item__code-text{font-family:var(--mono);letter-spacing:.03em;color:var(--orange-hot);word-break:break-all;font-size:19px;font-weight:900;line-height:1.3}.board-item__copy{border:2px solid var(--paper);background:var(--ink);color:var(--paper);font-family:var(--mono);cursor:pointer;flex-shrink:0;padding:8px 14px;font-size:11px;font-weight:700}.board-item__copy:hover{background:var(--paper);color:var(--ink)}.board-item__note{opacity:.9;font-size:14px;line-height:1.5}.board-empty{font-family:var(--mono);opacity:.7;font-size:13px}.board-pager{justify-content:center;align-items:center;gap:10px;padding-top:4px;display:flex}.board-pager__nav{border:2px solid var(--ink);background:var(--paper-light);width:34px;height:34px;font-family:var(--mono);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.board-pager__nav:hover:not(:disabled){background:var(--ink);color:var(--paper)}.board-pager__nav:disabled{opacity:.35;cursor:default}.board-pager__select-wrap{font-family:var(--mono);opacity:.8;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.board-pager__select{border:2px solid var(--ink);background:var(--paper-light);font-family:var(--mono);cursor:pointer;padding:6px 8px;font-size:12px;font-weight:700}.board-divider{font-family:var(--mono);letter-spacing:.06em;opacity:.6;text-transform:uppercase;align-items:center;gap:12px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.board-divider:before,.board-divider:after{content:"";border-top:2px dashed var(--ink);opacity:.4;flex:1}.board-form{border:var(--line);background:var(--paper-light);box-shadow:var(--shadow);gap:10px;padding:18px;display:grid}.board-form input{border:2px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);font-family:var(--body);outline:0;padding:12px 13px}.board-form__row{gap:10px;display:grid}.hp-field{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-form__submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.board-form__hint{font-family:var(--mono);opacity:.7;max-width:40ch;font-size:11px}.board-form button{border:var(--line);color:var(--paper);background:var(--ink);box-shadow:5px 5px 0 var(--orange);cursor:pointer;white-space:nowrap;padding:12px 20px;font-weight:900}.board-form button:hover{box-shadow:6px 6px 0 var(--orange);transform:translate(-1px,-1px)}.board-form button:disabled{opacity:.6;cursor:default;transform:none}.board-form__status{font-family:var(--mono);min-height:1.4em;margin:0;font-size:12px}.board-form__status[data-kind=ok]{color:#15803d}.board-form__status[data-kind=error]{color:var(--orange)}