.floating-back-btn{position:fixed;top:1.2rem;left:1.2rem;z-index:3001;background:#fff;color:#ff69b4;border:2px solid #ff69b4;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 8px #ff69b422;transition:background .2s,color .2s,border .2s,transform .1s}.floating-back-btn:hover{background:#ff69b4;color:#fff;border-color:#d72660;transform:scale(1.08)}@media (max-width: 600px){.floating-back-btn{top:.6rem;left:.6rem;width:36px;height:36px;font-size:1.1rem}}.skip-bottom-btn{position:fixed;right:1.2rem;bottom:1.2rem;z-index:3001;background:#fff;color:#ff69b4;border:2px solid #ff69b4;border-radius:12px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #ff69b422;transition:background .2s,color .2s,border .2s,transform .1s}.skip-bottom-btn:hover{background:#ff69b4;color:#fff;border-color:#d72660;transform:scale(1.08)}@media (max-width: 600px){.skip-bottom-btn{right:.6rem;bottom:.6rem;width:44px;height:44px;font-size:.98rem}}.intro-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffb6c1,#ff69b4);display:flex;justify-content:center;align-items:center;z-index:2000}.message-container{text-align:center;padding:2rem}.intro-message{color:#fff;font-size:4rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin:0;line-height:1.4}@media (max-width: 480px){.intro-message{font-size:3rem}}.menu-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#fff5f8,#ffe4f0)}.menu-content{text-align:center;max-width:400px;width:100%}.menu-content h1{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.menu-content p{color:var(--text-color);margin-bottom:2rem}.menu-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;width:100%;max-width:700px;margin:0 auto}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:1.2rem 1rem;border:none;border-radius:18px;background:linear-gradient(135deg,#ffb6c1,#ff69b4);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #ff69b422;transition:transform .18s,box-shadow .18s,background .18s;outline:none}.menu-button:hover,.menu-button:focus{background:linear-gradient(135deg,#ff69b4,#d72660);box-shadow:0 8px 32px #ff69b4aa;transform:scale(1.04) translateY(-2px)}.menu-back-intro{margin-bottom:1.2rem;background:#fff;color:#ff69b4;border:2px solid #ff69b4;border-radius:8px;font-size:1rem;font-family:Montserrat,Arial,sans-serif;font-weight:600;padding:.4em 1.2em;cursor:pointer;box-shadow:0 2px 8px #ff69b422;transition:background .2s,color .2s,border .2s;display:block;text-align:left}.menu-back-intro:hover{background:#ff69b4;color:#fff;border-color:#d72660}@media (max-width: 700px){.menu-buttons{grid-template-columns:1fr 1fr;gap:1rem}.menu-button{min-height:90px;font-size:1.05rem;padding:.8rem .5rem}}@media (max-width: 480px){.menu-content h1{font-size:1.5rem}.menu-buttons{grid-template-columns:1fr;gap:.7rem}.menu-button{min-height:64px;font-size:.98rem;padding:.6rem .3rem}}.menu-mosaic-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f8,#ffe4f0);padding:2rem 1rem;position:relative}.menu-back-arrow{position:absolute;top:2rem;left:2rem;background:#fff;color:#ff69b4;border:2px solid #ff69b4;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 8px #ff69b422;transition:background .2s,color .2s,border .2s,transform .1s;z-index:10}.menu-back-arrow:hover{background:#ff69b4;color:#fff;border-color:#d72660;transform:scale(1.08)}.menu-mosaic-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;width:100%;max-width:700px;margin:0 auto}.menu-mosaic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:2.2rem 1.2rem;border:none;border-radius:22px;background:linear-gradient(135deg,#ffb6c1,#ff69b4);color:#fff;font-size:1.35rem;font-weight:700;cursor:pointer;box-shadow:0 4px 24px #ff69b422;transition:transform .18s,box-shadow .18s,background .18s;outline:none;position:relative}.menu-mosaic-card:hover,.menu-mosaic-card:focus{background:linear-gradient(135deg,#ff69b4,#d72660);box-shadow:0 8px 32px #ff69b4aa;transform:scale(1.04) translateY(-2px)}.memory-game-featured{grid-row:1 / span 2;min-height:380px;font-size:1.7rem;box-shadow:0 8px 32px #ff69b4aa}.menu-mosaic-icon{font-size:2.5rem;margin-bottom:1.1rem;color:#fff;filter:drop-shadow(0 2px 8px #ff69b4cc)}.menu-mosaic-title{font-size:1.25em;font-weight:800;margin-bottom:.5rem;letter-spacing:.04em}.menu-mosaic-desc{font-size:1.05em;font-weight:400;color:#fff9;margin-top:.2rem;text-align:center}.gallery-card{min-height:180px;font-size:1.1rem}@media (max-width: 900px){.menu-mosaic-grid{grid-template-columns:1fr;gap:1.2rem}.memory-game-featured{min-height:220px;font-size:1.2rem}.gallery-card{min-height:120px;font-size:1rem}}@media (max-width: 600px){.menu-mosaic-container{padding:1rem .2rem}.menu-back-arrow{top:1rem;left:1rem;width:36px;height:36px;font-size:1.1rem}.menu-mosaic-card{min-height:90px;font-size:1rem;padding:1rem .5rem}.memory-game-featured{min-height:120px;font-size:1.1rem}}.carousel-container{width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;box-sizing:border-box;position:fixed;top:0;left:0;z-index:100}.carousel-main{position:relative;width:100vw;height:calc(100vh - 100px);display:flex;align-items:flex-start;justify-content:center;margin:0;padding:0;box-sizing:border-box}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;user-select:none;-webkit-user-select:none;display:block;margin:0;padding:0}.carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color .3s,transform .2s;z-index:10}.carousel-nav-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.carousel-nav-button.prev{left:1rem}.carousel-nav-button.next{right:1rem}.carousel-thumbnails{display:flex;gap:0;padding:0;overflow-x:auto;width:100vw;max-width:100vw;height:100px;align-items:center;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;background:#000;flex-shrink:0;position:relative;bottom:0}.carousel-thumbnails::-webkit-scrollbar{height:6px}.carousel-thumbnails::-webkit-scrollbar-track{background:transparent}.carousel-thumbnails::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.thumbnail{flex:0 0 auto;width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .3s}.thumbnail.active{border-color:#ff69b4}.thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.carousel-container{padding:1rem}.carousel-main{height:calc(100vh - 80px)}.carousel-nav-button{width:40px;height:40px}.carousel-nav-button.prev{left:.5rem}.carousel-nav-button.next{right:.5rem}.carousel-thumbnails{height:80px}.thumbnail{width:60px;height:60px}}@media (max-width: 480px){.carousel-main{height:calc(100vh - 60px)}.carousel-nav-button{width:36px;height:36px}.carousel-thumbnails{height:60px}.thumbnail{width:50px;height:50px}}.gallery-info-card{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:18px;box-shadow:0 4px 24px #ff69b422;padding:2rem 2.2rem;margin-left:2.5rem;min-width:260px;max-width:340px;min-height:220px;color:#d72660;font-family:Montserrat,Arial,sans-serif;font-weight:600;z-index:2}.gallery-info-card h3{font-size:1.35rem;color:#ff69b4;margin-bottom:1rem;font-weight:800}.gallery-info-card p{font-size:1.1rem;color:#d72660;margin-bottom:0;font-weight:500}@media (max-width: 900px){.gallery-info-card{display:none}}.memory-card-svg{width:100%;height:100%;position:relative;perspective:1000px;cursor:pointer}.card-inner-svg{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card-svg.flipped .card-inner-svg{transform:rotateY(180deg)}.card-front-svg,.card-back-svg{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.card-front-svg{transform:rotateY(180deg)}body{margin:2px!important}.memory-game{width:100vw;height:100vh;background:linear-gradient(135deg,#fff5f8,#ffe4f0);display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;position:fixed;top:0;left:0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:1rem;width:min(700px,95vw);height:min(900px,90vh);padding:1rem;margin:0 auto;box-sizing:border-box;background:none;justify-items:center;align-items:center}.memory-card{width:100%;height:100%;aspect-ratio:3/5;perspective:1000px;cursor:pointer;min-width:0;min-height:0}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.card-front{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:4px solid #fff;box-sizing:border-box;position:relative;overflow:hidden;z-index:2}.card-back{transform:rotateY(180deg);overflow:hidden;z-index:3}.card-back img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-content{font-size:2rem;font-weight:700}.memory-card.matched .card-inner{box-shadow:0 0 15px #ff69b480}@media (max-width: 1200px){.memory-grid{width:95vw;height:95vh;gap:.5rem}}@media (max-width: 768px){.memory-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);width:100vw;height:100vh;gap:.2rem;padding:.2rem}}@media (max-width: 700px){.memory-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:.2rem;height:80vh;max-height:80vh;min-height:320px;width:100vw;margin:0;padding:.2rem}.memory-card{aspect-ratio:3/5;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0}.bibos-text{font-size:.7rem}}@media (max-width: 480px){.memory-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:0;height:80vh;max-height:80vh;min-height:220px;width:100vw;margin:0;padding:0}.memory-card{aspect-ratio:3/5;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0}.bibos-text{font-size:.48rem;letter-spacing:.08em;padding:0 .1em}}.heart-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f8,#ffe4f0);z-index:1000}.heart-loading{width:120px;height:120px;will-change:transform;transform-style:preserve-3d;filter:drop-shadow(0 2px 8px #ff69b4aa)}.bibos-pattern{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.bibos-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px),repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px);z-index:1;pointer-events:none}.bibos-pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 2px,transparent 4px),repeating-radial-gradient(circle at 80% 70%,rgba(255,255,255,.12) 2px,transparent 5px);z-index:2;pointer-events:none;mix-blend-mode:lighten}.bibos-pattern svg{display:none}.bibos-text{position:relative;z-index:2;font-family:Montserrat,Arial,sans-serif;font-size:1.26rem;font-weight:900;color:#fff;letter-spacing:.18em;text-shadow:0 2px 8px #ff69b4cc,0 1px 0 #d72660;text-align:center;-webkit-user-select:none;user-select:none;margin:0;padding:0;border:none;background:none;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;gap:10px}.modal-content{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0002;padding:2rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;position:relative}.modal-content.modal-row{flex-direction:row;align-items:stretch;padding:1.5rem 2.5rem;min-width:350px;min-height:220px;position:relative}.modal-photo{max-width:38vw;max-height:60vh;border-radius:12px;margin-bottom:0;margin-right:2.2rem;box-shadow:0 4px 16px #ff69b4aa;object-fit:cover}.modal-text-side{display:flex;flex-direction:column;align-items:flex-start;font-size:1.25rem;color:#d72660;text-align:left;font-family:Montserrat,Arial,sans-serif;font-weight:600;margin-bottom:0;margin-right:0;min-width:200px;max-width:32vw}.modal-x{position:absolute;top:1.1rem;right:1.3rem;font-size:2.1rem;color:#ff69b4;font-weight:700;cursor:pointer;z-index:10;transition:color .2s}.modal-x:hover{color:#d72660}.modal-x-badge{position:absolute;top:1.1rem;right:1.3rem;width:48px;height:48px;background:#fff;border:2.5px solid #ff69b4;border-radius:50%;box-shadow:0 2px 8px #ff69b4aa;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ff69b4;font-weight:700;cursor:pointer;z-index:10;transition:color .2s,border .2s,background .2s}.modal-x-badge:hover{color:#d72660;border-color:#d72660;background:#ffe4f0}.modal-photo-deck{position:static;display:flex;align-items:center;justify-content:flex-end;width:240px;max-width:320px;aspect-ratio:3/5;pointer-events:none}.modal-photo-deck .modal-photo-rotated{box-shadow:0 8px 32px #ff69b4cc,0 0 0 8px #fff5f8;border-radius:18px;background:#fff;pointer-events:auto}.modal-photo-bg{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:3/5;border-radius:16px;box-shadow:0 4px 16px #ff69b4aa;z-index:1;transform:translate(-50%,-50%);overflow:hidden;background:none;display:flex;align-items:center;justify-content:center}.modal-photo-bg-1{transform:translate(-50%,-50%) rotate(-5deg);z-index:0}.modal-photo-bg-2{transform:translate(-50%,-50%) rotate(-10deg);z-index:1}.modal-pattern{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.modal-photo-rotated{position:relative;z-index:2;width:100%;aspect-ratio:3/5;border-radius:12px;box-shadow:0 4px 16px #ff69b4aa;object-fit:cover;transform:rotate(-15deg);background:#fff;display:block}@media (max-width: 1100px){.modal-photo-deck{left:2vw;top:6vh;transform:none;max-width:38vw;width:32vw}}@media (max-width: 900px){.modal-content.modal-row{flex-direction:column;align-items:center;padding:1.2rem 1rem}.modal-photo-deck{display:none!important}.modal-photo-bg,.modal-photo-bg-1,.modal-photo-bg-2{width:90%;aspect-ratio:3/5;min-width:80px;min-height:120px;max-width:95vw;max-height:70vw}.modal-photo-rotated{width:100%;aspect-ratio:3/5;max-width:100%;max-height:100%}}.modal-mobile-img-wrapper{display:none}@media (max-width: 700px){.modal-mobile-img-wrapper{display:flex;justify-content:center;align-items:flex-end;width:100vw;margin-top:2.5vh;margin-bottom:.5rem;z-index:2100}.modal-mobile-img-wrapper .modal-photo{aspect-ratio:3/5;max-width:90vw;max-height:38vh;border-radius:16px;box-shadow:0 4px 16px #ff69b4aa;transform:rotate(-8deg)}.modal-content.modal-row{flex-direction:column;align-items:center;min-width:0;min-height:0;width:98vw;max-width:98vw;margin:0 auto;padding:1.2rem .5rem;box-sizing:border-box}.modal-text.modal-text-side{max-width:100vw;min-width:0;font-size:1.1rem;text-align:center;margin:0;padding:.5rem .2rem 0}.modal-x-badge{top:.5rem;right:.5rem;width:38px;height:38px;font-size:2rem}}@media (max-width: 700px){.modal-photo-deck,.modal-photo-bg,.modal-photo-bg-1,.modal-photo-bg-2{display:none!important}}.game-info{position:fixed;top:2rem;right:2rem;background:#ffffffe6;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #ff69b433;z-index:100;font-family:Montserrat,Arial,sans-serif;font-weight:600;color:#ff69b4;font-size:1.2rem}.completion-modal{text-align:center;padding:2.5rem;max-width:400px;width:90%}.completion-modal h2{color:#ff69b4;font-size:2rem;margin-bottom:1rem;font-family:Montserrat,Arial,sans-serif}.completion-modal p{color:#666;font-size:1.2rem;margin-bottom:2rem;font-family:Montserrat,Arial,sans-serif}.restart-button{background:linear-gradient(135deg,#ff69b4,#d72660);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Montserrat,Arial,sans-serif}.restart-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff69b466}@media (max-width: 768px){.game-info{top:1rem;right:1rem;padding:.8rem 1.2rem;font-size:1rem}.completion-modal{padding:2rem}.completion-modal h2{font-size:1.8rem}.completion-modal p{font-size:1.1rem}.restart-button{padding:.8rem 1.6rem;font-size:1rem}}.music-player-sticky{position:fixed;left:0;right:0;bottom:0;z-index:3000;background:linear-gradient(90deg,#ffb6c1,#ff69b4);box-shadow:0 -2px 16px #ff69b4aa;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.5rem 1rem;min-height:56px;transform:scale(.85);transform-origin:bottom center}.music-player-btn{background:#fff;border:2px solid #ff69b4;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#ff69b4;cursor:pointer;transition:background .2s,color .2s,border .2s;box-shadow:0 2px 8px #ff69b4aa}.music-player-btn:hover{background:#ffe4f0;color:#d72660;border-color:#d72660}.music-player-btn-contrast{background:#ff69b4;color:#fff;border:2.5px solid #fff;box-shadow:0 2px 12px #ff69b4cc,0 0 0 4px #fff3 inset;font-size:2rem;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border .2s,box-shadow .2s,transform .1s;outline:2px solid #fff5f8;outline-offset:2px}.music-player-btn-contrast:hover{background:#d72660;color:#fff;border-color:#fff;box-shadow:0 4px 16px #d72660cc,0 0 0 4px #fff3 inset;transform:scale(1.08)}.music-player-btn-contrast:active{background:#b71c4a;transform:scale(.96)}.music-player-btn-contrast.inactive{opacity:.4;filter:grayscale(.5);cursor:default;pointer-events:none;box-shadow:none;border-color:#fff3}.music-player-title{font-family:Montserrat,Arial,sans-serif;font-size:1.1rem;color:#fff;font-weight:600;text-shadow:0 1px 8px #d72660cc;letter-spacing:.04em;margin:0 .5rem}.music-player-time{font-size:.98rem;color:#fff;font-family:Montserrat,Arial,sans-serif;margin:0 .5rem;min-width:80px;text-shadow:0 1px 8px #d72660cc}.music-player-progress{flex:1 1 0;margin:0 .5rem;accent-color:#ff69b4;height:4px;border-radius:2px;background:#fff;outline:none}.music-player-volume{width:80px;margin-left:.5rem;accent-color:#ff69b4;vertical-align:middle}.music-player-vol{margin-left:.5rem;font-size:1.1rem;width:32px;height:32px;min-width:32px;min-height:32px}.music-player-controls{display:flex;align-items:center;justify-content:center}.music-player-volume-dropup{position:relative;display:flex;align-items:flex-end;margin-left:.5rem}.music-player-volume-popup{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 4px 16px #ff69b4aa;padding:.7rem .5rem .5rem;z-index:10;display:flex;flex-direction:column;align-items:center;min-width:36px}.music-player-volume-vertical{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:32px;height:90px;accent-color:#ff69b4;margin:0;padding:0}input[type=range].slider-vertical{writing-mode:vertical-lr;direction:rtl}.music-player-btn-oblique{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:18px;background:#ff69b4;color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #ff69b4cc,0 0 0 4px #fff3 inset;transform:rotate(20deg);transition:background .2s,color .2s,box-shadow .2s,transform .1s;outline:2px solid #fff5f8;outline-offset:2px;cursor:pointer;position:relative;margin:0 .3rem}.music-player-btn-oblique:active{background:#d72660;box-shadow:0 4px 16px #d72660cc,0 0 0 4px #fff3 inset;transform:rotate(20deg) scale(.96)}.music-player-btn-oblique:hover,.music-player-btn-oblique:focus{background:#d72660;color:#fff;box-shadow:0 8px 32px #ff69b4aa;transform:rotate(20deg) scale(1.08)}.music-player-btn-oblique .oblique-icon{transform:rotate(-20deg);font-size:2.3rem;width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.music-player-sticky{flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:44px}.music-player-title{font-size:.95rem;min-width:0;max-width:40vw;white-space:normal;word-break:break-word}.music-player-btn,.music-player-btn-contrast,.music-player-vol{width:28px;height:28px;min-width:28px;min-height:28px;font-size:1rem}.music-player-time{font-size:.85rem;min-width:54px;margin:0 .3rem 0 .1rem}.music-player-progress{min-width:60px;max-width:100px;margin:0 .3rem;height:3px}.music-player-volume{width:48px;margin-left:.2rem}.music-player-controls{gap:.1rem;margin-right:.2rem}.music-player-btn-contrast{width:32px;height:32px;min-width:32px;min-height:32px;font-size:1.2rem}.music-player-volume-popup{min-width:24px;padding:.4rem .2rem .2rem}.music-player-volume-vertical{width:18px;height:60px}.music-player-btn-oblique{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:12px}.music-player-btn-oblique .oblique-icon{font-size:1.6rem;width:1.6rem;height:1.6rem}.music-player-expand-btn{width:36px;height:36px;bottom:.6rem}}@media (max-width: 400px){.music-player-title{display:none}.music-player-progress{min-width:30px;max-width:60px}}.music-player-expand-btn{position:fixed;left:50%;bottom:.8rem;transform:translate(-50%);z-index:3100;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #ff69b4cc,0 0 0 4px #fff3 inset;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;outline:2px solid #fff5f8;outline-offset:2px}.music-player-expand-btn:hover,.music-player-expand-btn:focus{background:linear-gradient(135deg,#d72660,#ffb6c1);box-shadow:0 8px 32px #ff69b4aa;transform:translate(-50%) scale(1.08)}.music-player-collapse-btn{background:none;border:none;position:absolute;right:1.2rem;bottom:1.2rem;z-index:3200;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:background .2s}.music-player-collapse-btn:hover,.music-player-collapse-btn:focus{background:#ffe4f0}.music-player-expanded{animation:playerExpandIn .3s cubic-bezier(.4,1.4,.6,1) both}@keyframes playerExpandIn{0%{transform:scale(.7) translateY(40px);opacity:0}to{transform:scale(.85) translateY(0);opacity:1}}.app{min-height:100vh;padding:2rem}.gallery{background-color:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000001a}.grayscale{filter:grayscale(100%)}.sepia{filter:sepia(100%)}.saturate{filter:saturate(200%)}.contrast{filter:contrast(150%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery{animation:fadeIn .5s ease-out}:root{--primary-color: #ff69b4;--secondary-color: #ff1493;--background-color: #fff5f8;--text-color: #333;--max-mobile-width: 480px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;touch-action:manipulation}.app-container{max-width:var(--max-mobile-width);margin:0 auto;min-height:100vh;background-color:#fff;box-shadow:0 0 20px #0000001a;position:relative;overflow-x:hidden}@media (min-width: calc(var(--max-mobile-width) + 40px)){body{background-color:#f0f0f0;padding:20px 0}.app-container{min-height:calc(100vh - 40px);border-radius:20px}}button,select,.interactive{min-height:44px;padding:12px 16px;border-radius:12px;border:none;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s ease}button:active,.interactive:active{transform:scale(.98)}.no-select{user-select:none;-webkit-user-select:none}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.filter-select{padding:.5rem 1rem;border:2px solid var(--primary-color);border-radius:8px;background-color:#fff;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .3s ease}.filter-select:hover{background-color:var(--primary-color);color:#fff}