.ui-icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.header-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto}.site-header .motion-icon,.site-header .mobile-search{width:34px;height:34px;padding:7px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);min-width:0}.site-header .mobile-search{display:none}.motion-icon[aria-pressed="false"]{opacity:.5}.site-header .account-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;font-size:11px;white-space:nowrap}.register-link{font-size:11px;font-weight:600;color:var(--lime)}.site-header .header-search>.ui-icon{width:16px;height:16px}.site-header nav{gap:22px}.site-header{gap:27px}.site-header .header-search{width:220px}.catalogue .category-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 12px;overflow:visible;height:auto;padding:14px 0;margin:0;border-block:1px solid var(--line)}
body .catalogue .category-links .genre-chip{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:43px;padding:5px 4px;background:none;border:0;border-radius:0;color:var(--text);font-size:12px;line-height:1.3;white-space:normal;text-align:center}.category-links .ui-icon{width:21px;height:21px}body .catalogue .category-links .genre-chip.selected,body .catalogue .category-links .genre-chip:hover{color:var(--lime);background:#e7f4fb;border:0;border-radius:5px}.catalogue .filter-row{gap:11px;padding-bottom:12px}.extra-filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.extra-filters{position:relative}.extra-filters summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:8px 0;font-size:11px;color:#366a82}.extra-filters summary::-webkit-details-marker{display:none}.extra-filters summary>.ui-icon{width:17px;height:17px}.extra-filters summary>.ui-icon:last-child{width:12px}.extra-filters[open] summary>.ui-icon:last-child{transform:rotate(180deg)}.filter-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:12;display:grid;gap:14px;background:#fff;border:1px solid #c8dfe9;border-radius:10px;padding:20px;width:min(310px,calc(100vw - 40px));box-shadow:0 12px 40px #173e5520}.filter-panel label{display:grid;gap:6px;font-size:11px;color:#527789}.catalogue .filter-panel select{width:100%;max-width:none;height:38px;font-size:12px;padding:7px 10px;border:1px solid #c8dfe9;border-radius:5px;background:#f8fcfe;color:#204f66}.filter-panel-actions{display:flex;align-items:center;gap:20px}.filter-panel-actions .button{padding:10px 14px;font-size:11px}.filter-panel-actions>a{font-size:11px;color:#658696}
.auth-section{padding:60px 20px 75px}.auth-card{max-width:430px;margin:auto;border:1px solid var(--line);background:white;box-shadow:0 8px 0 #e5eff4;border-radius:14px;padding:35px}.auth-mark{width:45px;height:45px;display:grid;place-items:center;background:#e5f4fb;color:#137ca5;border-radius:10px;margin-bottom:25px}.auth-mark .ui-icon{width:26px;height:26px}.auth-card .eyebrow{font-size:8px;letter-spacing:1.5px}.auth-card h1{font-size:35px;letter-spacing:-1.5px;margin:15px 0}.auth-card>p{font-size:13px;color:#688391;margin-bottom:25px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:600}.auth-card input,.admin-input-row input{background:#f9fcfe;color:#1c465d;border:1px solid #c9dde7;border-radius:6px;padding:11px 12px;font:inherit;width:100%;min-width:0}.auth-card input{font-size:14px}.auth-card form small{color:#73909f;font-size:10px}.auth-card .button{width:100%;margin-top:3px}.auth-card .auth-switch{font-size:12px;text-align:center;margin:25px 0 15px}.auth-card .auth-switch a,.guest-link{color:#0c7aa5}.guest-link{display:block;text-align:center;font-size:11px}.form-error,.form-success{font-size:12px;border-radius:5px;padding:12px 14px;margin:15px 0;line-height:1.6}.form-error{color:#943e3e;background:#fff0ef;border:1px solid #f0c4c0}.form-success{color:#285f48;background:#edf9f1;border:1px solid #bedfcb}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.history-heading h1{font-size:39px;margin:14px 0 15px}.history-heading p{font-size:13px}.history-sync-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;border:1px solid #c8e2ef;border-radius:7px;background:#eaf7fe;padding:16px;margin-bottom:25px;font-size:12px}.history-sync-note a{color:#087da9;font-weight:600}.history-list{display:grid;gap:12px}.history-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:8px;padding:16px}.history-card>img{width:65px;height:90px;object-fit:cover;border-radius:5px;flex:0 0 auto}.history-card>div{min-width:0}.history-card h2{font-size:19px;line-height:1.25;letter-spacing:-.5px}.history-card p{font-size:12px;color:#608296;margin:8px 0}.history-card time{font-size:10px;color:#8aa0ae}.history-resume{font-size:11px;color:#087da9;margin-left:auto;white-space:nowrap}.clear-history-form{margin-top:25px}#history-status{font-size:12px;color:#3e7c64;margin-bottom:15px}#import-history{margin:0 0 20px}
.admin-queue-card{border:1px solid #c5dfe9;border-radius:10px;padding:25px;background:white}.admin-queue-card h2{font-size:27px;letter-spacing:-.8px}.admin-queue-card>p{font-size:13px;line-height:1.8;color:#6b8795;margin:15px 0 22px;max-width:730px}.admin-queue-card label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.admin-input-row{display:flex;gap:12px}.admin-input-row input{font-size:12px;flex:1}.admin-input-row .button{white-space:nowrap}.admin-schedule{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;color:#7794a4;margin-top:22px}.sync-status{border:1px solid var(--line);background:#edf7fc;padding:16px;border-radius:7px;margin:20px 0;font-size:12px}.sync-status strong{font-size:11px}.sync-status p{font-size:11px;color:#5e8193;margin-top:5px;overflow-wrap:anywhere}.queue-list{display:grid;gap:10px}.queue-item{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px;background:white;border:1px solid var(--line);border-radius:8px}.queue-item>div:first-child{min-width:0}.queue-item h3{font-size:20px;letter-spacing:-.5px}.queue-item p{font-size:12px;color:#608093;margin-top:8px}.queue-item small{font-size:10px;color:#7e99a8}.queue-item .queue-error{color:#a14942;overflow-wrap:anywhere}.queue-actions{flex:0 0 auto;text-align:right}.queue-actions .button{font-size:11px;padding:9px 13px}.queue-actions .text-button{font-size:10px;margin-top:7px}
@media(max-width:1024px){
 body:not(.reader-page) .site-header,body.reader-page .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 42px;height:106px;padding:0 20px;gap:0;position:relative}
 .site-header>.brand{grid-column:1;grid-row:1;justify-self:start;font-size:22px}
 .site-header>.header-tools{grid-column:2;grid-row:1;gap:9px}
 body .site-header nav[aria-label="Main navigation"]{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:0;height:42px;margin:0;border-top:1px solid var(--line);width:100%;font-size:10px}
 body .site-header nav[aria-label="Main navigation"]>a{display:flex;align-items:center;justify-content:center;height:42px;flex:1;white-space:nowrap}
 .site-header .header-tools .mobile-search{display:grid;margin:0}
 .site-header .register-link{display:none}
 body .site-header .header-search{display:none;position:absolute;top:64px;left:20px;right:20px;width:auto;z-index:15;padding:12px;background:#f4fbff}
 body .site-header .header-search.open{display:flex}
 .site-header .header-search input{font-size:14px}
 .catalogue .category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding:10px 0}
 body .catalogue .category-links .genre-chip{height:42px;font-size:11px;gap:7px;padding:4px}
 .category-links .ui-icon{width:19px;height:19px}
}
@media(max-width:600px){.auth-section{padding:30px 20px 45px}.auth-card{padding:27px 22px}.auth-card h1{font-size:30px}.history-heading{align-items:flex-start;gap:12px}.history-heading h1{font-size:29px}.history-heading p{font-size:12px}.history-heading .button{font-size:10px;padding:9px 12px}.history-card{padding:12px;gap:12px;flex-wrap:wrap}.history-card>img{width:51px;height:72px}.history-card>div{flex:1}.history-card h2{font-size:15px}.history-card p{font-size:10px}.history-card .history-resume{font-size:10px}.admin-queue-card{padding:20px}.admin-queue-card h2{font-size:23px}.admin-input-row{flex-direction:column}.admin-schedule{gap:7px 12px}.queue-item{align-items:flex-start;gap:15px;flex-direction:column}.queue-actions{display:flex;align-items:center;gap:15px;text-align:left}.queue-item h3{font-size:18px}.admin-section .history-heading h1{font-size:28px}.admin-section .history-heading p{max-width:240px}}
@media(max-width:360px){body .site-header{padding-inline:16px}.site-header>.brand{font-size:20px}.site-header .account-link>span{display:none}.site-header .account-link{width:30px}.site-header>.header-tools{gap:7px}.site-header .motion-icon,.site-header .mobile-search{width:32px;height:32px;padding:6px}.catalogue .category-links .ui-icon{width:17px;height:17px}body .catalogue .category-links .genre-chip{font-size:10px;gap:5px}}

.history-heading>div{min-width:0}.history-heading .button{white-space:nowrap}

.image-check-form{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.image-check-form label{display:block;font-size:12px;margin-bottom:9px}.image-check-help{font-size:12px;line-height:1.9;color:#658596;margin:20px 0;max-width:850px}.image-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.image-check-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.image-check-card h2{font-size:22px;letter-spacing:-.7px}.image-check-card p{font-size:12px;color:#608495;margin-top:14px;line-height:1.8}.image-check-card[data-result=pass]{border-color:#73b997}.image-check-card[data-result=fail]{border-color:#d69b96}.image-check-preview img{width:100%;max-height:280px;object-fit:contain;margin-top:15px}@media(max-width:760px){.image-check-grid{grid-template-columns:1fr}}

.upcoming-intro{max-width:850px;padding:35px 0}.upcoming-badge{display:inline-flex;padding:5px 10px;background:#e0f2fb;color:#257a9e;border-radius:4px;font-size:9px;letter-spacing:1.2px}.upcoming-intro h1{font-size:40px;line-height:1.15;margin:20px 0;letter-spacing:-1.3px}.upcoming-intro>p,.upcoming-about p{font-size:13px;line-height:1.9;color:#638294}.upcoming-reminder{padding:25px;background:white;border:1px solid var(--line);border-radius:9px;margin-top:25px}.upcoming-reminder h2,.upcoming-about h2{font-size:27px}.upcoming-reminder>p{font-size:12px;color:#72909f;line-height:1.8;margin-top:12px}.upcoming-reminder .hero-actions{margin-top:20px}.upcoming-about{max-width:850px;margin:15px 0 40px}.upcoming-about p{margin-top:15px}body:not(.reader-page) .upcoming-chapter-link{background:#eaf7ff;border-style:dashed}@media(max-width:600px){.upcoming-intro h1{font-size:30px}.upcoming-reminder{padding:20px}.upcoming-reminder .hero-actions{gap:12px}.upcoming-reminder .button{font-size:11px;padding:10px 13px}}
/* The longer configured domain wordmark must fit small phones as well as the placeholder name. */
body .site-footer .brand{font-size:clamp(32px,10.5vw,120px);white-space:normal}
