/* Motion, scrollbar, noise texture, accessibility */
    /* ── Metadata grid — tighter ── */
    .meta-grid{gap:5px 14px!important}

    /* ── Staggered card reveal — spring entrance ── */
    @keyframes cardReveal{
      from{opacity:0;transform:translateY(12px) scale(0.98)}
      to{opacity:1;transform:translateY(0) scale(1)}
    }
    .lane-section .item{
      animation:cardReveal var(--dur-base) var(--ease-card-enter) backwards;
    }
    .lane-section .item:nth-child(1){animation-delay:.03s}
    .lane-section .item:nth-child(2){animation-delay:.07s}
    .lane-section .item:nth-child(3){animation-delay:.11s}
    .lane-section .item:nth-child(4){animation-delay:.15s}
    .lane-section .item:nth-child(5){animation-delay:.19s}
    .lane-section .item:nth-child(6){animation-delay:.23s}
    .lane-section .item:nth-child(7){animation-delay:.27s}
    .lane-section .item:nth-child(8){animation-delay:.31s}

    /* ── Lane header polish ── */
    .lane-heading-text h2{font-weight:650!important}
    .lane-header-metrics .pill,.lane-header-metrics .chip{font-size:.76rem!important}

    /* ── Scrollbar styling ── */
    .lane-scroll::-webkit-scrollbar{width:5px}
    .lane-scroll::-webkit-scrollbar-track{background:transparent}
    .lane-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(157,193,255,0.14)}
    .lane-scroll::-webkit-scrollbar-thumb:hover{background:rgba(157,193,255,0.28%)}

    /* ── Noise texture overlay (Arc pattern) ── */
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:0;
      opacity:0.015;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }

    /* ── Text-wrap balance (Linear/Raycast pattern) ── */
    h1,h2,h3{text-wrap:balance}
    p.tok-desc{text-wrap:pretty}

    /* ── Accessibility: reduced motion ── */
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{
        animation-duration:0.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:0.01ms!important;
      }
      .item,.button,.ghost-button,.item.is-clickable::before{
        transition-duration:0.01ms!important;
      }
    }

    /* ── Accessibility: reduced transparency ── */
    @media(prefers-reduced-transparency:reduce){
      .app-topbar{
        background:rgba(12,15,22,0.92)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
      }
    }

/* ── Skeleton shimmer (initial paint before API response) ── */
@keyframes skeletonShimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.skeleton {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.02) 25%,
    rgba(255,255,255,0.06) 50%,
    rgba(255,255,255,0.02) 75%
  );
  background-size: 200% 100%;
  animation: skeletonShimmer 1.8s ease-in-out infinite;
  border-radius: var(--radius-card, 8px);
}
.skeleton-line {
  height: 12px;
  margin-bottom: 8px;
  border-radius: 4px;
}
.skeleton-line:last-child { margin-bottom: 0; }
.skeleton-line.short { width: 60%; }
.skeleton-card {
  padding: 12px;
  border: 1px solid var(--card-border, rgba(255,255,255,0.05));
  border-radius: var(--radius-card, 8px);
  margin-bottom: 10px;
}
/* Reduced motion: static skeleton, no shimmer */
@media (prefers-reduced-motion: reduce) {
  .skeleton {
    animation: none;
    background: rgba(255,255,255,0.03);
  }
}