.recitation-player{position:fixed;z-index:100;right:24px;bottom:24px;width:min(520px,calc(100vw - 32px));padding:20px;border:1px solid rgba(201,149,53,.35);border-radius:28px;background:#0d3028f5;color:#fff;box-shadow:0 28px 80px rgba(5,35,28,.34);backdrop-filter:blur(18px)}
.recitation-player[hidden]{display:none}.player-top,.player-identity,.player-settings,.seek-row,.player-controls,.volume-row{display:flex;align-items:center}.player-top{justify-content:space-between}.player-identity{gap:12px}.player-identity>div{display:grid}.player-identity small{font-size:.68rem;letter-spacing:.16em;color:#d5b66f}.player-identity strong{font:700 1.3rem Georgia,serif}.player-identity span{color:#cbd7d2}.player-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#c99535;font:700 1.8rem Georgia,serif;color:#0e3b2f}.icon-button,.play-button{border:0;color:inherit;cursor:pointer}.icon-button{min-width:42px;height:42px;border-radius:13px;background:#ffffff17}.icon-button:hover{background:#ffffff29}.play-button{width:60px;height:60px;border-radius:50%;background:#c99535;color:#0e3b2f;font-size:1.25rem;box-shadow:0 8px 24px #c9953547}.player-settings{gap:12px;margin:18px 0 14px}.player-settings label{display:grid;gap:5px;flex:1;font-size:.7rem;letter-spacing:.08em;color:#b9c9c3}.player-settings label:last-child{max-width:105px}.player-settings select{width:100%;padding:10px 12px;border:1px solid #ffffff26;border-radius:12px;background:#174b40;color:#fff;font:inherit;font-size:.9rem}.seek-row{gap:10px;font-variant-numeric:tabular-nums;font-size:.78rem;color:#bdcbc6}.seek-row input,.volume-row input{accent-color:#c99535;cursor:pointer}.seek-row input{flex:1}.player-controls{justify-content:center;gap:10px;margin:14px 0}.volume-row{gap:9px;flex-wrap:wrap}.volume-row input{flex:1;min-width:120px}.volume-row output{width:44px;font-size:.78rem}.volume-row #loudBadge{padding:5px 7px;border-radius:99px;background:#9d332c;color:#fff2e8;font-size:.6rem;font-weight:800;letter-spacing:.07em}.download-button{padding:8px 11px;border:1px solid #ffffff2e;border-radius:10px;color:#fff;text-decoration:none;font-size:.75rem}.audio-note{margin:12px 0 0;color:#aebfba;font-size:.7rem;line-height:1.45}
@media(max-width:600px){.recitation-player{right:10px;bottom:10px;width:calc(100vw - 20px);padding:16px;border-radius:22px}.player-settings{align-items:end}.player-settings label:first-child{min-width:0}.player-identity strong{font-size:1.1rem}.player-controls{gap:7px}.icon-button{min-width:38px;height:38px}.play-button{width:54px;height:54px}.download-button{width:100%;text-align:center}}