body{font-family:Arial,sans-serif;max-width:1100px;margin:auto;padding:20px}h1{margin-bottom:10px}#layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width:768px){#layout{grid-template-columns:1fr}}#now-playing{margin-bottom:10px}#cover{display:block;margin:15px 0 20px;max-width:300px;width:100%;height:auto}#description{line-height:1.5}#warning{color:#b00020;margin-bottom:15px;font-family:monospace;white-space:pre-wrap;border:1px solid #f0c0c0;padding:10px;background:#fff5f5;position:relative}#warning button{margin-left:5px;font-size:.9em;cursor:pointer}ul{list-style:none;padding-left:0}li{padding:8px;border-bottom:1px solid #ddd;cursor:pointer;display:flex;justify-content:space-between;align-items:center}li:hover{background:#f0f0f0}li.unplayable{color:#999;cursor:default}li.now-playing{background:#e6f0ff;font-weight:700}li a{text-decoration:none;margin-left:8px;flex-shrink:0}li span.title{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:85%}#librivox-link{margin-top:20px;display:block}.pagination{margin:20px 0;text-align:center}.page-btn{display:inline-block;padding:6px 12px;margin:2px;border:1px solid #888;border-radius:6px;background:#f4f4f4}.page-btn.active{font-weight:700;background:#ddd}.toggle-less,.toggle-more{cursor:pointer;color:#00f;text-decoration:underline}#current-title{font-weight:700;font-size:1.5em;line-height:1.6em}a{text-decoration:none;color:navy}a:hover{text-decoration:underline;color:#00f}@media only screen and (max-width:480px){#layout{display:block}#first-column,#second-column{width:100%}#cover{margin:20px auto;max-width:100%;height:auto}li span.title{max-width:100%;white-space:normal}li a{display:none}li{flex-direction:column;align-items:flex-start;padding:10px 8px}li span.title{font-size:1.3em;line-height:1.5em}#now-playing{font-size:1.2em;line-height:1.5em;margin-bottom:20px}#current-title{font-weight:700;font-size:1.4em;line-height:1.5em}#audioPlayer{width:100%;height:45px}}