.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{transform-style:flat;transform-origin:50%;backface-visibility:hidden;will-change:transform;background:0 0;border:0;width:clamp(300px,28.5vw,470px);height:clamp(560px,49vw,750px);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-cover-card.is-active{z-index:100!important}.beauty-cover-reflection{z-index:1;width:100%;height:100%;opacity:var(--reflection-opacity,0);pointer-events:none;will-change:opacity;border-radius:10px;transition:opacity .42s;display:block;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000000c2 0%,#0000006b 18%,#0000001f 36%,#0000 52%);mask-image:linear-gradient(#000000c2 0%,#0000006b 18%,#0000001f 36%,#0000 52%)}.beauty-cover-reflection img{object-fit:cover;filter:blur(.7px)saturate(.84)brightness(.62)contrast(1.04);transform-origin:50%;width:100%;height:100%;display:block;transform:scaleY(-1)}.beauty-coverflow.is-dragging .beauty-cover-card{transition:opacity .16s linear}.beauty-cover-image-wrap{clip-path:inset(0 round 10px);backface-visibility:hidden;isolation:isolate;background:#18191b;border:0;border-radius:10px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 30px 75px #0000007a}.beauty-cover-image{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .7s,filter .5s;display:block}.beauty-cover-card.is-active .beauty-cover-image{filter:saturate(1.06)contrast(1.02);transform:scale(1.015)}.beauty-cover-card.is-active .beauty-cover-reflection img{transform:scaleY(-1)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.is-fashion{height:720px}.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-coverflow.is-fashion .beauty-coverflow-controls{bottom:60px}.beauty-coverflow.is-fashion .mobile-swipe-hint{z-index:61;text-align:center;margin:0;position:absolute;bottom:142px;left:0;right:0}.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}.beauty-cover-reflection{height:100%;top:calc(100% + 6px);-webkit-mask-image:linear-gradient(#000000b3 0%,#0000005c 17%,#0000001a 34%,#0000 48%);mask-image:linear-gradient(#000000b3 0%,#0000005c 17%,#0000001a 34%,#0000 48%)}.beauty-cover-reflection img{filter:blur(.6px)saturate(.82)brightness(.6)contrast(1.03)}}@media (width>=981px){.beauty-coverflow.is-fashion .beauty-coverflow-controls{pointer-events:none;display:block;inset:0}.beauty-coverflow.is-fashion .beauty-coverflow-controls>div{display:none}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button{color:#0000;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);pointer-events:auto;background:linear-gradient(#ffffff17,#ffffff06),#0808097a;border:1px solid #ffffff3d;border-radius:16px;width:48px;height:84px;font-size:0;transition:transform .42s cubic-bezier(.22,.8,.22,1),border-color .32s,background .32s,box-shadow .32s;position:absolute;top:43%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff1f,0 18px 44px #00000057}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:before{content:"";border-bottom:2px solid #fffffff0;border-left:2px solid #fffffff0;width:13px;height:13px;margin:auto;display:block}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:first-child{left:clamp(118px,16vw,300px)}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:last-child{right:clamp(118px,16vw,300px)}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:first-child:before{transform:translate(3px)rotate(45deg)}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:last-child:before{transform:translate(-3px)rotate(225deg)}.beauty-coverflow.is-fashion .beauty-coverflow-controls>button:hover{color:#0000;background:linear-gradient(#ffffff24,#ffffff0a),#09090a9e;border-color:#ffffff85;transform:translateY(-50%)scale(1.055);box-shadow:inset 0 1px #ffffff2e,0 22px 54px #0000006b}.beauty-coverflow{height:clamp(888px,74.4vw,1140px)}.beauty-coverflow.is-fashion{height:clamp(960px,82vw,1260px)}.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}.beauty-cover-reflection{transition:none}}