.home-stories{margin-bottom:18px}
.home-stories__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.home-stories__title{margin:0;font-size:18px;font-weight:700}
.home-stories__row{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}
.home-story{flex:0 0 auto;width:74px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}
.home-story__ring{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:rgba(127,127,127,.25)}
.home-story--active .home-story__ring{background:linear-gradient(135deg,#276fdb,#7b2ff7)}
.home-story--expiring .home-story__ring{background:#ffc107}
.home-story--expired .home-story__ring{background:rgba(127,127,127,.35)}
.home-story--following .home-story__ring{background:rgba(39,111,219,.35)}
.home-story__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#fff}
.home-story__avatar--ph{display:flex;align-items:center;justify-content:center;background:rgba(39,111,219,.16);color:#276fdb;font-weight:700;text-transform:uppercase;font-size:22px}
.home-story__dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}
.home-story__dot--warn{background:#ffc107}
.home-story__dot--off{background:rgba(127,127,127,.6)}
.home-story__name{max-width:74px;font-size:12px;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-stories__videos{margin-top:16px}

.home-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.home-tab{padding:8px 16px;border-radius:999px;border:1px solid rgba(127,127,127,.28);background:transparent;color:inherit;font-size:14px;font-weight:600;cursor:pointer}
.home-tab:hover{border-color:#276fdb}
.home-tab.active{background:#276fdb;border-color:#276fdb;color:#fff}
.home-tab-empty{padding:40px 18px;text-align:center;color:rgba(127,127,127,.95);font-size:14px}

.home-creators__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-creators__title{margin:0;font-size:20px;font-weight:700}
.home-creators__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}

.home-creator{display:flex;flex-direction:column;border-radius:14px;border:1px solid rgba(127,127,127,.2);background:rgba(127,127,127,.04);overflow:hidden;text-decoration:none;color:inherit;padding-bottom:12px}
.home-creator__cover{position:relative;display:block;aspect-ratio:16/9;background:rgba(127,127,127,.12);overflow:hidden}
.home-creator__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.home-creator__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#fff}
.home-creator__badge--trending{background:#e8590c}
.home-creator__avatar-wrap{position:relative;z-index:1;margin:-22px 0 6px 12px}
.home-creator__avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:3px solid var(--card-bg,#fff);display:block}
.home-creator__avatar--ph{display:flex;align-items:center;justify-content:center;background:rgba(39,111,219,.16);color:#276fdb;font-weight:700;text-transform:uppercase;font-size:18px}
.home-creator__name{padding:0 12px;font-weight:600;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-creator__stats{padding:4px 12px 0;font-size:12px;color:rgba(127,127,127,.95)}

.home-creator--cta{align-items:center;justify-content:center;text-align:center;border-style:dashed;border-color:rgba(39,111,219,.5);background:rgba(39,111,219,.05);padding:18px;gap:8px}
.home-creator__cta-plus{font-size:34px;line-height:1;color:#276fdb}
.home-creator__cta-text{font-size:14px;font-weight:600;color:#276fdb}

html.dark .home-story__ring{background:#2A2F34}
html.dark .home-story--active .home-story__ring{background:linear-gradient(135deg,#276fdb,#7b2ff7)}
html.dark .home-story--expiring .home-story__ring{background:#ffc107}
html.dark .home-story--expired .home-story__ring{background:#2A2F34}
html.dark .home-story--following .home-story__ring{background:rgba(39,111,219,.45)}
html.dark .home-story__avatar{background:#121214}
html.dark .home-story__avatar--ph{background:rgba(39,111,219,.22);color:#fff}
html.dark .home-story__dot{border-color:#121214}
html.dark .home-tab{border-color:#2A2F34;color:#fff}
html.dark .home-tab:hover{border-color:#276fdb}
html.dark .home-tab.active{background:#276fdb;border-color:#276fdb;color:#fff}
html.dark .home-tab-empty{color:#6D7379}
html.dark .home-creator{border-color:#2A2F34;background:#121214}
html.dark .home-creator__cover{background:#0B0B0C}
html.dark .home-creator__avatar{border-color:#121214}
html.dark .home-creator__avatar--ph{background:rgba(39,111,219,.22);color:#fff}
html.dark .home-creator__stats{color:#6D7379}
html.dark .home-creator--cta{border-color:rgba(39,111,219,.55);background:rgba(39,111,219,.08)}
html.dark .home-stories__title{color:#fff}
html.dark .home-story__name{color:#fff}
html.dark .home-creators__title{color:#fff}
html.dark .home-creator__name{color:#fff}