/* Local demonstration only; all existing controls remain visible. */
html body #audio-panel{padding:6px 24px!important;box-sizing:border-box!important;border-radius:0!important}
html body #audio-panel .audio-inner{max-width:1280px!important;margin:auto!important;display:grid!important;grid-template-columns:1fr auto;gap:0 18px!important;font-size:12px!important;align-items:center!important}
html body #audio-panel .audio-inner>strong{grid-column:1;font-size:12px!important;line-height:18px!important}
html body #audio-panel .audio-inner>small{grid-column:2;grid-row:1;font-size:12px!important;line-height:18px!important}
html body #audio-panel .audio-controls{grid-column:1/-1;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;align-items:center!important}
html body #audio-panel .audio-controls button{min-height:36px!important;height:36px!important;padding:4px 12px!important;font-size:12px!important;border-radius:7px!important;white-space:nowrap!important}
html body #audio-panel .audio-controls label{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;white-space:nowrap!important}
html body #audio-panel .audio-controls select{height:32px!important;min-height:32px!important;padding:2px 8px!important;font-size:12px!important}
html body #audio-panel .audio-controls input[type=range]{flex:1!important;width:auto!important;min-width:80px!important;height:32px!important;margin:0!important}
html body #audio-panel .audio-controls output{white-space:nowrap!important;font-size:12px!important}
html body #audio-panel #audio-message{grid-column:1;grid-row:3;font-size:11px!important;line-height:18px!important;margin:0!important}
html body #audio-panel .audio-sync-row{grid-column:2;grid-row:3;margin:0!important;display:flex!important;gap:8px!important;align-items:center!important;font-size:12px!important}
html body #audio-panel .audio-sync-row label{white-space:nowrap!important;font-size:12px!important;margin:0!important}
html body #audio-panel .audio-sync-row button{font-size:12px!important;padding:2px 8px!important;min-height:24px!important}
html body #audio-panel #audio-sync-status{grid-column:1/-1;font-size:11px!important;line-height:16px!important;margin:0!important}
@media(pointer:coarse){html body #audio-panel .audio-controls button,html body #audio-panel .audio-controls select{height:44px!important;min-height:44px!important}}
@media(max-width:700px){html body #audio-panel{padding:6px 10px!important}html body #audio-panel .audio-inner{display:block!important}html body #audio-panel .audio-controls{flex-wrap:wrap!important}html body #audio-panel .audio-controls input[type=range]{min-width:130px!important}html body #audio-panel .audio-sync-row{flex-wrap:wrap!important}}
html body #audio-panel .audio-inner{grid-template-columns:auto 1fr auto!important;column-gap:20px!important}
html body #audio-panel .audio-inner>small{grid-column:2/-1;text-align:right}
html body #audio-panel #audio-message{grid-column:1;grid-row:3;margin:0!important}
html body #audio-panel #audio-sync-status{grid-column:2;grid-row:3;margin:0!important}
html body #audio-panel .audio-sync-row{grid-column:3;grid-row:3}
html body #audio-panel .audio-inner #audio-message,html body #audio-panel .audio-inner #audio-sync-status{margin:0!important}
/* Private review: retain every original control, including the EN biography's parts. */
html body #bio-en-audio{position:fixed!important;inset:auto 0 0!important;z-index:110;max-width:none!important;margin:0!important;padding:6px 24px calc(6px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:4px 16px;background:var(--paper,#fffaf4)!important;border-top:2px solid var(--accent,#a04b32)!important;box-sizing:border-box}
html body #bio-en-audio .bio-en-audio-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:0}
html body #bio-en-audio .bio-en-audio-head>div{display:flex;align-items:center;gap:14px}
html body #bio-en-audio .bio-en-audio-head p,html body #bio-en-audio .bio-en-audio-head h2{font-size:12px;line-height:18px;margin:0}
html body #bio-en-audio audio{width:100%;height:36px;margin:0}
html body #bio-en-audio .bio-en-audio-tools{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}
html body #bio-en-audio .bio-en-audio-tools select{height:32px;padding:2px 6px}
html body #bio-en-audio .bio-en-parts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}
html body #bio-en-audio .bio-en-parts button{padding:4px 6px;min-height:30px;font-size:12px;display:flex;gap:6px;justify-content:center;align-items:center}
html body #bio-en-audio .bio-en-parts button span{font-size:11px;margin:0}
html body #bio-en-audio .bio-en-follow{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}
html body #bio-en-audio .bio-en-follow button{padding:4px 8px;min-height:30px;font-size:12px}
html body #bio-en-audio #bio-en-audio-status{grid-column:1/-1;margin:0;font-size:11px;line-height:16px}
html body.has-compact-review-player{padding-bottom:calc(var(--compact-review-player-height,160px) + 24px)!important}
html body #audio-panel{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}
html body #audio-panel .audio-controls button:focus-visible,html body #bio-en-audio button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:700px){html body #audio-panel .audio-inner{display:block!important}html body #audio-panel .audio-inner>small{display:inline;text-align:left}html body #audio-panel .audio-controls{flex-wrap:wrap!important}html body #audio-panel #audio-message,html body #audio-panel #audio-sync-status{display:inline-block;margin-right:8px!important}html body #bio-en-audio{padding-inline:10px!important;display:block}html body #bio-en-audio .bio-en-audio-head>div{gap:6px;flex-wrap:wrap}html body #bio-en-audio .bio-en-parts{grid-template-columns:repeat(3,minmax(0,1fr))}html body #bio-en-audio .bio-en-parts button{min-height:44px}html body #bio-en-audio .bio-en-audio-tools,html body #bio-en-audio .bio-en-follow{min-height:36px;flex-wrap:wrap}}
