.player-text-display{flex-shrink:0}
.reading-visibility-panel{position:fixed;z-index:1300;width:min(280px,calc(100vw - 24px));padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white,#fff);color:var(--ink);box-shadow:0 12px 40px #10203c24;cursor:default;text-align:left}
.reading-visibility-panel>strong{display:block;font-size:16px;margin-bottom:14px}
.reading-visibility-panel>p{font-size:12px;color:var(--muted);margin:12px 0 0}
.reading-visibility-controls{display:flex;align-items:center;gap:8px}
.reading-visibility-controls .reading-visibility-button{flex:1}
.reading-visibility-button{min-height:36px;padding:7px 13px;border:1px solid #dce4f3;border-radius:9px;background:var(--white,#fff);color:#5f7192;font-size:13px;line-height:1.4;cursor:pointer;white-space:nowrap}
.reading-visibility-button:hover{background:#f0f4ff;border-color:#b6c6ed;color:#4169e8}
.reading-visibility-button[aria-pressed=true]{background:#edf2ff;border-color:#b8c9f3;color:#4169e8}
.reading-visibility-button:focus-visible{outline:2px solid #4169e8;outline-offset:3px}
.reading-hidden-hint{display:block;color:var(--muted,#8c98ad);font-size:14px;font-weight:400;line-height:1.9;padding:4px 0}
.text-hide-en .sentence .zh{margin-top:0}
html[data-theme=dark] .reading-visibility-button{background:#202c40;border-color:#3b4a60;color:#bbc9df}
html[data-theme=dark] .reading-visibility-button:hover,html[data-theme=dark] .reading-visibility-button[aria-pressed=true]{background:#2b4064;border-color:#536fa1;color:#c8d9ff}
@media(max-width:600px){
 .reading-visibility-button{padding:8px 10px;font-size:13px}
 #player .player-inner.has-text-display{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
 #player .has-text-display :is(#previous,#play,#next,.player-volume,#close-player){justify-self:center}
 #player .has-text-display .player-content{grid-column:1/-1;grid-row:1}
 #player .has-text-display #close-player{grid-column:6;grid-row:2}
 #player .has-text-display .player-settings-button:not(.reading-appearance-button):not(.text-display-toggle){grid-column:1/span 2;grid-row:3}
 #player .has-text-display .reading-appearance-button{grid-column:3/span 2;grid-row:3}
 #player .has-text-display .player-text-display{grid-column:5/span 2;grid-row:3}
 #player .has-text-display .text-display-toggle{width:100%;font-size:12px;padding:8px 4px}
}