.toolbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books{list-style:none;margin:0 calc(-1*var(--s3));padding:0}.book{position:relative;display:grid;grid-template-columns:var(--s7) minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius-s)}.book:after{content:"";position:absolute;left:calc(var(--s7) + 2*var(--s3));right:var(--s3);bottom:0;border-bottom:1px solid var(--line)}.book:last-child:after,.book:hover:after,.book:has(+.book:hover):after{opacity:0}.book[data-active]{background:var(--select)}@media(hover:hover)and (pointer:fine){.book:hover{background:var(--hover)}}.book>a{display:grid;gap:var(--s1);min-width:0;color:var(--text);text-decoration:none}.book>a:before{content:"";position:absolute;inset:0;border-radius:inherit}.book>a:focus-visible{outline:none}.book:has(>a:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.book-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book small{display:flex;min-width:0;font-size:var(--fs-dense);color:var(--text-3);white-space:nowrap}.book small>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.book small>span+span{flex:0 0 auto}.book small>span+span:before{content:"\b7";margin-inline:.35em}.book-actions{position:relative;z-index:1;display:flex;align-items:center;gap:var(--s1)}.book-actions>a.icon-button{display:inline-grid;place-items:center}.book .thumb{width:var(--s7)}.cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-s);background:var(--fill)}.cover[data-empty]{display:grid;place-items:center;color:var(--text-3)}.cover[data-empty]>.icon{width:40%;height:40%}.book-head{display:grid;grid-template-columns:minmax(0,calc(3*var(--s7))) minmax(0,1fr);gap:var(--s5);align-items:start;margin:var(--s4) 0 var(--s5)}.book-facts{display:grid;gap:var(--s3)}.book-facts>p{margin:0;color:var(--text-2)}.book-facts .buttons{margin:0}.book-facts .button .icon,.book-facts button .icon{margin-inline-end:var(--s1)}.listened{width:100%;height:var(--s1)}#book-view>h2{margin:var(--s5) 0 var(--s2);font-size:var(--fs-h4)}@media(max-width:40rem){.book-head{grid-template-columns:minmax(0,1fr);justify-items:start}.book-head>.cover{max-width:60%}}.player{position:fixed;left:var(--sidebar);right:0;bottom:0;z-index:4;display:grid;grid-template-columns:var(--h-control) minmax(0,1fr) auto;grid-template-areas:"cover title controls" "time time time";align-items:center;gap:var(--s1) var(--s3);padding:var(--s2) var(--float) var(--float-bottom);background:var(--bg);border-top:1px solid var(--line)}.player>.cover{grid-area:cover;width:var(--h-control)}.player-title{grid-area:title;display:grid;min-width:0;color:var(--text);text-decoration:none}.player-title>span,.player-title>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title>small{font-size:var(--fs-dense);color:var(--text-3)}.player-controls{grid-area:controls;display:flex;align-items:center;gap:var(--s1)}.player-time{grid-area:time;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s2);font-size:var(--fs-dense);color:var(--text-3)}.player-time>input{width:100%;accent-color:var(--accent)}html[data-player] .content{padding-bottom:calc(var(--s7) + var(--s6))}@media(max-width:40rem){.player{left:0;bottom:calc(var(--h-touch) + var(--s2) + var(--s1) + var(--float-bottom));padding-bottom:var(--s2)}html[data-player] .app>.pane{padding-bottom:calc(var(--h-touch) + var(--s2) + var(--s1) + var(--float-bottom) + var(--s7) + var(--s5))}}.login{display:grid;gap:var(--s4);max-width:24rem;margin:var(--s7) auto 0;padding:0 var(--s4)}.login .buttons{margin:0}.empty{margin:var(--s4) 0;color:var(--text-3)}