.feed{display:grid}.feed__day+.feed__day{margin-top:var(--space-5)}.feed__date{font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--t-body);color:var(--ink-2);border-bottom:1px solid var(--rule-strong);padding-bottom:6px}.feed__list{margin:0;padding:0;list-style:none}.feed__list>li+li .act{border-top:1px solid var(--rule)}.feed__end{padding-top:var(--space-5);justify-content:center;display:flex}.feed__caught{font-family:var(--serif);color:var(--ink-3);font-style:italic}.feed__note{padding:var(--space-4) 0}.feed__skel-date{width:90px;height:16px;margin-bottom:6px}.feed__skel-avatar{border-radius:50%;width:34px;height:34px}.feed__skel-cover{aspect-ratio:2/3;width:40px}.act{grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:0 14px;padding:14px 0;display:grid}.act__avatar{border-radius:50%}.act__main{gap:8px;min-width:0;display:grid}.act__line{font-size:var(--t-md);color:var(--ink-2);overflow-wrap:anywhere;padding-top:5px;line-height:1.5}.act__line .username{color:var(--ink)}.act__line .demo-tag{vertical-align:1px;margin:0 2px 0 6px;display:inline-flex}.act__book{font-family:var(--serif);color:var(--ink);font-size:1.1em;font-style:italic;line-height:1.2}.act__book:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.act__meta{vertical-align:-1px;white-space:nowrap;align-items:center;gap:6px;margin-left:10px;display:inline-flex}.act__time{font-size:var(--t-xs);color:var(--ink-3)}.act__heart{color:var(--heart);fill:currentColor;stroke:none}.act__thumb{width:40px}.act__cover{transition:transform .22s var(--ease-out);display:block}.act__cover:hover{transform:translateY(-2px)}.act__cover .cover__cloth-author,.act__cover .cover__cloth-rule{display:none}.act__cover .cover__cloth-title{font-size:7px}.act__review{gap:6px;display:grid}.act__byline{align-items:center;gap:6px;display:flex}.act__text{max-width:62ch;color:var(--ink);font-size:16px;line-height:1.58}.act__text p+p{margin-top:.6em}.act__clamp{max-height:7.268em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.act__spoiler{font-size:var(--t-md);padding:8px 12px}.act__foot{align-items:center;gap:12px;display:flex}.act__comments{font-size:var(--t-xs);color:var(--ink-3);align-items:center;gap:5px;display:inline-flex}.act__comments:hover,.act__more:hover{color:var(--ink)}.act__more{font-size:var(--t-xs);color:var(--ink-2)}.act__comment{justify-items:start;gap:4px;display:grid}.act__quote{font-family:var(--serif);color:var(--ink);max-width:62ch;font-size:16px;line-height:1.5}.act__reply{color:var(--ink-3);align-items:center;gap:4px;display:inline-flex}.act__reply:hover{color:var(--ink)}.act__progress{gap:6px;max-width:260px;display:grid}.act__list{justify-self:start;align-items:flex-end;gap:12px;display:inline-flex}.act__list:hover .listfan__cover{transform:translateY(-2px)}.minispines{justify-self:start;max-width:100%;overflow:hidden}.minispines__row{border-bottom:3px solid var(--wood);align-items:flex-end;gap:1px;padding:0 6px;display:flex;box-shadow:0 4px 6px -4px #00000080}.minispine{background:linear-gradient(180deg, transparent 16%, var(--ac,transparent) 16%, var(--ac,transparent) 19%, transparent 19%), linear-gradient(90deg, #00000038, #ffffff14 40%, #0000002e), var(--bg,var(--spine-blank));transition:transform .16s var(--ease-out);border-radius:1.5px 1.5px 0 0;flex:none;display:block}.minispine:hover{transform:translateY(-3px)}.listfan{flex:none;position:relative}.listfan--md{aspect-ratio:100/49;width:100%;max-width:340px}.listfan--sm{width:118px;height:58px}.listfan__cover{width:32%;transition:transform .26s var(--ease-out);position:absolute;top:0}.listfan__cover .cover{box-shadow:5px 0 12px -6px #0009,0 8px 16px -10px #0009}.listfan--sm .cover__cloth{display:none}.listfan__none{border:1px dashed var(--rule-strong);border-radius:var(--radius);height:100%;color:var(--ink-3);font-size:var(--t-sm);place-items:center;display:grid}.coverstrip{flex-wrap:wrap;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.coverstrip li{width:34px}.coverstrip a{transition:transform .2s var(--ease-out);display:block}.coverstrip a:hover{transform:translateY(-2px)}.coverstrip .cover__cloth{display:none}.coverstrip__more{font-size:var(--t-xs);color:var(--ink-3);align-self:center;width:auto!important}.progressrule{background:var(--rule);border-radius:2px;height:3px;display:block;overflow:hidden}.progressrule i{background:var(--accent);border-radius:inherit;height:100%;display:block}.member{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"avatar text favs action";align-items:center;gap:4px 18px;padding:18px 0;display:grid}.member:last-child{border-bottom:0}.member__avatar{border-radius:50%;grid-area:avatar;align-self:start}.member__text{grid-area:text;gap:2px;min-width:0;display:grid}.member__name{font-family:var(--serif);font-size:var(--t-lg);flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.2;display:flex}.member__name a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.member__badge{border:1px solid var(--rule-strong);height:18px;font-family:var(--sans);color:var(--ink-2);border-radius:999px;align-items:center;padding:0 7px;font-size:11px;display:inline-flex}.member__handle{font-size:var(--t-xs);color:var(--ink-3);flex-wrap:wrap;gap:4px 10px;display:flex}.member__lock{align-items:center;gap:4px;display:inline-flex}.member__reason{font-size:var(--t-xs);color:var(--accent);margin-top:2px}.member__bio{font-family:var(--serif);font-size:var(--t-md);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:56ch;margin-top:4px;line-height:1.45;display:-webkit-box;overflow:hidden}.member__counts{font-size:var(--t-xs);color:var(--ink-3);margin-top:4px}.member__favs{grid-area:favs;grid-template-columns:repeat(4,40px);gap:6px;margin:0;padding:0;list-style:none;display:grid}.member__favs a{transition:transform .2s var(--ease-out);display:block}.member__favs a:hover{transform:translateY(-2px)}.member__favs .cover__cloth{display:none}.member__action{grid-area:action}.member--compact{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar text action";gap:2px 12px;padding:12px 0}.member--compact .member__name{font-size:var(--t-body)}.member--compact .member__avatar{align-self:center}@media (width<=720px){.member{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar text action""avatar favs favs";gap:10px 12px}.member__favs{grid-template-columns:repeat(4,36px)}.member__name{font-size:var(--t-body)}}@media (width<=560px){.act{grid-template-columns:30px minmax(0,1fr) auto;gap:0 10px}.act__avatar .avatar{width:30px!important;height:30px!important}.act__thumb{width:34px}.act__meta{margin-left:6px}.act__text,.act__quote{font-size:15.5px}.member .follow-btn{min-width:0}}.plists{gap:var(--space-7) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.plist{gap:var(--space-4);display:grid}.plist:hover .listfan__cover{transform:translateY(-4px)}.plist:hover .listfan__cover:nth-child(2){transform:translateY(-4px)translate(5px)}.plist:hover .listfan__cover:nth-child(3){transform:translateY(-4px)translate(10px)}.plist:hover .listfan__cover:nth-child(4){transform:translateY(-4px)translate(15px)}.plist:hover .listfan__cover:nth-child(5){transform:translateY(-4px)translate(20px)}.plist__title{font-family:var(--serif);font-weight:420;font-size:var(--t-lg);line-height:1.2}.plist:hover .plist__title{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.plist__meta{font-size:var(--t-xs);color:var(--ink-2);margin-top:4px}.plist__likes{color:var(--ink-3);align-items:center;gap:3px;margin-left:8px;display:inline-flex}.plist__desc{font-family:var(--serif);font-size:var(--t-md);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}@media (width<=560px){.plists{gap:var(--space-6);grid-template-columns:1fr}}
