.arc-coverflow{--coverflow-radius:clamp(340px, 34vw, 520px);--coverflow-card-w:250px;--coverflow-card-h:330px;--coverflow-tilt:4deg;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);border-radius:var(--radius-2xl);isolation:isolate;display:flex;position:relative;overflow:hidden}.arc-coverflow:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.arc-coverflow__bg{z-index:-1;background:var(--gradient-depth);position:absolute;inset:0}.arc-coverflow__bg-water{background:var(--gradient-water);opacity:.7;position:absolute;inset:0}.arc-coverflow__bg-caustics{opacity:.22;background-image:radial-gradient(30% 24% at 20% 18%,#c5fdd366 0%,#c5fdd300 62%),radial-gradient(26% 20% at 76% 30%,#94e1b452 0%,#94e1b400 60%),radial-gradient(28% 22% at 50% 82%,#69c5a047 0%,#69c5a000 62%);position:absolute;inset:0}.arc-coverflow__stage{width:100%;height:calc(var(--coverflow-card-h) + var(--space-3xl));perspective:1700px;perspective-origin:50% 46%;cursor:grab;touch-action:pan-y;flex:auto;position:relative}.arc-coverflow__stage:active{cursor:grabbing}.arc-coverflow__ring{width:var(--coverflow-card-w);height:var(--coverflow-card-h);transform-style:preserve-3d;transform:translate(-50%, -50%) rotateX(var(--coverflow-tilt)) translateZ(calc(-1 * var(--coverflow-radius)));position:absolute;top:50%;left:50%}.arc-coverflow__slot{width:var(--coverflow-card-w);height:var(--coverflow-card-h);transform-style:preserve-3d;position:absolute;top:50%;left:50%}.arc-coverflow__card{align-items:flex-start;gap:var(--space-sm);width:100%;height:100%;padding:var(--space-md);text-align:start;font:inherit;color:inherit;cursor:pointer;background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-md);backface-visibility:hidden;transform-style:preserve-3d;flex-direction:column;display:flex;position:absolute;inset:0}.arc-coverflow__card--active{border-color:var(--line-gold);box-shadow:var(--shadow-glow-gold)}.arc-coverflow__card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.arc-coverflow__mark{color:var(--arc-aqua-mint)}.arc-coverflow__card--active .arc-coverflow__mark{color:var(--text-gold)}.arc-coverflow__quote{font-family:var(--font-display);color:var(--text-strong);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-style:italic;line-height:1.42;display:-webkit-box;overflow:hidden}.arc-coverflow__cite{padding-top:var(--space-sm);border-top:1px solid var(--line-subtle);align-items:center;gap:12px;width:100%;margin-top:auto;display:flex}.arc-coverflow__avatar{border-radius:var(--radius-circle);background:var(--surface-overlay);border:1px solid var(--line-gold);width:40px;height:40px;box-shadow:var(--shadow-glow-gold);flex:none}.arc-coverflow__cite-text{flex-direction:column;gap:2px;min-width:0;display:flex}.arc-coverflow__name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-strong)}.arc-coverflow__meta{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arc-coverflow__tag{top:var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--line-gold);background:var(--tint-gold);color:var(--text-gold);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:4px 10px;position:absolute;inset-inline-end:var(--space-sm)}.arc-coverflow__nav{z-index:2;border-radius:var(--radius-circle);background:var(--glass-dark);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--line);color:var(--text-strong);transition:border-color var(--dur-base) var(--ease-water), color var(--dur-base) var(--ease-water);flex:none;justify-content:center;align-items:center;display:inline-flex}.arc-coverflow__nav--prev{transform:scaleX(-1)}.arc-coverflow__nav:hover{border-color:var(--line-accent);color:var(--arc-fresh-mint)}.arc-coverflow__nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.arc-coverflow-fallback{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.arc-coverflow-fallback__item{position:relative}.arc-coverflow-fallback__tag{top:22px;z-index:1;border-radius:var(--radius-pill,999px);border:1px solid var(--line-gold);background:var(--tint-gold);color:var(--text-gold);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:4px 10px;position:absolute;inset-inline-end:22px}