.story-list{color:#e5e5e5;background:radial-gradient(circle at top,#1e1b2f 0,#05030a 55%,#000 100%);justify-content:center;min-height:100vh;padding:3rem 1.5rem 4rem;display:flex}.story-list__inner{flex-direction:column;gap:2.5rem;width:100%;max-width:960px;margin:0 auto;display:flex}.story-list__state{text-align:center;padding:2rem 0;font-size:1.2rem}.story-list__state--error{color:#f36}.story-list__title{text-transform:uppercase;letter-spacing:.14em;color:#f36;text-align:center;border-bottom:1px solid #7a000059;margin:0 auto;padding-bottom:.5rem;font-size:1.6rem;font-weight:700;display:inline-block}.story-list__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.story-list__filter-card{background:linear-gradient(145deg,#05030a,#0b0714);border:1px solid #7a0000a6;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem 1rem 1rem;display:flex;box-shadow:0 10px 28px #0000008c}.story-list__filter-title{letter-spacing:.08em;text-transform:uppercase;color:#f36;text-align:center;font-size:1rem;font-weight:700}.story-list__filter-scroll{scrollbar-width:thin;align-self:center;gap:.6rem;padding:0 .5rem .35rem;display:flex;overflow-x:auto}.story-list__filter-scroll::-webkit-scrollbar{height:4px}.story-list__filter-scroll::-webkit-scrollbar-thumb{background:#7a00008c;border-radius:10px}.story-list__filter-pill{white-space:nowrap;text-transform:uppercase;color:#e5e5e5;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:.8rem;transition:all .15s}.story-list__filter-pill:hover{cursor:pointer}.story-list__filter-pill--active{color:#f36;background:#e4002b40;border-color:#e4002ba6;box-shadow:0 0 12px #e4002b66}.story-card{color:#fff;background:#0d0d14;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.story-card__img-wrap{aspect-ratio:16/9;width:100%;overflow:hidden}.story-card__img-wrap .story-card__img{object-fit:cover;width:100%;height:100%;display:block}.story-card__meta{flex-direction:column;flex:1;gap:.45rem;padding:.85rem 1rem 1.1rem;display:flex}.story-card .story-card__footer{color:#ffffff80;text-align:right;letter-spacing:.35px;padding:.75rem 1.25rem 1rem;font-size:.75rem}.story-card__header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.story-card__user{font-size:.95rem;font-weight:600}.story-card__categories{flex-wrap:wrap;gap:.3rem;display:flex}.story-card__badge{letter-spacing:.03em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:.65rem}.story-card__artists{opacity:.8;margin-top:-.15rem;font-size:.75rem}.story-card__snippet{opacity:.85;margin-top:.25rem;font-size:.8rem;line-height:1.25}.story-card{color:#e5e5e5;background:linear-gradient(145deg,#05030a,#0b0714);border:1px solid #7a0000b3;border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex;overflow:hidden;box-shadow:0 10px 28px #0009}.story-card:hover{box-shadow:0 20px 40px #000000bf}.story-card__img-wrap{background:#111;justify-content:center;align-items:center;height:160px;display:flex}.story-card__img{object-fit:cover;width:100%;height:100%}.story-card__img-fallback{opacity:.7;font-size:.9rem}.story-card__meta{flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.story-card__user{color:#aa0923;font-size:1rem;font-weight:600}.story-card__snippet{opacity:.85;font-size:.85rem;line-height:1.45}@media (max-width:768px){.story-list{padding:2rem 1rem 3rem}.story-list__title{font-size:1.4rem}.story-card__img-wrap{height:140px}.story-list__filter-scroll{scrollbar-width:thin;align-self:stretch;gap:.6rem;width:100%;max-width:100%;margin-bottom:10px;padding:0 .5rem 1rem;display:flex;overflow-x:auto}}