@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Scheherazade+New:wght@400;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2f2f2fde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--yellow-splash:hue-rotate(190deg)contrast(1)brightness(1.2);background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{margin:0;padding:0}#root{width:400px;height:200vh;margin:0 auto}main{flex-direction:column;justify-content:center;align-items:center;width:400px;height:100vh;display:flex;position:fixed;overflow:hidden}section{justify-content:center;align-items:center;height:100%;margin:0 auto;display:flex;position:relative}@media screen and (min-width:600px){#root{width:600px}main{width:600px;height:100vh}}#section-1 .splash-1{width:300px;height:auto;position:absolute;top:-100px;right:-120px}#section-1 .splash-2{width:350px;height:auto;position:absolute;bottom:-160px;left:-190px}#section-1 .splash-3{width:300px;height:auto;position:absolute;top:-20px;left:-220px}#section-1 .splash-4{width:300px;height:auto;position:absolute;bottom:-100px;right:-150px}#section-1 .splash-5{width:250px;height:auto;filter:var(--yellow-splash);position:absolute;bottom:150px;left:-150px}#section-1 .splash-6{width:250px;height:auto;filter:var(--yellow-splash);position:absolute;top:90px;left:100px}#section-1 .section-1-hero{flex-direction:column;align-items:center;display:flex;position:relative}#section-1 .section-1-hero .big-flowers{width:80%}#section-1 .section-1-hero .butterfly{z-index:10;width:100px;height:100px;position:absolute;left:60px}#section-1 .section-1-hero-text{z-index:10;justify-content:center;align-items:center;gap:1rem;font-family:Fleur De Leah,cursive;font-size:4rem;display:flex;position:absolute;bottom:135px}@media screen and (min-width:600px){#section-1 .section-1-hero-text{bottom:260px}#section-1 .section-1-hero .butterfly{width:130px;height:130px;left:90px}#section-1 .splash-1{top:-120px}}#section-2 .flower-left-top{z-index:10;width:300px;height:auto;position:absolute;top:-210px;right:20px}#section-2 .splash-1{width:300px;height:auto;position:absolute;top:-120px;left:20px}#section-2 .splash-2{width:200px;height:auto;filter:var(--yellow-splash);position:absolute;top:90px;right:60px}#section-2 .butterfly-1{width:60px;height:auto;position:absolute;top:0;left:30px}#section-2 .guest-name{width:100px;height:auto;position:absolute;top:20px;left:90px}#section-2 p{margin:0;padding:0}#section-2 .guest-name p:first-child{font-family:Roboto,sans-serif;font-size:16px;font-weight:600}#section-2 .guest-name p:last-child{margin-top:5px;font-family:Delius,cursive;font-size:20px}#section-2 .text-container{text-align:center;text-transform:uppercase;letter-spacing:.1rem;z-index:10;width:250px;font-family:Roboto,sans-serif;font-size:20px;position:absolute}#section-2 .bride-groom-name{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;font-family:Delius,cursive;font-size:36px;display:flex}#section-2 .tangan{width:500px;height:auto;position:absolute;bottom:73px}#section-2 .flower-right-bottom{width:300px;height:auto;position:absolute;bottom:-130px;left:0}#section-2 .splash-3{width:300px;height:auto;filter:var(--yellow-splash);position:absolute;bottom:100px;left:0}#section-2 .splash-4{width:300px;height:auto;position:absolute;bottom:-50px;right:10px}#section-2 .splash-5{width:200px;height:auto;filter:var(--yellow-splash);position:absolute;bottom:-60px;right:-50px}#section-2 .butterfly-2{width:50px;height:auto;position:absolute;bottom:200px;left:120px}#section-2 .butterfly-3{width:100px;height:auto;position:absolute;bottom:40px;left:-60px}@media screen and (min-width:600px){#section-2 .flower-left-top{right:120px}#section-2 .splash-1{left:120px}#section-2 .splash-2{right:120px}#section-2 .butterfly-1{left:130px}#section-2 .guest-name{left:190px}#section-2 .text-container{width:300px;font-size:24px}#section-2 .tangan{width:800px;bottom:-50px}#section-2 .flower-right-bottom,#section-2 .splash-3{left:120px}#section-2 .splash-4,#section-2 .splash-5{right:120px}#section-2 .butterfly-2{left:240px}#section-2 .butterfly-3{left:50px}}#section-3 .verse-container{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#section-3 .hero-flower{width:90%;height:100%}#section-3 .verse-text{width:100%;max-width:600px;position:absolute}#section-3 .verse-text-content{color:#2c3e50;text-align:center;letter-spacing:.02em;padding:0 2rem;font-family:Roboto,Delius,serif;font-size:.7rem;font-weight:400;line-height:1.8}#section-3 .verse-reference{color:#7f8c8d;margin:0;font-family:Roboto,sans-serif;font-size:.8rem;font-style:italic;font-weight:300}#section-3 .splash-1{width:300px;height:auto;position:absolute;top:-120px;left:20px}#section-3 .splash-2{width:200px;height:auto;filter:var(--yellow-splash);position:absolute;top:90px;right:60px}#section-3 .splash-3{width:300px;height:auto;filter:var(--yellow-splash);position:absolute;bottom:100px;left:0}#section-3 .splash-4{width:300px;height:auto;position:absolute;bottom:-50px;right:10px}#section-3 .splash-5{width:200px;height:auto;filter:var(--yellow-splash);position:absolute;bottom:-60px;right:-50px}@media screen and (min-width:600px){#section-3 .verse-text-content{font-size:1.1rem}#section-3 .verse-reference{font-size:1rem}#section-3 .splash-1{left:120px}#section-3 .splash-2{right:120px}#section-3 .splash-3{left:120px}#section-3 .splash-4,#section-3 .splash-5{right:120px}}#section-4 .couple-container{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex;position:relative}#section-4 .eli{z-index:10;width:100%;max-width:300px;height:auto;position:absolute;top:-90px;left:-90px}#section-4 .adi{z-index:10;width:100%;max-width:300px;height:auto;position:absolute;bottom:-90px;right:-90px}#section-4 .couple-info{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:700px;display:flex}#section-4 .bride-info,#section-4 .groom-info{text-align:center;width:100%}#section-4 .name{color:#2c3e50;letter-spacing:.02em;margin:0 0 1rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:600}#section-4 .parent-info{color:#5a6c7d;margin:0;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}#section-4 .divider{justify-content:center;align-items:center;margin:1rem 0;display:flex;position:relative}#section-4 .divider:before,#section-4 .divider:after{content:"";background:linear-gradient(90deg,#0000,#d4a574,#0000);width:60px;height:1px;position:absolute;top:50%}#section-4 .divider:before{left:-80px}#section-4 .divider:after{right:-80px}#section-4 .ampersand{color:#d4a574;z-index:2;padding:0 1rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:400;position:relative}@media screen and (min-width:600px){#section-4 .eli{max-width:400px;top:-100px;left:-200px}#section-4 .adi{max-width:400px;bottom:-100px;right:-200px}#section-4 .couple-info{gap:1.5rem}#section-4 .name{font-size:2.2rem}#section-4 .parent-info{font-size:1.1rem}#section-4 .ampersand{font-size:2rem}#section-4 .divider:before,#section-4 .divider:after{width:40px}#section-4 .divider:before{left:-60px}#section-4 .divider:after{right:-60px}}#section-5 .ceremony-container{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex;position:relative}#section-5 .flower{z-index:10;width:auto;height:80%;position:absolute}#section-5 .ceremony-content{width:100%;max-width:600px}#section-5 .ceremony-title{color:#2c3e50;letter-spacing:.02em;margin:0 0 3rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600}#section-5 .ceremony-events{flex-direction:column;gap:3rem;width:100%;display:flex}#section-5 .ceremony-event{border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden}#section-5 .event-title{color:#2c3e50;letter-spacing:.02em;margin:0 0 1.5rem;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600}#section-5 .event-details{flex-direction:column;gap:.8rem;display:flex}#section-5 .event-date,#section-5 .event-time,#section-5 .event-location{color:#5a6c7d;margin:0;font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.5}#section-5 .event-date{color:#2c3e50;font-size:1.2rem;font-weight:600}#section-5 .event-time{color:#d4a574;font-size:1.3rem;font-weight:600}#section-5 .event-location{color:#7f8c8d;font-style:italic}#section-5 #section-5:before{content:"";z-index:1;background:radial-gradient(circle,#d4a57433 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:10%;left:5%}#section-5 #section-5:after{content:"";z-index:1;background:radial-gradient(circle,#ffb6c140 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;bottom:15%;right:8%}@media screen and (max-width:768px){#section-5 #section-5{padding:1rem .5rem}#section-5 .hero-flower{max-width:300px;margin-bottom:2rem}#section-5 .ceremony-title{margin-bottom:2rem;font-size:2rem}#section-5 .ceremony-events{gap:2rem}#section-5 .ceremony-event{padding:2rem 1.5rem}#section-5 .event-title{margin-bottom:1rem;font-size:1.5rem}#section-5 .event-date,#section-5 .event-time,#section-5 .event-location{font-size:1rem}#section-5 .event-time{font-size:1.1rem}}@media screen and (max-width:480px){#section-5 .hero-flower{max-width:250px;margin-bottom:1.5rem}#section-5 .ceremony-title{margin-bottom:1.5rem;font-size:1.8rem}#section-5 .ceremony-events{gap:1.5rem}#section-5 .ceremony-event{padding:1.5rem 1rem}#section-5 .event-title{margin-bottom:.8rem;font-size:1.3rem}#section-5 .event-date,#section-5 .event-time,#section-5 .event-location{font-size:.9rem}#section-5 .event-time{font-size:1rem}}@media screen and (min-width:1024px){#section-5 .hero-flower{max-width:500px}#section-5 .ceremony-title{margin-bottom:3.5rem;font-size:3rem}#section-5 .ceremony-events{gap:3.5rem}#section-5 .ceremony-event{padding:3rem 2.5rem}#section-5 .event-title{margin-bottom:2rem;font-size:2rem}#section-5 .event-date,#section-5 .event-time,#section-5 .event-location{font-size:1.2rem}#section-5 .event-time{font-size:1.4rem}}#section-6 .location-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:900px;display:flex;position:relative}#section-6 .location-content{z-index:10;width:100%;max-width:600px}#section-6 .location-title{color:#2c3e50;letter-spacing:.02em;margin:0 0 2rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600}#section-6 .address-info{padding:2.5rem 2rem;position:relative}#section-6 .address-line{color:#2c3e50;margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:500}#section-6 .map-container{z-index:10;border-radius:20px;width:100%;max-width:800px;overflow:hidden}#section-6 .map-container iframe{border:none;border-radius:20px;width:100%;max-width:400px;height:300px}@media screen and (max-width:768px){#section-6 #section-6{padding:1rem .5rem}#section-6 .location-container{gap:2rem}#section-6 .location-title{margin-bottom:1.5rem;font-size:2rem}#section-6 .address-info{padding:2rem 1.5rem}#section-6 .address-line{font-size:1.1rem}#section-6 .map-container iframe{height:300px}}@media screen and (max-width:480px){#section-6 .location-container{gap:1.5rem}#section-6 .location-title{margin-bottom:1rem;font-size:1.8rem}#section-6 .address-info{padding:1.5rem 1rem}#section-6 .address-line{font-size:1rem}#section-6 .map-container iframe{max-width:350px;height:300px}}@media screen and (min-width:1024px){#section-6 .location-title{margin-bottom:2.5rem;font-size:3rem}#section-6 .address-info{padding:3rem 2.5rem}#section-6 .address-line{font-size:1.3rem}#section-6 .map-container iframe{max-width:400px;height:300px}}@media screen and (max-width:600px){#section-6 .map-container{max-width:100%}}#section-6 .map-container iframe{min-height:300px}@media screen and (min-width:1200px){#section-6 .map-container iframe{max-width:400px;height:300px}}#section-7{flex-direction:column;justify-content:start;align-items:center;display:flex}#section-7 .closing-container{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex;position:relative}#section-7 .closing-content{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;display:flex}#section-7 .closing-message{border-radius:20px;padding:1.5rem 1rem;position:relative;overflow:hidden}#section-7 .message-text{color:#2c3e50;letter-spacing:.02em;text-align:center;margin:0;font-family:Roboto,serif;font-size:1rem;font-weight:400;line-height:1.6}#section-7 .couple-signature{flex-direction:column;align-items:center;gap:1rem;padding:1.2rem;display:flex;position:relative;overflow:hidden}#section-7 .signature-label{color:#7f8c8d;letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500}#section-7 .couple-names{color:#2c3e50;letter-spacing:.05em;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}#section-7 .closing-form{z-index:10;border:1px solid #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:300px;margin-top:1rem;padding:1rem;font-size:.8rem;display:flex}#section-7 .closing-form-content{flex-direction:column;gap:1rem;width:100%;display:flex}#section-7 .form-group{flex-direction:column;display:flex}#section-7 .closing-form-content input,#section-7 .closing-form-content textarea{border:1px solid #ddd;border-radius:8px;padding:.75rem;font-family:Roboto,sans-serif;font-size:.8rem;transition:border-color .2s}#section-7 .closing-form-content input:focus,#section-7 .closing-form-content textarea:focus{border-color:#3498db;outline:none}#section-7 .closing-form-content textarea{resize:vertical;min-height:80px}#section-7 .attendance-options{gap:1rem;display:flex}#section-7 .attendance-options label{cursor:pointer;align-items:center;gap:.5rem;font-family:Roboto,sans-serif;font-size:.8rem;display:flex}#section-7 .attendance-options input[type=radio]{margin:0}#section-7 .closing-form-content button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Roboto,sans-serif;font-size:.8rem;transition:background-color .2s}#section-7 .closing-form-content button:hover{background-color:#2980b9}#section-7 .error-message{color:#e74c3c;font-family:Roboto,sans-serif;font-size:.875rem}#section-7 .modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}#section-7 .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}#section-7 .modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}#section-7 .modal-header h3{color:#2c3e50;margin:0;font-family:Playfair Display,serif;font-size:1.5rem}#section-7 .modal-close{cursor:pointer;color:#7f8c8d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;transition:background-color .2s;display:flex}#section-7 .modal-close:hover{background-color:#f8f9fa}#section-7 .modal-body{padding:1.5rem}#section-7 .modal-body p{color:#2c3e50;margin:0 0 1rem;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6}#section-7 .status{border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}#section-7 .status.hadir{color:#155724;background-color:#d4edda}#section-7 .status.tidak-hadir{color:#721c24;background-color:#f8d7da}#section-7 .pesan-section{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:1rem;padding:1rem}#section-7 .pesan-text{color:#6c757d;margin-top:.5rem;font-style:italic}#section-7 .modal-footer{justify-content:flex-end;padding:0 1.5rem 1.5rem;display:flex}#section-7 .modal-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Roboto,sans-serif;font-size:1rem;transition:background-color .2s}#section-7 .modal-button:hover{background-color:#2980b9}#section-7 .bank-info-section{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem}#section-7 .bank-info-toggle{cursor:pointer;color:#2c3e50;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}#section-7 .bank-info-toggle:hover{background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);border-color:#3498db}#section-7 .toggle-icon{color:#3498db;font-size:.8rem;transition:transform .3s}#section-7 .toggle-icon.expanded{transform:rotate(180deg)}#section-7 .bank-info-content{margin-top:1rem;overflow:hidden}#section-7 .bank-info-header{background-color:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;margin-bottom:1rem;padding:.75rem}#section-7 .bank-info-header p{color:#495057;margin:0;font-size:.9rem;font-style:italic}#section-7 .bank-account-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1rem;padding:1rem}#section-7 .bank-account-header{border-bottom:1px solid #e9ecef;justify-content:center;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}#section-7 .bank-account-header h4{color:#2c3e50;margin:0;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}#section-7 .bank-account-details{flex-direction:column;gap:.75rem;display:flex}#section-7 .account-detail{flex-direction:column;gap:.25rem;display:flex}#section-7 .detail-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}#section-7 .detail-value{align-items:center;gap:.5rem;display:flex}#section-7 .account-number,#section-7 .account-holder{color:#2c3e50;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;flex:1;padding:.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:600}#section-7 .bank-info-note{text-align:center;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border-left:4px solid #28a745;border-radius:6px;margin-top:1rem;padding:.75rem}#section-7 .bank-info-note p{color:#155724;margin:0;font-size:.85rem}@media screen and (min-width:600px){#section-7 .closing-content{gap:3rem}#section-7 .closing-message{padding:3rem 2.5rem}#section-7 .message-text{font-size:1.2rem;line-height:1.8}#section-7 .couple-signature{padding:2rem}#section-7 .signature-label{font-size:.9rem}#section-7 .couple-names{font-size:2.2rem}#section-7 .closing-form{margin-top:2rem;padding:2rem}#section-7 .closing-form-content{font-size:1rem}#section-7 .bank-account-details{flex-direction:row;gap:1.5rem}#section-7 .account-detail{flex:1}}@media screen and (max-width:480px){#section-7 .bank-info-toggle{padding:.75rem;font-size:.8rem}#section-7 .bank-account-card{padding:.75rem}#section-7 .bank-account-header{justify-content:center}#section-7 .bank-account-details{flex-direction:column;gap:.75rem}#section-7 .detail-value{flex-direction:column;align-items:stretch;gap:.5rem}#section-7 .account-number,#section-7 .account-holder{padding:.4rem;font-size:.8rem}}.already-submitted-content{text-align:center;border-radius:20px;margin:0 auto}.thank-you-message{text-align:center;color:#2c3e50;margin:1.5rem 0;font-size:1rem;line-height:1.5}.view-submission-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;width:100%;max-width:300px;margin:1rem 0;padding:.8rem 2rem;font-size:1rem;font-weight:600}.view-submission-btn:active{transform:translateY(0)}.audio-player{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;min-width:300px;max-width:400px;padding:16px;font-family:Georgia,serif;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #0000001a}.audio-player-content{align-items:center;gap:12px;display:flex}.play-pause-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff6b9d4d}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b9d66}.play-pause-btn:disabled{opacity:.6;cursor:not-allowed}.play-pause-btn.playing{background:linear-gradient(135deg,#ff8fab,#ff6b9d)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-info{flex:1;min-width:0}.song-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.song-artist{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.progress-container{flex:1;min-width:0}.progress-bar{background:#0000001a;border-radius:2px;width:100%;height:4px;margin-bottom:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6b9d,#ff8fab);border-radius:2px;height:100%;transition:width .1s}.time-display{color:#888;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.volume-control{color:#666;align-items:center;gap:8px;display:flex}.volume-slider{cursor:pointer;appearance:none;background:#0000001a;border-radius:2px;outline:none;width:60px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#ff6b9d,#ff8fab);border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #ff6b9d4d}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #ff6b9d4d}@media (max-width:600px){.audio-player{min-width:auto;max-width:none;padding:12px;bottom:10px;left:10px;right:10px}.audio-player-content{gap:8px}.play-pause-btn{width:40px;height:40px}.song-info{flex:1}.progress-container,.volume-control{display:none}}