.rd-note-grid-wrap{padding:var(--rd-space-2) 6px}.rd-note-grid{columns:2 160px;column-gap:6px}@media (width>=761px){.rd-note-grid-wrap{padding-inline:var(--rd-space-3)}.rd-note-grid{columns:4 200px;column-gap:var(--rd-space-4)}}.rd-note-card{break-inside:avoid;margin:0 0 var(--rd-space-3);background:0 0;flex-direction:column;display:flex}.rd-note-cover{background:var(--rd-sunken);color:var(--rd-accent-ink);border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.rd-note-cover img{object-fit:cover;width:100%;height:100%;display:block}.rd-note-cover{transition:transform var(--rd-dur-fast) var(--rd-ease);-webkit-tap-highlight-color:transparent}.rd-note-cover:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.rd-note-cover{transition:none}.rd-note-cover:active{transform:none}}.rd-note-cover img[data-fade]{transition:opacity var(--rd-dur-base) var(--rd-ease)}.rd-note-cover img[data-fade=wait]{opacity:0}@media (prefers-reduced-motion:reduce){.rd-note-cover img[data-fade]{transition:none}.rd-note-cover img[data-fade=wait]{opacity:1}}.rd-note-cover:focus-visible{outline:var(--rd-focus-width) solid var(--rd-accent);outline-offset:var(--rd-focus-offset)}.rd-note-cover[data-text]{aspect-ratio:3/4;padding:var(--rd-space-4) var(--rd-space-4);align-items:center;display:flex}.rd-note-cover[data-tint="0"]{background:var(--rd-accent-soft)}.rd-note-cover[data-tint="1"]{background:color-mix(in srgb, var(--rd-accent) 12%, var(--rd-surface))}.rd-note-cover[data-tint="2"]{background:color-mix(in srgb, var(--rd-accent) 20%, var(--rd-surface))}.rd-note-cover-text{-webkit-line-clamp:7;color:var(--rd-accent-ink);font-size:var(--rd-fs-body,15px);font-weight:var(--rd-fw-bold,600);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.rd-note-lock,.rd-note-chip{border-radius:var(--rd-radius-full,999px);background:var(--rd-surface);color:var(--rd-ink-2,var(--rd-ink));opacity:.94;align-items:center;gap:2px;padding:0 8px;font-size:11px;line-height:20px;display:inline-flex;position:absolute}.rd-note-lock{top:8px;left:8px}.rd-note-chip{bottom:8px;left:8px}.rd-note-body{padding:var(--rd-space-2) 4px 0;flex-direction:column;gap:6px;display:flex}.rd-note-title{-webkit-line-clamp:2;color:var(--rd-ink);font-size:14px;font-weight:var(--rd-fw-medium,500);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.45;text-decoration:none;display:-webkit-box;overflow:hidden}.rd-note-title:hover{color:var(--rd-accent-ink)}.rd-note-tags{min-width:0;margin:0;display:flex}.rd-note-tags span{color:var(--rd-ink-3,var(--rd-ink));text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.rd-note-foot{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.rd-note-author{min-width:0;color:var(--rd-ink-2,var(--rd-ink));font-size:var(--rd-fs-meta,12px);align-items:center;gap:6px;display:inline-flex}.rd-note-author .rd-avatar{--rd-avatar-size:20px;flex:none;width:20px;height:20px}.rd-note-author-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rd-note-likes{color:var(--rd-ink-2,var(--rd-ink));font-size:var(--rd-fs-meta,12px);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:3px;display:inline-flex}.rd-note-empty{padding:var(--rd-space-6,32px) var(--rd-space-4,16px);text-align:center}.rd-note-vis{border:1px solid var(--rd-line);border-radius:var(--rd-radius-full);background:var(--rd-surface);gap:2px;padding:2px;display:inline-flex}.rd-note-vis .rd-note-vis-option{min-height:32px;padding:0 var(--rd-space-3);border-radius:var(--rd-radius-full);color:var(--rd-ink-3);font:inherit;font-size:var(--rd-fs-small);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.rd-note-vis .rd-note-vis-option[aria-pressed=true]{background:var(--rd-accent-soft);color:var(--rd-accent-ink);font-weight:var(--rd-fw-bold)}.rd-note-vis .rd-note-vis-option:disabled{cursor:not-allowed;opacity:.6}.rd-note-vis .rd-note-vis-option:focus-visible{outline:2px solid var(--rd-accent);outline-offset:1px}.rd-note-vis-row{padding:var(--rd-space-2) var(--rd-space-4) 0;justify-content:center;display:flex}@media (width<=480px){.rd-note-vis-row .rd-note-vis{flex:1}.rd-note-vis-row .rd-note-vis-option{flex:1;justify-content:center}}.rd-note-card-skel{background:var(--rd-sunken);border-radius:12px;height:200px}.rd-note-card-skel[data-tall]{height:260px}.rd-pf-notes{padding-top:var(--rd-space-2)}
