.transport{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:50%;font:500 1.5rem var(--sans);width:40px;height:40px;padding:0;flex:none;cursor:pointer}.transport:disabled{opacity:.3;cursor:not-allowed}
.chapter>p,.chapter li,.chapter blockquote p,.chapter h2{transition:background-color .35s ease,box-shadow .35s ease}.narrated{background:rgba(217,155,43,.12);box-shadow:-10px 0 0 rgba(217,155,43,.55)}
@media(max-width:820px){body{padding-bottom:190px}.listen{display:block;padding:2rem 1.2rem}.listen>div:first-child{padding-bottom:1rem}.listen .player{position:fixed;z-index:50;left:0;right:0;bottom:0;background:rgba(16,43,54,.98);padding:.65rem max(.7rem,env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));box-shadow:0 -8px 28px rgba(0,0,0,.28);display:grid;grid-template-columns:36px 46px 36px minmax(0,1fr);gap:.45rem;align-items:center}.listen .play{width:46px;height:46px}.listen .transport{width:36px;height:36px}.player-main{min-width:0}.now{gap:.4rem;margin:0;font-size:.68rem}.now span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}.player input[type=range]{display:block;height:17px;margin:0}.player-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;align-items:center}.player-row select{max-width:none;min-width:0;width:100%;padding:.28rem;font-size:.68rem}.player-row label{font-size:.64rem}.layout{padding-top:3rem}}