/* Frankie's Library theme for Calibre-Web Automated. Built by cwa-theme/gen.py against CWA v4.0.8. Do not edit; edit theme.src.css. */

/* ===== 1. CWA rules, recoloured ===== */
/* from style.css */

/* from caliBlur.css */
#infscr-loading:before{border-top:2px solid #F0BC5E}
body:not(.read-frame){background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
#form-upload .form-group .btn:after{background:#284E51}
.form-control:focus{background:rgba(24,48,49,0.41) !important}
body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button:before{background:#326367}
.btn-default{border-color:#F0BC5E;background-color:#2B8580}
.btn-default:hover{border-color:#F0BC5E;background-color:#319892}
.btn-primary{background-color:rgba(18,36,37,0.7)}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .open > .dropdown-toggle.btn-default{border-color:#F0BC5E;background-color:#319892}
#books > .cover > a:before, #books_rand > .cover > a:before, .book.isotope-item > .cover > a:before, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:before, #books .cover > a:before, #books_rand .cover > a:before{background:#2B8580}
body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:after{background:-webkit-radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%);background:-o-radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%);background:radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%)}
app-loading-container{background:#274D50}
.app-loading:before{border-top:2px solid #F0BC5E}
#meta-info::-webkit-scrollbar-track{background-color:#132527}
.pace .pace-activity{border-top:2px solid #F0BC5E}
body > div.container-fluid > div > div.col-sm-10 > p > a{color:#F0BC5E}
.well{background-color:#366A6E}
.well > form > .btn{background-color:#2B8580}
.well > form > .btn:hover{background-color:#319892}
.alert-info.alert-cwa{background-color:#15292A;border-color:#122425}
.alert-info.refresh-cwa, .alert-success.refresh-cwa, .alert-warning.refresh-cwa, .alert-danger.refresh-cwa{background-color:#15292A;border-color:#122425}
#metaModal > .modal-dialog > .modal-content > .modal-header{background:#1E3A3C}
#metaModal > .modal-dialog > .modal-content > .modal-header > h4{background:#1E3A3C}
#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group{background-color:#1E3A3C}
input.pill:checked + label{color:#F0BC5E}
input.pill + label:hover{color:#F0BC5E}
#meta-info{background:#182F30 !important}
#meta-info #book-list .media > .media-body > p > a{color:#F0BC5E}
.modal-content{background-color:#1E3A3C}
#meta-info #book-list .media > img:hover{outline:solid #F0BC5E}
body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary:hover{background:#319892}
body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary.active{background:#2B8580}
body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form > .form-group > .btn-toolbar-lg > label.btn-primary.active:hover{background:#319892}
#bookDetailsModal{background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21)}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary{background-color:#2B8580}
.dropdown-menu{background-color:#101F20 !important}
body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:last-of-type{background:#2B8580}
body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:last-of-type:hover{background:#319892}
.blur-wrapper{background-color:#274D50}
body.login:not(.read-frame), body.shelfcreate, body.shelfedit{background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
body.author .undefined-img{background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
.author > .container-fluid > .row-fluid > .col-sm-10 > .author-bio > .author-link{color:#F0BC5E}
.author > .container-fluid > .row-fluid > .col-sm-10 > .author-bio > .author-link:hover{color:#F0BC5E}
.author > .container-fluid > .row-fluid > .col-sm-10 > .author-bio a{color:#F0BC5E}
.author > .container-fluid > .row-fluid > .col-sm-10 > .author-bio a:hover{color:#F0BC5E}
#DeleteShelfDialog > .modal-dialog > .modal-content > .modal-header{border-bottom:1px solid #142829;background-color:#1E3A3C}
#DeleteShelfDialog > .modal-dialog > .modal-content > .modal-body{background:#182F30}
#DeleteShelfDialog > .modal-dialog > .modal-content > .modal-body:after{background-color:#1E3A3C;border-top:1px solid #142829}
.btn-default.active:hover, .btn-default:active:hover{border-color:#F0BC5E;background-color:#319892}
body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:hover, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:hover{outline:solid #F0BC5E}
body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:before, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:before{background:#2B8580}
body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:after, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > div.col-sm-12 > div.col-sm-2 > a:after{background:-webkit-radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%);background:-o-radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%);background:radial-gradient(farthest-corner at 50% 50%, rgba(30,58,60,0.5) 50%, #1E3A3C 100%)}
body.admin{background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
body:not(.blur):not(.login):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.langlist):not(.authorlist):not(.serieslist):not(.catlist):not(.shelforder):not(.admin):not(.modal-open) > div.container-fluid > div.row-fluid > div.col-sm-10:after{background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .15))), url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important;background:-o-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important;background:linear-gradient(0deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
body.advsearch:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8:before, body.book:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.single:before, body.stat:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10:before, body:not(.blur):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.admin):not(.modal-open) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover:first-of-type:before{background:url(/static/css/images/caliblur/blur-noise.webp) center center fixed, linear-gradient(#0C1F21,#0C1F21) center center no-repeat fixed !important}
body.advsearch:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8:after, body.book:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.single:after, body.stat:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > p:first-of-type:after, body:not(.blur):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.admin):not(.modal-open) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover:first-of-type:after{border-top:2px solid #F0BC5E;border-right:2px solid #F0BC5E}
.tooltip.bottom .tooltip-inner{background-color:#101F20}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#101F20}
.checkbox input[type=checkbox]{accent-color:#F0BC5E}
#RestartDialog > .modal-dialog > .modal-content > .modal-header, #ShutdownDialog > .modal-dialog > .modal-content > .modal-header, #StatusDialog > .modal-dialog > .modal-content > .modal-header, #deleteModal > .modal-dialog > .modal-content > .modal-header, #cancelTaskModal > .modal-dialog > .modal-content > .modal-header{border-bottom:1px solid #142829;background-color:#1E3A3C}
#RestartDialog > .modal-dialog > .modal-content > .modal-body{background:#182F30}
#ShutdownDialog > .modal-dialog > .modal-content > .modal-body, #StatusDialog > .modal-dialog > .modal-content > .modal-body, #deleteModal > .modal-dialog > .modal-content > .modal-body, #cancelTaskModal > .modal-dialog > .modal-content > .modal-body{background:#182F30}
#RestartDialog > .modal-dialog > .modal-content > .modal-body > p, #ShutdownDialog > .modal-dialog > .modal-content > .modal-body > p, #StatusDialog > .modal-dialog > .modal-content > .modal-body > p, #deleteModal > .modal-dialog > .modal-content > .modal-body > p, #cancelTaskModal > .modal-dialog > .modal-content > .modal-body > p{background:#182F30}
#RestartDialog > .modal-dialog > .modal-content > .modal-body:after{background-color:#1E3A3C;border-top:1px solid #142829}
#ShutdownDialog > .modal-dialog > .modal-content > .modal-body:after, #StatusDialog > .modal-dialog > .modal-content > .modal-body:after{background-color:#1E3A3C;border-top:1px solid #142829}
#loader{background-image:url(/static/css/images/caliblur/blur-noise.webp), linear-gradient(#0C1F21,#0C1F21) !important}
#loader > center:after{border-top:2px solid #F0BC5E}
@media only screen and (max-width: 767px){#query:focus{background:#112122 !important}
body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > div > span.input-group-btn:before{background:#112122 !important}
body > div.navbar.navbar-default.navbar-static-top > div > form > div > span.input-group-btn{background:#112122 !important}
.navbar-collapse.collapse{background:rgba(43,133,128,0.93)}
body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > a.profileDrop:before{color:#F0BC5E}
#form-upload .form-group .btn:after{background:#319892 !important}
body.advsearch:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8:after, body.book:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.single:after, body.stat:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10 > p:first-of-type:after, body:not(.blur):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.admin):not(.modal-open) > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover:first-of-type:after, body:not(.blur) > div.container-fluid > div.row-fluid > div.col-sm-10:after{border-top:2px solid #F0BC5E;border-right:2px solid #F0BC5E}
div.comments + [data-readmore-toggle], div.description + [data-readmore-toggle]{color:#F0BC5E}
.book-meta > .bookinfo > .comments[aria-expanded=false] + a:after, .book-meta > .description[aria-expanded=false] + a:after{border-color:#F0BC5E}
.book-meta > .bookinfo > .comments[aria-expanded=true] + a:after, .book-meta > .description[aria-expanded=true] + a:after{border-color:#F0BC5E}}
@media only screen and (min-width: 768px){body.author:not(.authorlist) .undefined-img{background-image:linear-gradient(#0C1F21,#0C1F21) !important}}
#DeleteDomain > .modal-dialog > .modal-content > .modal-header{border-bottom:1px solid #142829;background-color:#1E3A3C}
#DeleteDomain > .modal-dialog > .modal-content > .modal-body, #DeleteDomain > .modal-dialog > .modal-content > .modal-body > p{background:#182F30}
#DeleteDomain > .modal-dialog > .modal-content > .modal-body:after{background-color:#1E3A3C;border-top:1px solid #142829}
#form-upload .form-group .btn:after{background:#284E51}
.pagination > li > a{background-color:#193233;border:1px solid #193233}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background-color:#319892;border-color:#F0BC5E}
.pagination > .active > a{background-color:#2B8580 !Important;border:solid 1px #F0BC5E !Important}
.pagination > .active > a:hover{background-color:#319892 !Important;border:solid 1px #F0BC5E}
.pagination > .disabled > a{background-color:#193233;border:solid 1px #193233 !Important}
@media (min-width: 767px){p:after{background-color:#214042}}
select.cwa-settings-select{background-color:rgba(18,34,36,0.5) !important}
.settings-container{background:rgba(25,49,51,0.33)}
.settings-section-header{color:#F0BC5E}
.settings-divider{border-color:#3E797D}
.cwa_stats_section{background-color:rgba(18,34,36,0.54)}
.cwa_stats_value{color:#F0BC5E}
code{color:#F0BC5E;background-color:#193233}
.book-cover-link.hovering-read-icon:before{color:#F0BC5E !important}
.read-toggle-btn.loading, .edit-metadata-btn.loading, .send-ereader-btn.loading{background:rgba(43,133,128,0.9) !important}
/* from caliBlur_override.css */
input[type=checkbox]{accent-color:#F0BC5E}
.cover .badge{background-color:#2B8580}
.btn-primary[disabled]{background-color:#2B8580}
.cwa-settings-tip{background-color:rgba(49,152,146,0.1);border-left:4px solid #F0BC5E}
.pagination .page-jump-menu{background-color:#193233;border:solid 1px #224244}
.pagination .page-jump-menu > li > a:focus, .pagination .page-jump-menu > li > a:hover{background-color:#224244}
.pagination .page-jump-menu > li.active > a, .pagination .page-jump-menu > li.active > a:focus, .pagination .page-jump-menu > li.active > a:hover{background-color:#319892}
.container-fluid .book .cover span img, #books .cover img, #books_rand .cover img, .book.isotope-item .cover img{background-color:#1B3537}
/* from layout-refresh.css */
body.blur .shelf-actions .filterheader > .btn.active, body.blur .shelf-actions .filterheader > .btn.active:hover{background:#2B8580}
@media (max-width: 767px){body.blur .discover > h2{background:rgba(11,22,22,0.72) !important}}
/* from cwa.css */

/* from login.css */
html body.login .cwa-field input:focus{border-color:#F0BC5E;box-shadow:0 0 0 3px rgba(240,188,94,0.28)}
html body.login .cwa-password-toggle:focus-visible{outline:2px solid #F0BC5E}
html body.login .cwa-check input[type="checkbox"]{accent-color:#F0BC5E}
html body.login .cwa-btn-primary{background:#2B8580;box-shadow:0 6px 16px -8px rgba(240,188,94,0.8)}
html body.login .cwa-btn-primary:hover, html body.login .cwa-btn-primary:focus{background:#319892}

/* ===== 2. Hand-written layer ===== */
/* Frankie's Library: the library "after hours". Deep teal room, honey lamp light, the logo's serif.
   Matches the dark mode of the guides at /guide/. Colours not listed here come from section 1. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url(/guide/theme/fraunces-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(/guide/theme/fraunces-italic.woff2) format("woff2")}

:root, body{
  --fl-bg:#0C1F21; --fl-paper:#132C2C; --fl-ink:#F6ECD9; --fl-muted:#A8BAB0; --fl-line:#27423F;
  --fl-teal:#8ED0C5; --fl-fill:#2B8580; --fl-honey:#F0BC5E; --fl-honey-ink:#10292A; --fl-tile:#FEF8F2;
  --fl-display:"Fraunces",Georgia,"Times New Roman",serif;
  /* CWA's own variables */
  --color-primary:#F0BC5E; --color-secondary:#F0BC5E; --color-secondary-hover:#F6CC7D;
  --color-background:#0C1F21; --color-background-mobile:#0C1F21;
}
body.blur{ --lr-accent:#F0BC5E; --lr-accent-soft:rgba(240,188,94,.16); --lr-surface:rgba(9,26,28,.55); --lr-drawer:#0E2427; --lr-text:#F6ECD9; --lr-muted:rgba(246,236,217,.62) }

/* The room: flat deep teal with lamp light from the top right */
body:not(.read-frame){background-image:url(/static/css/images/caliblur/blur-noise.webp),radial-gradient(1100px 620px at 88% -80px,rgba(240,188,94,.17),transparent 70%),linear-gradient(#0C1F21,#0C1F21) !important;background-attachment:scroll,fixed,fixed !important;background-size:auto,auto,auto !important;background-repeat:repeat,no-repeat,no-repeat !important}

/* Top bar and the library's name */
body > .navbar.navbar-default{background:rgba(6,20,22,.82) !important;border-bottom:1px solid rgba(240,188,94,.14)}
.navbar-default .navbar-header > a.navbar-brand{font-family:var(--fl-display) !important;font-weight:600 !important;font-size:17px !important;letter-spacing:-.01em;font-variation-settings:"SOFT" 100;color:var(--fl-honey) !important}
@media (min-width:768px){
  .navbar-default .navbar-header > a.navbar-brand{background:rgba(6,20,22,.55) url(/guide/theme/icon-96.png) 14px center / 26px 26px no-repeat !important;padding-left:50px !important}
}

/* Sidebar */
#scnd-nav .nav-head{color:rgba(240,188,94,.72) !important;letter-spacing:.14em}
#scnd-nav > li > a{color:rgba(246,236,217,.74)}
#scnd-nav > li > a:hover{color:#FFF8EA}

/* Headings in the logo's serif */
.discover > h2, .container-fluid .discover h2, h2#title, .book-detail-description h3, .author-bio h2, body.me .discover h1, body.me h2, .modal-title{font-family:var(--fl-display) !important;font-variation-settings:"SOFT" 100;letter-spacing:-.01em}
.book-detail-meta h2#title{font-weight:420 !important;font-size:clamp(26px,4.6vw,36px) !important;line-height:1.12 !important;color:var(--fl-ink) !important}
.book-detail-meta p.author a{color:var(--fl-honey) !important}

/* Books on the shelf */
#books .cover img, #books_rand .cover img, .book .cover img{border-radius:3px;box-shadow:0 10px 22px -10px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.06) inset}
.book .meta .title{font-family:var(--fl-display) !important;font-weight:600 !important;font-size:14px !important;letter-spacing:0;color:var(--fl-ink) !important}
.book .meta .author a, .book .meta .author-name{color:rgba(246,236,217,.58) !important}
.book .meta .series, .book .meta .series a{color:rgba(240,188,94,.72) !important}

/* The few filled controls people use most: honey with dark ink */
body.blur .shelf-actions .filterheader > .btn.active, body.blur .shelf-actions .filterheader > .btn.active:hover,
.pagination > li.active > a, .pagination > .page-item.active > a.page-link{background:var(--fl-honey) !important;border-color:var(--fl-honey) !important;color:var(--fl-honey-ink) !important}
body.blur .shelf-actions .filterheader > .btn.active span, body.blur .shelf-actions .filterheader > .btn.active:before{color:var(--fl-honey-ink) !important}
.pagination > li > a, .pagination > .page-item > a.page-link{font-family:var(--fl-display)}

/* Book page */
.book-detail-card{border-color:rgba(240,188,94,.12) !important}
.meta-pill, .meta-chip{border-color:rgba(246,236,217,.12)}

/* ---------- Login: the bookplate ---------- */
html body.login{ --login-surface:rgba(12,34,36,.82); --login-border:rgba(240,188,94,.16); --login-text:#F6ECD9; --login-muted:rgba(246,236,217,.66);
  --login-field:rgba(246,236,217,.06); --login-field-border:rgba(246,236,217,.18); --login-accent:#F0BC5E; --login-accent-hover:#F6CC7D; --login-radius:10px }
html body.login:not(.read-frame){background-image:url(/static/css/images/caliblur/blur-noise.webp),url(/guide/theme/shelf.svg),radial-gradient(900px 600px at 50% 0,rgba(240,188,94,.20),transparent 72%),linear-gradient(#0C1F21,#0C1F21) !important;
  background-repeat:repeat,repeat-x,no-repeat,no-repeat !important;background-position:0 0,center bottom,center top,0 0 !important;background-size:auto,auto 134px,auto,auto !important;background-attachment:scroll,fixed,fixed,fixed !important}
html body.login .cwa-login{padding-bottom:150px}
html body.login .cwa-login-card{border-radius:14px;box-shadow:0 30px 70px -24px rgba(0,0,0,.8)}
html body.login .cwa-login-brand{gap:10px;margin-bottom:24px}
html body.login .cwa-login-brand::before{content:"";display:block;width:190px;aspect-ratio:5/6;background:var(--fl-tile) url(/guide/theme/emblem-720.webp) center bottom / 100% auto no-repeat;border-radius:999px 999px 8px 8px;box-shadow:0 26px 44px -26px rgba(0,0,0,.8),0 0 0 1px rgba(176,120,26,.35) inset;margin-bottom:8px}
html body.login .cwa-login-logo{display:none}
/* The emblem already carries the name; keep the heading for screen readers only */
html body.login .cwa-login-brand h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.login .cwa-login-brand p{font-family:var(--fl-display);font-style:italic;font-size:17px;font-variation-settings:"SOFT" 100;color:var(--login-muted)}
html body.login .cwa-btn-primary, html body.login .cwa-btn-primary:hover, html body.login .cwa-btn-primary:focus{color:var(--fl-honey-ink) !important;font-weight:700;box-shadow:none}
html body.login .cwa-btn-primary{background:var(--fl-honey) !important}
html body.login .cwa-btn-primary:hover, html body.login .cwa-btn-primary:focus{background:#F6CC7D !important}
html body.login .cwa-link-button{color:var(--fl-teal)}