.story-list[data-v-ad069dbe]{max-width:1200px;margin:0 auto;padding:24px 16px}.story-list__header[data-v-ad069dbe]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 640px){.story-list__header[data-v-ad069dbe]{flex-direction:row;justify-content:space-between;align-items:center}}.story-list__title[data-v-ad069dbe]{font-size:2rem;font-weight:700}.story-list__loading[data-v-ad069dbe]{text-align:center;padding:32px 0}.story-list__spinner[data-v-ad069dbe]{width:48px;height:48px;border:3px solid transparent;border-top-color:#4f46e5;border-bottom-color:#4f46e5;border-radius:50%;margin:0 auto;animation:spin-ad069dbe 1s linear infinite}@keyframes spin-ad069dbe{to{transform:rotate(360deg)}}.story-list__loading p[data-v-ad069dbe]{margin-top:16px;color:#666}.story-list__error[data-v-ad069dbe]{background:#fee2e2;border:1px solid #f87171;color:#b91c1c;padding:16px;border-radius:6px}.story-list__empty[data-v-ad069dbe]{text-align:center;padding:32px;color:#666}.story-list__grid[data-v-ad069dbe]{display:grid;gap:24px}@media (min-width: 768px){.story-list__grid[data-v-ad069dbe]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.story-list__grid[data-v-ad069dbe]{grid-template-columns:repeat(3,1fr)}}.story-card[data-v-ad069dbe]{overflow:hidden;box-shadow:0 1px 4px #0000001a;transition:box-shadow .2s;border-bottom:1px black solid;text-align:center}.story-card[data-v-ad069dbe]:hover{box-shadow:0 4px 12px #00000026}.story-card__title[data-v-ad069dbe]{font-size:20px;font-weight:400}.story-card__author[data-v-ad069dbe]{font-size:14px}.story-card__actions[data-v-ad069dbe]{display:flex;gap:12px;justify-content:center;margin:21px auto}.story-card__link[data-v-ad069dbe]{color:var(--color-white);background:var(--color-button-background);text-decoration:none;width:105px;font-size:14px;height:40px;box-sizing:border-box;text-align:center;line-height:40px;border-radius:40px}