.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #005293;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;background-color:#FECC02;color:#000;text-align:center;border-radius:6px;padding:1px 7px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;font-size:.9em;white-space:nowrap;box-shadow:0 2px 3px #888}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}p{margin-bottom:1em}.audio-player{display:flex;flex-direction:column;align-items:center;max-width:320px;margin:20px auto;padding:10px 20px 15px 20px;border-radius:10px;background-image:linear-gradient(to bottom,#e3e3e3,#e9e9e9);box-shadow:0 4px 20px rgb(0 0 0 / .2);color:#ecf0f1;font-family:Arial,sans-serif;border:1px solid #c7c7c7}.progress{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#34495e;border-radius:5px;outline:none;overflow:hidden;margin:15px 0}.progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#e74c3c;border-radius:50%;cursor:pointer;box-shadow:0 0 5px rgb(0 0 0 / .5)}.progress::-moz-range-thumb{width:15px;height:15px;background:#e74c3c;border-radius:50%;cursor:pointer;box-shadow:0 0 5px rgb(0 0 0 / .5)}.controls{display:flex;gap:10px;justify-content:center;margin-top:7px}.controls button{background:linear-gradient(135deg,#a7b2b9,#ebeaea);color:#161616;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.3s;box-shadow:0 1px 3px 0}.controls button:hover{background:linear-gradient(135deg,#afafaf,#efefef);box-shadow:0 1px 1px 0}.dropdown{position:relative;display:inline-block;width:40px;height:40px;background:linear-gradient(135deg,#a7b2b9,#ebeaea);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#161616;box-shadow:0 1px 3px 0}.dropdown:hover{background:linear-gradient(135deg,#afafaf,#efefef);box-shadow:0 1px 1px 0}.dropdown-content{display:none;position:absolute;top:45px;left:50%;transform:translateX(-50%);background-color:#e8e8e8;border-radius:10px;box-shadow:0 2px 0 rgb(0 0 0 / .3);z-index:1;overflow:hidden;width:max-content}.dropdown-content div{padding:4px 20px;cursor:pointer;color:#2d2d2d;transition:background 0.3s;text-align:left;font-weight:500}.dropdown-content div:hover{background:#c5c5c5}.dropdown.active .dropdown-content{display:block}