.pull-refresh-indicator {
      position: absolute;
      top: calc(var(--safe-top) + 72px);
      left: 0;
      right: 0;
      z-index: 80;
      display: grid;
      place-items: center;
      pointer-events: none;
      opacity: 0;
      transform: translateY(calc((var(--pull-distance, 0px) * .55) - 54px));
      transition: opacity .16s ease, transform .16s ease;
    }

    .pull-refresh-indicator.active {
      opacity: 1;
    }

    .pull-refresh-bubble {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      background: linear-gradient(135deg, var(--primary), var(--primary-2));
      box-shadow: 0 12px 28px rgba(248,113,113,.24);
      transform: rotate(calc((var(--pull-distance, 0px) / 78) * 180deg));
      transition: transform .18s ease;
    }

    .pull-refresh-indicator.ready .pull-refresh-bubble {
      transform: rotate(180deg);
    }

    .pull-refresh-indicator.refreshing .pull-refresh-bubble {
      animation: pullSpin .75s linear infinite;
    }

    @keyframes pullSpin {
      to { transform: rotate(540deg); }
    }
    
    .filters-row-simple {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      scrollbar-width: none;
      padding: 0 0 12px;
    }
    
    .filters-row-simple::-webkit-scrollbar {
      display: none;
    }
    
    .filter-chip-simple {
      flex: 0 0 auto;
      min-height: 36px;
      padding: 8px 16px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: var(--panel);
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
      white-space: nowrap;
      transition: all .15s ease;
    }
    
    .filter-chip-simple.active {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(135deg, var(--primary), var(--primary-2));
    }
    
    .filter-chip-simple:active {
      transform: scale(0.97);
    }
    
    .reel-center-icon-overlay {
      position: absolute;
      inset: 0;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }
    
    .reel-center-icon-overlay i {
      font-size: 48px;
      color: rgba(255,255,255,0.9);
      background: rgba(0,0,0,0.4);
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      backdrop-filter: blur(4px);
      opacity: 0;
      transform: scale(0.5);
    }
    
    .reel-center-icon-overlay.animate-icon i {
      animation: reelIconPop 0.8s ease forwards;
    }
    
    @keyframes reelIconPop {
      0% { opacity: 0; transform: scale(0.5); }
      20% { opacity: 1; transform: scale(1.1); }
      40% { opacity: 1; transform: scale(1); }
      100% { opacity: 0; transform: scale(1.2); }
    }
    
    .reel-item.reel-paused-by-user .reel-center-icon-overlay i.fa-play {
      opacity: 1;
      transform: scale(1);
      animation: none;
    }
    
    .reel-item.reel-holding .reel-gradient-overlay,
    .reel-item.reel-holding .reel-top-bar,
    .reel-item.reel-holding .reel-content-area,
    .reel-item.reel-holding .reel-actions-column {
      opacity: 0;
      transition: opacity 0.2s ease;
      pointer-events: none;
    }
    
    .reel-gradient-overlay,
    .reel-top-bar,
    .reel-content-area,
    .reel-actions-column {
      transition: opacity 0.3s ease;
    }
    
    .ig-comment-form {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 12px calc(10px + var(--safe-bottom));
      border-top: 1px solid var(--line);
      background: var(--panel);
    }
    
    .ig-comment-input {
      flex: 1;
      height: 40px;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 0 16px;
      background: rgba(255,255,255,.4);
      font-size: 13px;
      outline: none;
      color: var(--ink);
    }
    
    .ig-comment-send {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), var(--primary-2));
      color: #fff;
      border: 0;
      display: grid;
      place-items: center;
      font-size: 14px;
      box-shadow: 0 4px 10px rgba(239,68,68,.2);
      transition: transform 0.15s ease;
    }
    .ig-comment-send:active {
      transform: scale(0.9);
    }