.audio-controls{max-width:1240px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5e0f0}
.audio-controls button,.read-again{border:1px solid #d8d1ea;background:white;border-radius:12px;color:#343c87;font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:10px 14px;cursor:pointer}
.audio-controls button[aria-pressed=true]{background:#343c87;color:white;border-color:#343c87}
.audio-status{font-size:12px;line-height:1.5;color:#625c7a;flex:1;min-width:180px;margin:0}
.ranking-notice{font-size:12px!important;line-height:1.55;color:#514b68!important}
.corredor-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:8px;background:#fff;color:#303b77;border:2px solid #ded8ee;padding:8px 13px 8px 8px;border-radius:40px;box-shadow:0 4px 20px #303b7733;text-decoration:none;font-weight:750;font-size:11px;line-height:1.3}
.corredor-symbol{display:block;width:46px;height:53px;overflow:hidden;flex:none}
.corredor-symbol img{display:block;width:173px;max-width:none;height:53px}
.corredor-float:hover{border-color:#343c87}.corredor-float:focus-visible{outline:3px solid #c84620;outline-offset:4px}
body{padding-bottom:100px}.site-footer{padding-bottom:25px}#toast{bottom:105px}
.participation-stats{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.participation-stats>span{background:#e9f4fc;border:1px solid #c9e4f6;border-radius:16px;flex:1;min-width:125px;padding:14px;font-size:12px;color:#345574}.participation-stats strong{display:block;font-size:27px;color:#303b77}
.reader-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.reader-note{font-size:13px;line-height:1.5;color:#625c7a}
.mode-choice{border:1px solid #ddd5ed;border-radius:12px;margin:14px 0;padding:12px}.mode-choice legend{font-size:13px;font-weight:700}.mode-choice label{display:flex;align-items:flex-start;gap:8px;padding:7px 0;font-size:13px;line-height:1.5}.mode-choice input{width:18px;height:18px;flex:none;accent-color:#343c87}
.tv-mode .audio-controls{display:none}.tv-mode .corredor-float{display:none}
@media(max-width:760px){.audio-controls{padding:9px 20px;gap:8px}.audio-controls button{flex:1;font-size:12px;padding:10px}.audio-status{flex-basis:100%;font-size:11px}.corredor-float{padding-right:11px}.corredor-float .float-caption{max-width:60px}}

.reader-actions button[aria-pressed=true]{background:#343c87;color:white;border-color:#343c87}
