body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8f1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{max-width:800px;margin:0 auto}ul{padding:0;margin:0}button{cursor:pointer;outline:none;border:none;padding:4px 6px;background-color:#731c0c;color:#faf8f1;border-radius:5px}button.icon{cursor:pointer;background:none;border:none;padding:0;margin:0;font:inherit;font-size:120%}@font-face{font-family:fontello;src:url(/font/fontello.eot?86603399);src:url(/font/fontello.eot?86603399#iefix) format("embedded-opentype"),url(/font/fontello.woff2?86603399) format("woff2"),url(/font/fontello.woff?86603399) format("woff"),url(/font/fontello.ttf?86603399) format("truetype"),url(/font/fontello.svg?86603399#fontello) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-headphones:before{content:""}.icon-book-open:before{content:""}.icon-down-open:before{content:""}.icon-left-open:before{content:""}.icon-right-open:before{content:""}.icon-up-open:before{content:""}.icon-star:before{content:""}.icon-star-empty:before{content:""}.icon-pencil:before{content:""}.icon-ok:before{content:""}.icon-book:before{content:""}.icon-star-half-alt:before{content:""}.icon-trash:before{content:""}section.books ul{list-style-type:none}ul.years{padding:0 5px}ul.years li.year{margin-top:2em}ul.years li.year:first-child{margin-top:0}ul.years li.year:first-child h2{display:none}ul.years li.year h2{margin:.5em 0}li.book{padding:15px 0 15px 10px;border-bottom:1px solid lightgray;margin:0}li.book:last-child{border-bottom:none}li.book .header{display:flex;flex-flow:row}li.book .header button{margin:0;padding:0;border:none;background-color:transparent}li.book .header .audio{margin-right:5px;font-size:1.5em;align-self:center}li.book .header .info{flex:1 1 auto;display:flex;flex-flow:row wrap}li.book .header .info .title{font-weight:700;flex:1 0 100%}li.book .header .info .author{flex:1 0 100%;align-items:baseline;display:flex}li.book .header .tools{flex:0 1 auto;display:flex;flex-flow:column nowrap}li.book .header .tools button{color:inherit}li.book .details,li.book .book-editor{margin-top:10px;margin-right:10px}li.book.editing .tools{visibility:hidden}li.book.editing .audio.icon{cursor:pointer}.book-editor{display:flex;flex-flow:row wrap}.book-editor input,.book-editor textarea{flex:1 0 100%;resize:none;font:inherit;border:none;padding:2px 4px;border-bottom:2px solid hsl(12,35%,78%);box-sizing:border-box;outline:none}.book-editor input:focus,.book-editor textarea:focus{border-color:#731c0c}.book-editor textarea{height:5em}.book-editor .buttons{flex:1 0 auto;display:flex;justify-content:flex-end}.book-editor .buttons .btn-delete{background-color:#731c0c}.book-editor button{margin-left:10px;background-color:#dbbbb3;color:#000;font-size:inherit}.book-editor button.is-primary{background-color:#731c0c;color:#faf8f1}.book-editor>*{margin-bottom:10px}.book-editor>*:last-child{margin-bottom:0}header{display:flex;padding:0 1em;background-color:#f1ece0;align-items:center}header .tools{flex:1 0 auto;margin-left:10px}header .userinfo{justify-self:flex-end}