.fi__card{background:var(--card-bg,#fff);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);padding:14px 16px 16px;overflow:visible}.dark .fi__card{background:var(--dark-card-bg,#242526);box-shadow:none;border:1px solid #3a3b3c}.fi__card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fi__card__header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.fi__card__title{font-size:17px;font-weight:600;color:#050505;line-height:1.2}.dark .fi__card__title{color:#e4e6eb}.fi__card__see-all{font-size:15px;font-weight:500;color:var(--color-primary,#307777);cursor:pointer;white-space:nowrap;text-decoration:none;transition:opacity .15s}.fi__card__see-all:hover{opacity:.8}.fi__card__dismiss{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#65676b;background:transparent;border:none;font-size:18px;transition:background .15s;flex-shrink:0;margin-left:4px}.fi__card__dismiss:hover{background:#f0f2f5}.dark .fi__card__dismiss{color:#b0b3b8}.dark .fi__card__dismiss:hover{background:#3a3b3c}.fi__carousel-wrap{position:relative;margin:0 -2px;padding:0 2px}.fi__carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:var(--card-bg,#fff);color:#050505;box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06);transition:background .15s,box-shadow .15s,transform .1s}.fi__carousel-arrow:hover{background:#f0f2f5;box-shadow:0 3px 12px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.08)}.fi__carousel-arrow:active{transform:translateY(-50%) scale(.93)}.fi__carousel-arrow--left{left:-8px}.fi__carousel-arrow--right{right:-8px}.dark .fi__carousel-arrow{background:#3a3b3c;color:#e4e6eb;box-shadow:0 2px 8px rgba(0,0,0,.4)}.dark .fi__carousel-arrow:hover{background:#4e4f50}.fi__card__carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 4px 6px;margin:0 -4px}.fi__card__carousel::-webkit-scrollbar{display:none}.fi__item{flex:0 0 auto;width:180px;border-radius:10px;border:1px solid #e4e6eb;overflow:hidden;scroll-snap-align:start;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:var(--card-bg,#fff);display:flex;flex-direction:column}.fi__item:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .fi__item{border-color:#3a3b3c;background:#2d2e2f}.dark .fi__item:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.fi__item__cover{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block;background:#f0f2f5}.dark .fi__item__cover{background:#3a3b3c}.fi__item__avatar-wrap{display:flex;justify-content:center;padding-top:16px;padding-bottom:4px}.fi__item__avatar{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e4e6eb;background:#f0f2f5}.dark .fi__item__avatar{border-color:#3a3b3c;background:#3a3b3c}.fi__item__body{padding:6px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;flex:1}.fi__item__name{font-size:14.5px;font-weight:600;color:#050505;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-height:1.3em}.dark .fi__item__name{color:#e4e6eb}.fi__item__subtitle{font-size:12px;color:#65676b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:16px}.dark .fi__item__subtitle{color:#b0b3b8}.fi__item__action-btn{width:100%;padding:7px 12px;border-radius:6px;font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s;margin-top:auto}.fi__item__action-btn--primary{background:var(--color-primary,#307777);color:#fff}.fi__item__action-btn--primary:hover{opacity:.9}.fi__item__action-btn--secondary{background:#e4e6eb;color:#050505}.fi__item__action-btn--secondary:hover{background:#d8dadf}.dark .fi__item__action-btn--secondary{background:#3a3b3c;color:#e4e6eb}.dark .fi__item__action-btn--secondary:hover{background:#4e4f50}.fi__item__remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .15s}.fi__item:hover .fi__item__remove{opacity:1}.fi__item__info{padding:8px 12px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.fi__item__actions{padding:4px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:auto}.fi__reel-carousel-item{flex:0 0 auto;width:120px;aspect-ratio:9/16;position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background:#000;scroll-snap-align:start;display:block}.fi__reel-carousel-item .fi__reel-item__thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fi__reel-carousel-item .fi__reel-item__overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;flex-direction:column;gap:2px}.fi__reel-carousel-item .fi__reel-item__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:0;transition:opacity .15s}.fi__reel-carousel-item:hover .fi__reel-item__play{opacity:1}.fi__reel-carousel-item .fi__reel-item__stats{font-size:11px;color:hsla(0,0%,100%,.9);display:flex;align-items:center;gap:4px}.fi__reel-carousel-item .fi__reel-item__author{font-size:12px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fi__story-item{flex:0 0 auto;width:110px;text-align:center;cursor:pointer}.fi__story-item__ring{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-primary,#307777),#50b4b4);margin:0 auto 6px}.fi__story-item__ring img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--card-bg,#fff)}.dark .fi__story-item__ring img{border-color:#242526}.fi__story-item__name{font-size:12px;font-weight:500;color:#050505;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .fi__story-item__name{color:#e4e6eb}.fi__skeleton{background:#f0f2f5;border-radius:8px;animation:fi-shimmer 1.5s ease-in-out infinite}.dark .fi__skeleton{background:#3a3b3c}@keyframes fi-shimmer{0%,to{opacity:1}50%{opacity:.5}}.fi__sponsored-badge{font-size:12px;color:#65676b;font-weight:400}.dark .fi__sponsored-badge{color:#b0b3b8}@media (max-width:374px){.fi__card{padding:10px 12px 12px;border-radius:0;margin:0 -12px}.fi__card__title{font-size:15px}.fi__item{width:150px}.fi__item__avatar{width:72px;height:72px}.fi__item__name{font-size:13px}.fi__reel-carousel-item{width:100px}.fi__story-item{width:90px}.fi__story-item__ring{width:60px;height:60px}}@media (min-width:375px) and (max-width:424px){.fi__card{padding:10px 14px 12px;border-radius:0;margin:0 -12px}.fi__item{width:155px}.fi__reel-carousel-item{width:105px}}@media (min-width:425px) and (max-width:767px){.fi__card{border-radius:0;margin:0 -12px;padding:12px 14px 14px}.fi__item{width:165px}.fi__reel-carousel-item{width:110px}}@media (min-width:768px) and (max-width:1023px){.fi__item{width:175px}.fi__reel-carousel-item{width:115px}}@media (min-width:1024px){.fi__item{width:180px}.fi__reel-carousel-item{width:120px}}