.sb-posts{border-left:1px solid var(--line);flex-direction:column;flex:none;gap:2px;margin:2px 0 6px 19px;padding-left:10px;display:flex}.sb-posts-new,.sb-posts-list a,.sb-posts-all{border-radius:var(--radius-10);font:500 var(--text-12_5)/18px var(--sans);color:var(--ink-2);align-items:center;gap:6px;padding:6px 8px;text-decoration:none;display:flex;position:relative}.sb-posts-new{color:var(--blue);font-weight:600}.sb-posts-all{color:var(--ink-3);font-size:var(--text-12)}.sb-posts-new:hover,.sb-posts-list a:hover,.sb-posts-all:hover{background:var(--pearl);color:var(--ink)}.sb-posts-new[aria-current=page],.sb-posts-list a[aria-current=page],.sb-posts-all[aria-current=page]{color:var(--ink);font-weight:600}.sb-posts-new[aria-current=page]:before,.sb-posts-list a[aria-current=page]:before,.sb-posts-all[aria-current=page]:before{content:"";border-radius:var(--radius-2);background:var(--blue);width:2px;position:absolute;top:6px;bottom:6px;left:-11px}.sb-posts-new[aria-current=page]{color:var(--blue)}.sb-posts-list{flex-direction:column;gap:1px;display:flex}.sb-posts-list a{flex:none}.sb-post-title{white-space:nowrap;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.sb-post-dot{background:var(--blue);border-radius:50%;flex:none;width:6px;height:6px}.sb-posts-list a.is-done{color:color-mix(in srgb, var(--ink-3) 65%, var(--pearl))}.sb-posts-list a.is-done[aria-current=page]{color:var(--ink-3)}.posts-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.posts-main>*{flex:1;min-height:0}.posts-main>.warn-note{flex:none}.posts-tools{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px;display:flex}.posts-search{border-radius:var(--radius-pill);background:var(--white);min-width:0;max-width:380px;height:40px;box-shadow:var(--sh);color:var(--ink-3);flex:220px;align-items:center;gap:8px;padding:0 14px;display:flex}.posts-search:focus-within{box-shadow:0 0 0 2px var(--blue), var(--sh)}.posts-search svg{flex:none;width:16px;height:16px}.posts-search input{min-width:0;font:500 var(--text-13)/18px var(--sans);color:var(--ink);background:0 0;outline:none;flex:1}.net-filter{align-items:center;gap:6px;display:flex}.net-chip{border-radius:var(--radius-12);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;place-items:center;padding:2px;display:grid}.net-chip:hover{transform:translateY(-1px)}.net-chip:focus-visible,.dropdown-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.net-chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--blue)}.net-chip.is-off{opacity:.45;filter:grayscale()}.net-more .dropdown-btn{height:32px;font:600 var(--text-12)/16px var(--mono);color:var(--ink-2);padding:0 10px}.net-more.has-on .dropdown-btn{box-shadow:0 0 0 2px var(--blue)}.status-menu{margin-left:auto}.post-cards{gap:10px;display:grid}.post-card{border-radius:var(--radius-20);background:var(--white);box-shadow:var(--sh);color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);grid-template-rows:auto auto;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:14px 20px 14px 14px;text-decoration:none;display:grid}.post-card:hover{transform:translateY(-1px)}.post-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.post-card-date{border-radius:var(--radius-14);background:var(--pearl);grid-row:1/span 2;align-content:center;align-self:stretch;place-items:center;padding:6px 0;display:grid}.post-card-date b{font:700 var(--text-18)/22px var(--mono)}.post-card-date span{font:600 var(--text-10_5)/14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.post-card-title{align-items:center;gap:8px;min-width:0;display:flex}.post-card-title b{min-width:0;font:600 var(--text-14_5)/20px var(--sans);white-space:nowrap;padding-right:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.post-card-title .sb-post-dot{margin-left:-26px}.post-card-nets{grid-column:2;align-items:center;gap:5px;min-width:0;display:flex}.post-card-net-names{min-width:0;font-size:var(--text-12);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-left:4px;overflow:hidden}.post-card-state{grid-area:1/3/span 2}.post-card.is-done .post-card-title b{color:var(--ink-3);font-weight:500}@media (max-width:640px){.status-menu{margin-left:0}.post-card{grid-template-columns:44px minmax(0,1fr);padding:12px 14px 12px 12px}.post-card-state{grid-area:auto/2}.post-card-date{grid-row:1/span 3}}
