.beauty-coverflow{height:clamp(740px,62vw,950px);margin-right:calc(var(--page-pad) * -1);margin-left:calc(var(--page-pad) * -1);perspective:1600px;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;background:radial-gradient(circle at 50% 22%,#5f7e7040,#0000 35%),radial-gradient(circle at 22% 48%,#5b37742e,#0000 38%),linear-gradient(#101314,#090a0b 72%);outline:none;position:relative;overflow:hidden}.beauty-coverflow.is-dragging{cursor:grabbing}.beauty-coverflow.is-bouncing-start .beauty-coverflow-stage{animation:.52s cubic-bezier(.16,1,.3,1) coverflowBounceStart}.beauty-coverflow.is-bouncing-end .beauty-coverflow-stage{animation:.52s cubic-bezier(.16,1,.3,1) coverflowBounceEnd}.beauty-coverflow-glow{pointer-events:none;background:linear-gradient(90deg,#00000073,#0000 17% 83%,#00000073);position:absolute;inset:0}.beauty-coverflow-stage{transform-style:preserve-3d;position:absolute;inset:clamp(28px,3vw,52px) 0 132px}.beauty-cover-card{width:clamp(300px,28.5vw,470px);height:clamp(560px,49vw,750px);transform-style:preserve-3d;transform-origin:50%;will-change:transform;background:0 0;border:0;margin-left:clamp(-235px,-14.25vw,-150px);padding:0;transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .42s,filter .5s;position:absolute;top:0;left:50%}.beauty-coverflow.is-dragging .beauty-cover-card{transition:opacity .16s linear}.beauty-cover-image-wrap{background:#18191b;border:1px solid #ffffff38;border-radius:10px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 30px 75px #0000007a}.beauty-cover-image{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .7s,filter .5s}.beauty-cover-card.is-active .beauty-cover-image{filter:saturate(1.06)contrast(1.02);transform:scale(1.015)}.beauty-cover-image-wrap>span{color:#fff;width:32px;height:32px;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;background:#000000ad;border-radius:50%;place-items:center;font-size:.55rem;display:grid;position:absolute;bottom:.75rem;right:.8rem}.beauty-coverflow-controls{z-index:60;grid-template-columns:48px minmax(220px,370px) 48px;justify-content:center;align-items:center;gap:1rem;display:grid;position:absolute;bottom:26px;left:0;right:0}.beauty-coverflow-controls>button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000003d;border:1px solid #ffffff47;border-radius:50%;width:48px;height:48px;transition:background .18s,color .18s}.beauty-coverflow-controls>button:hover{background:var(--acid);color:#090909}.beauty-coverflow-controls>div{color:#fff;flex-direction:column;align-items:center;display:flex}.beauty-coverflow-controls span,.beauty-coverflow-controls small{color:#ffffff7a;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:.5rem}.beauty-coverflow-controls strong{letter-spacing:.08em;margin:.35rem 0;font-size:clamp(1rem,1.5vw,1.35rem)}@media (width<=620px){.beauty-coverflow{perspective:1100px;height:650px;margin-left:-20px;margin-right:-20px}.beauty-coverflow-stage{top:36px;bottom:116px}.beauty-cover-card{width:min(70vw,300px);height:480px;margin-left:max(-150px,-35vw)}.beauty-coverflow-controls{grid-template-columns:42px 1fr 42px;padding:0 20px}.beauty-coverflow-controls>button{width:42px;height:42px}.beauty-cover-card{transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .3s}.beauty-coverflow.is-dragging .beauty-cover-card{transition:opacity .12s linear}}@media (width>=981px){.beauty-coverflow{height:clamp(888px,74.4vw,1140px)}.beauty-cover-card{width:clamp(360px,34.2vw,564px);height:clamp(672px,58.8vw,900px);margin-left:clamp(-282px,-17.1vw,-180px)}}@keyframes coverflowBounceStart{42%{transform:translate(18px)}68%{transform:translate(-3px)}}@keyframes coverflowBounceEnd{42%{transform:translate(-18px)}68%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.beauty-cover-card{transition-duration:1ms}}