.neu-flat{background:linear-gradient(145deg,#f8aab6,#ffb6c2);box-shadow:12px 12px 24px #d18f99,-8px -8px 20px #fff5f8,0 0 25px rgba(255,245,248,.5);border:1px solid rgba(255,245,248,.4)}.neu-pressed{background:#f09ca9;box-shadow:inset 6px 6px 12px #cd8c96,inset -6px -6px 12px #fff5f8;border:1px solid rgba(255,245,248,.1)}.neu-btn{background:linear-gradient(145deg,#ffb6c3,#df99a4);box-shadow:6px 6px 12px #cd8c96,-4px -4px 10px #fff5f8,0 0 10px rgba(255,245,248,.3);transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff5f8;border:none;outline:none}.neu-btn:hover{box-shadow:6px 6px 12px #cd8c96,-4px -4px 10px #fff5f8,0 0 15px rgba(255,245,248,.5);transform:translateY(-1px)}.neu-btn.active,.neu-btn:active{background:#f8aab6;color:#fff5f8;box-shadow:inset 4px 4px 8px #cd8c96,inset -4px -4px 8px #fff5f8,0 0 15px rgba(255,245,248,.6);transform:scale(.98)}.neu-icon-btn{color:#884852;transition:all .3s ease}.neu-icon-btn:hover{color:#fff5f8;text-shadow:0 0 8px rgba(255,245,248,.8);transform:scale(1.05)}.perspective-stage{perspective:1500px;perspective-origin:50%}.locket-container{transition:transform 1.2s cubic-bezier(.175,.885,.32,1.275)}.locket-container,.locket-lid{transform-style:preserve-3d;will-change:transform}.locket-lid{transform-origin:top center;transition:transform 1s cubic-bezier(.4,0,.2,1);z-index:20}.lid-back,.lid-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;inset:0;border-radius:24px}.lid-front{z-index:2;transform:rotateX(0deg)}.lid-back{transform:rotateX(180deg);background:#f8aab6;box-shadow:inset 0 0 0 8px #f8aab6,inset 0 0 15px rgba(94,45,54,.1);z-index:1}.is-open .locket-container{transform:rotateX(25deg) scale(1.05)}.is-open .locket-lid{transform:rotateX(170deg)}.vinyl-record{animation:spin 8s linear infinite;animation-play-state:running;will-change:transform}.pulse-glow{transition:opacity .5s ease;opacity:0;will-change:opacity}.is-playing .pulse-glow{opacity:1;animation:pulse-light 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-light{0%,to{opacity:.3;box-shadow:0 0 25px rgba(255,245,248,.5)}50%{opacity:1;box-shadow:0 0 50px rgba(255,245,248,.9)}}.custom-range{-webkit-appearance:none;appearance:none;width:100%;background:transparent;outline:none;cursor:pointer;height:14px}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:14px;width:14px;border-radius:50%;background:#fff5f8;box-shadow:0 0 10px rgba(255,245,248,.8),1px 1px 3px rgba(94,45,54,.2);cursor:pointer;margin-top:-5px;transition:all .2s ease}.custom-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(255,245,248,1),2px 2px 5px rgba(94,45,54,.3)}.custom-range::-webkit-slider-thumb:active{transform:scale(1.1)}.custom-range::-moz-range-thumb{height:14px;width:14px;border-radius:50%;background:#fff5f8;box-shadow:0 0 10px rgba(255,245,248,.8),1px 1px 3px rgba(94,45,54,.2);cursor:pointer;border:none;transition:all .2s ease}.custom-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(255,245,248,1),2px 2px 5px rgba(94,45,54,.3)}.custom-range::-moz-range-thumb:active{transform:scale(1.1)}.custom-range::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#cd8c96;border-radius:99px;box-shadow:inset 1px 1px 2px rgba(94,45,54,.1)}.custom-range::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#cd8c96;border-radius:99px;box-shadow:inset 1px 1px 2px rgba(94,45,54,.1)}.photo-frame{box-shadow:inset 2px 2px 5px rgba(94,45,54,.1),inset -2px -2px 5px rgba(255,245,248,.6)}