.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:12px;--dw-lift:64px;--dw-dim:.7;--dw-gray:0;--dw-overlay:#060010;--dw-edge:40%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 6% 94%,#0000 100%)}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(8deg)rotateY(-6deg)translateZ(-30px)}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;flex:none;position:relative}.drift-wall__track{transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);background:var(--color-card,#fff);border:1px solid var(--color-whisper,#e6e6e6);opacity:var(--dw-dim);transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 8px -2px #00000017,0 1px 3px -1px #0000000d}html.dark .drift-wall__inner,[data-theme=dark] .drift-wall__inner{background:var(--color-card,#121216);border-color:var(--color-whisper,#262626);box-shadow:0 4px 14px -2px #00000059}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .28s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__fallback-avatar{background:var(--thumb-bg,#1a1a1a);width:100%;height:100%;color:var(--color-ink,#fff);letter-spacing:.05em;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.drift-wall__title-badge{background:var(--color-carbon,#202020);color:var(--color-carbon-inv,#fff);border:1px solid var(--color-whisper,#fff3);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;border-radius:100px;padding:2px 6px;font-size:10px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden;transform:translateY(4px);box-shadow:0 4px 14px #00000040}.drift-wall__tile:hover .drift-wall__title-badge,.drift-wall__tile.is-active .drift-wall__title-badge,.drift-wall__tile:focus-visible .drift-wall__title-badge{opacity:1;transform:translateY(0)}.drift-wall__overlay{background:var(--dw-overlay);opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}html.dark .drift-wall__overlay,[data-theme=dark] .drift-wall__overlay{background:var(--color-paper,#060010);opacity:.2}.drift-wall__tile:hover .drift-wall__inner,.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));border-color:var(--color-carbon,#333);box-shadow:0 16px 36px -8px #0000002e,0 4px 12px -2px #00000014}html.dark .drift-wall__tile:hover .drift-wall__inner,[data-theme=dark] .drift-wall__tile:hover .drift-wall__inner,html.dark .drift-wall__tile:focus-visible .drift-wall__inner,[data-theme=dark] .drift-wall__tile:focus-visible .drift-wall__inner{border-color:var(--color-carbon,#fff);box-shadow:0 20px 48px -12px #0000008c}.drift-wall__tile:hover img,.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.08)}.drift-wall__tile:hover .drift-wall__overlay,.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #00000040, 0 0 0 2px var(--color-carbon,#000c)}.drift-wall--loading .drift-wall__inner{background:linear-gradient(90deg, var(--color-card,#1a1a1a) 0%, var(--color-whisper,#282828) 50%, var(--color-card,#1a1a1a) 100%);background-size:200% 100%;animation:1.8s ease-in-out infinite drift-shimmer}@keyframes drift-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}