*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#f0f2f5;color:#333}.wrapper{max-width:800px;margin:0 auto 30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.dancing-script-header{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;margin-bottom:20px}.container{padding-top:100px}.header{background:#fafafa;max-width:800px;margin:0 auto;position:fixed;width:100%}h1{text-align:center;color:#2c3e50;font-size:clamp(2.3em,5vw + 1rem,3.5em);border-top-right-radius:10px;border-top-left-radius:10px}.audio-list{list-style:none;margin-bottom:30px}.audio-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.audio-item:last-child{border-bottom:none}.audio-item:hover{background-color:#f5f5f5}.audio-item.active{background-color:#e3f2fd}.audio-item .audio-number{width:30px;color:#666}.audio-item .audio-title{flex-grow:1;word-break:break-all}.player-controls{background:#2c3e50;padding:15px;color:#fff;text-align:center;transition:padding-bottom .3s ease;position:relative;overflow:hidden}.player-controls.expanded{padding-bottom:60px}.player-controls .audio-info{margin-bottom:15px;font-size:.9em;padding:0 10px}.player-default-image{width:35px;height:auto}.controls{display:flex;justify-content:center;gap:20px;align-items:center;font-size:30px;cursor:pointer}button{background:none;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;font-size:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{background-color:#ffffff1a}.progress-container{margin:25px 0 10px;background:#ffffff1a;border-radius:5px;height:5px;position:relative}.progress-bar{background:#3498db;height:100%;border-radius:5px;width:0;transition:width .1s linear}.time-display{display:flex;justify-content:space-between;font-size:.8em;margin-top:5px;color:#fffc}.volume-control{display:flex;align-items:center;gap:10px;justify-content:center}.volume-control input[type=range]{width:250px;height:5px;-webkit-appearance:none;background:#ffffff1a;border-radius:5px;cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#3498db;border-radius:50%;cursor:pointer}.wavy-border-3{position:relative}.wavy-border{background-image:url("data:image/svg+xml,%3Csvg width='1200' height='24' viewBox='0 0 1200 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C200 12 300 24 600 24C900 24 1000 12 1200 12' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:bottom;background-size:100% 12px;background-repeat:no-repeat}#resetButton{position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);opacity:0;visibility:hidden;color:#fff;background:#ffffff1a;border:none;cursor:pointer;font-size:.9em;padding:15px;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s}#resetButton:hover{background:#fff3}#resetButton.visible{transform:translateY(0);opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility 0s linear}.volume-control{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:15px}.volume-control input[type=range]{-webkit-appearance:none;width:150px;height:5px;background:#ffffff1a;border-radius:5px;cursor:pointer;touch-action:none;z-index:1;position:relative}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#3498db;border-radius:50%;border:2px solid white;cursor:pointer;position:relative;z-index:2}