.perspective-2000{perspective:2000px}.rotate-y-0{transform:rotateY(0deg)}.rotate-y-15{transform:rotateY(15deg)}.rotate-y-\[-15deg\]{transform:rotateY(-15deg)}.transform-gpu{transform:translateZ(0)}.paper-texture{background-image:radial-gradient(circle at 20% 50%,rgba(120,119,108,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,119,108,.02) 0,transparent 50%)}.page-flip-container{will-change:transform}.page-flip-container,.transform-style-preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.book-spine{background:linear-gradient(90deg,#d4a853,#ebc065 25%,#f1d382 50%,#ebc065 75%,#d4a853);box-shadow:inset 2px 0 4px rgba(0,0,0,.1),inset -2px 0 4px rgba(0,0,0,.1)}.page-flip-next{animation:pageFlipNext 1.2s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.page-flip-prev{animation:pageFlipPrev 1.2s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.page-flip-next .album-container{animation:albumShiftNext 1.2s cubic-bezier(.25,.46,.45,.94)}.page-flip-prev .album-container{animation:albumShiftPrev 1.2s cubic-bezier(.25,.46,.45,.94)}@keyframes albumShiftNext{0%{transform:translateX(0) rotate(0deg) scale(1)}25%{transform:translateX(-8px) rotate(-.5deg) scale(.998)}50%{transform:translateX(-15px) rotate(-1deg) scale(.995)}75%{transform:translateX(-8px) rotate(-.5deg) scale(.998)}to{transform:translateX(0) rotate(0deg) scale(1)}}@keyframes albumShiftPrev{0%{transform:translateX(0) rotate(0deg) scale(1)}25%{transform:translateX(8px) rotate(.5deg) scale(.998)}50%{transform:translateX(15px) rotate(1deg) scale(.995)}75%{transform:translateX(8px) rotate(.5deg) scale(.998)}to{transform:translateX(0) rotate(0deg) scale(1)}}.page-flipping{transform-style:preserve-3d;backface-visibility:hidden}@keyframes pageFlipNext{0%{transform:perspective(2500px) rotateY(0deg) scale(1) translateZ(0);transform-origin:left center;box-shadow:0 15px 30px rgba(0,0,0,.2);filter:brightness(1) contrast(1)}8%{transform:perspective(2500px) rotateY(-8deg) scale(.998) translateZ(5px);transform-origin:left center;box-shadow:-5px 18px 35px rgba(0,0,0,.25);filter:brightness(1.02) contrast(1.05)}20%{transform:perspective(2500px) rotateY(-25deg) scale(.99) translateZ(12px);transform-origin:left center;box-shadow:-12px 22px 45px rgba(0,0,0,.35);filter:brightness(1.05) contrast(1.1)}35%{transform:perspective(2500px) rotateY(-50deg) scale(.95) translateZ(20px);transform-origin:left center;box-shadow:-20px 25px 60px rgba(0,0,0,.45);filter:brightness(.95) contrast(1.2)}50%{transform:perspective(2500px) rotateY(-90deg) scale(.85) translateZ(25px);transform-origin:left center;box-shadow:-30px 30px 80px rgba(0,0,0,.6);filter:brightness(.8) contrast(1.3)}65%{transform:perspective(2500px) rotateY(-130deg) scale(.95) translateZ(20px);transform-origin:left center;box-shadow:-20px 25px 60px rgba(0,0,0,.45);filter:brightness(.95) contrast(1.2)}80%{transform:perspective(2500px) rotateY(-155deg) scale(.99) translateZ(12px);transform-origin:left center;box-shadow:-12px 22px 45px rgba(0,0,0,.35);filter:brightness(1.05) contrast(1.1)}92%{transform:perspective(2500px) rotateY(-172deg) scale(.998) translateZ(5px);transform-origin:left center;box-shadow:-5px 18px 35px rgba(0,0,0,.25);filter:brightness(1.02) contrast(1.05)}to{transform:perspective(2500px) rotateY(-180deg) scale(1) translateZ(0);transform-origin:left center;box-shadow:0 15px 30px rgba(0,0,0,.2);filter:brightness(1) contrast(1)}}@keyframes pageFlipPrev{0%{transform:perspective(2500px) rotateY(-180deg) scale(1) translateZ(0);transform-origin:left center;box-shadow:0 15px 30px rgba(0,0,0,.2);filter:brightness(1) contrast(1)}8%{transform:perspective(2500px) rotateY(-172deg) scale(.998) translateZ(5px);transform-origin:left center;box-shadow:5px 18px 35px rgba(0,0,0,.25);filter:brightness(1.02) contrast(1.05)}20%{transform:perspective(2500px) rotateY(-155deg) scale(.99) translateZ(12px);transform-origin:left center;box-shadow:12px 22px 45px rgba(0,0,0,.35);filter:brightness(1.05) contrast(1.1)}35%{transform:perspective(2500px) rotateY(-130deg) scale(.95) translateZ(20px);transform-origin:left center;box-shadow:20px 25px 60px rgba(0,0,0,.45);filter:brightness(.95) contrast(1.2)}50%{transform:perspective(2500px) rotateY(-90deg) scale(.85) translateZ(25px);transform-origin:left center;box-shadow:30px 30px 80px rgba(0,0,0,.6);filter:brightness(.8) contrast(1.3)}65%{transform:perspective(2500px) rotateY(-50deg) scale(.95) translateZ(20px);transform-origin:left center;box-shadow:20px 25px 60px rgba(0,0,0,.45);filter:brightness(.95) contrast(1.2)}80%{transform:perspective(2500px) rotateY(-25deg) scale(.99) translateZ(12px);transform-origin:left center;box-shadow:12px 22px 45px rgba(0,0,0,.35);filter:brightness(1.05) contrast(1.1)}92%{transform:perspective(2500px) rotateY(-8deg) scale(.998) translateZ(5px);transform-origin:left center;box-shadow:5px 18px 35px rgba(0,0,0,.25);filter:brightness(1.02) contrast(1.05)}to{transform:perspective(2500px) rotateY(0deg) scale(1) translateZ(0);transform-origin:left center;box-shadow:0 15px 30px rgba(0,0,0,.2);filter:brightness(1) contrast(1)}}.page-curling:before{top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,transparent 40%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.15) 52%,rgba(0,0,0,.25) 56%,transparent 65%);transform:rotate(45deg);transform-origin:bottom left;animation:pageCurl 1.2s cubic-bezier(.25,.46,.45,.94)}.page-curling:after,.page-curling:before{content:"";position:absolute;opacity:0;pointer-events:none}.page-curling:after{top:10px;right:10px;width:80px;height:80px;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 40%,transparent 70%);transform:rotate(45deg);transform-origin:center;animation:pageHighlight 1.2s cubic-bezier(.25,.46,.45,.94)}@keyframes pageCurl{0%,to{opacity:0;transform:rotate(45deg) scale(.8)}25%{opacity:.3;transform:rotate(45deg) scale(.9)}50%{opacity:1;transform:rotate(45deg) scale(1)}75%{opacity:.6;transform:rotate(45deg) scale(1.1)}}@keyframes pageHighlight{0%,to{opacity:0;transform:rotate(45deg) scale(.5)}35%{opacity:.8;transform:rotate(45deg) scale(1)}65%{opacity:.4;transform:rotate(45deg) scale(1.2)}}.album-shadow{filter:drop-shadow(0 25px 50px rgba(0,0,0,.25))}.page-flip-next .album-shadow,.page-flip-prev .album-shadow{filter:drop-shadow(0 35px 70px rgba(0,0,0,.4));transition:filter .3s ease-out}.page-bending{position:relative;overflow:visible}.page-bending:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 55%,transparent);opacity:0;animation:pageBend 1.2s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}@keyframes pageBend{0%,to{opacity:0;transform:scaleX(1)}25%{opacity:.3;transform:scaleX(.98)}50%{opacity:.6;transform:scaleX(.95)}75%{opacity:.3;transform:scaleX(.98)}}.photo-frame{background:linear-gradient(135deg,#fefdf8,#fbf0c9);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}.photo-frame:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#f7e4a6,#ebc065);border-radius:inherit;z-index:-1}.album-container{transition:transform .3s cubic-bezier(.23,1,.32,1)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) rgba(229,231,235,.3)}.scrollbar-thin::-webkit-scrollbar{height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:rgba(229,231,235,.3);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px;transition:background .2s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.7)}