body{margin:0;font-family:Georgia,serif;background:#1c1915;color:#f1e9dc;line-height:1.45}
.w{max-width:640px;margin:0 auto;padding:12px 12px 24px}
h1{font-size:26px;color:#e8a33d;margin:8px 0}
h1 a{color:inherit;text-decoration:none}
h2{font-size:23px;line-height:1.3;font-weight:normal}
input{width:70%;padding:8px;font-size:15px;border:1px solid #5a4e3e;background:#2a251f;color:#f1e9dc;border-radius:0;font-family:Arial,sans-serif}
button{padding:8px 12px;font-size:15px;background:#e8a33d;color:#1c1915;border:0;border-radius:0;cursor:pointer;font-family:Arial,sans-serif;min-height:36px}
button:hover{background:#f4b655}
button:disabled{opacity:.6;cursor:wait}
input:focus,button:focus,a:focus{outline:2px solid #e8a33d;outline-offset:3px}
.s{padding:10px;border-bottom:1px solid #3a332a;overflow:hidden;min-height:48px}
.s img,.cover-placeholder{float:left;width:48px;height:48px;margin-right:10px;object-fit:cover}
.cover-placeholder{background:#3a332a;text-align:center;line-height:48px;color:#e8a33d;font-size:24px}
.s a{color:#f1e9dc;text-decoration:none;font-size:17px;display:block;margin-left:58px;margin-right:80px;min-height:48px}
.s a:hover{color:#e8a33d}
.x{float:right;background:#3a332a;color:#f1e9dc}
.x:hover{background:#5a4e3e}
.e{padding:14px 0;border-bottom:1px solid #3a332a}
.e b{display:block;font-size:17px;font-weight:normal;margin-bottom:3px;word-wrap:break-word}
.e small{color:#a8987f}
.e button{margin-top:8px;min-width:60px}
.e .playing{background:#3a332a;color:#e8a33d}
.description{font-size:14px;color:#a8987f;margin:6px 0;white-space:pre-line;word-wrap:break-word}
.back,a{color:#e8a33d}
#p{background:#2a251f;padding:8px;display:none;border:1px solid #5a4e3e;margin-top:12px}
#p audio{width:100%;display:block;height:42px;margin-top:5px}
#pt{padding:0 42px 0 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#close-player{padding:0 10px;min-height:26px;font-size:20px;line-height:26px}
.e #close-player{margin-top:0;min-width:0}
#player-note{font-size:12px;color:#a8987f;margin-top:4px}
#player-note a{color:#a8987f}
#play-status{margin-left:10px}
#m{color:#e8a33d;font-size:14px;min-height:0;margin:12px 0}
#m:empty{margin:12px 0 0}
.footer{color:#7f715e;font-size:12px;margin:24px 10px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:380px){input{width:67%}.s{padding:10px 0}.s a{font-size:16px}.x{padding:8px;font-size:14px}}