:root{--ink:#27312a;--muted:#777b72;--green:#344f3d;--pale:#eef2e9;--line:#e4e5dc;--paper:#fff;--background:#f7f8f3;--gold:#a76a19}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button{transition:background .15s,border-color .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b99f58;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:var(--green)}[hidden]{display:none!important}.site-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#fff;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font:600 22px Georgia,serif;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--green);color:white;width:43px;height:45px;border-radius:10px}.brand-mark svg{width:25px;height:25px}.brand-sub{display:block;font:9px/1.6 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:29px;height:100%;align-items:stretch}.nav-button{border:0;background:none;font-size:14px;font-weight:500;padding:3px 0 0;color:var(--muted);position:relative}.nav-button.active{color:var(--green);font-weight:600}.nav-button.active:after{content:'';height:3px;background:var(--green);position:absolute;bottom:0;left:0;right:0;border-radius:3px 3px 0 0}.private-badge{border:1px solid var(--line);padding:7px 11px;display:flex;align-items:center;gap:6px;border-radius:7px;font-size:12px;color:#63705f}.private-badge svg{width:14px;height:14px}main{max-width:1400px;margin:0 auto;padding:48px 5.5% 22px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7a836f;margin:0 0 10px}h1{font:400 clamp(30px,3.4vw,45px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 12px}.intro-sub{color:var(--muted);margin:0;font-size:14px}.intro-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.save-status{font-size:11px;color:#7a8175;display:flex;align-items:center;gap:6px}.save-status i{width:5px;height:5px;background:#739465;border-radius:50%}.button{border:1px solid #dce0d5;border-radius:7px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none}.button:hover{background:#eef1e9;border-color:#bac7b5}.button.primary{color:white;background:var(--green);border-color:var(--green);padding:11px 17px}.button.primary:hover{background:#243e2d}.button.primary span{font-size:19px;line-height:1}.button.subtle{padding:8px 11px;font-size:12px;background:transparent}.button svg{width:15px;height:15px}.text-button{border:0;background:none;font-size:12px;color:#607054;padding:5px 0}.text-button:hover{text-decoration:underline}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label h2{font-size:14px;font-weight:600;margin:0}.section-label h2 span{font-size:10px;padding:2px 6px;background:#e8ebdf;color:#6b775c;border-radius:4px;margin-left:6px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}.series-card{text-align:left;border:1px solid #e0e3d7;background:white;border-radius:10px;padding:22px 22px 17px;position:relative;overflow:hidden;min-height:162px}.series-card:hover{border-color:#809173;transform:translateY(-2px)}.series-card.selected{border-color:#6d845b;box-shadow:0 0 0 1px #6d845b}.series-card.selected:after{content:'✓';position:absolute;right:17px;top:17px;background:#edf2e7;color:#5b7747;font-size:12px;border-radius:50%;width:20px;height:20px;text-align:center}.series-upper{display:flex;gap:17px;align-items:center;margin-bottom:20px}.mini-book{position:relative;background:#5f7656;color:#f8f8e9;width:45px;min-width:45px;height:59px;border-radius:2px 4px 4px 2px;border-left:4px solid #455d3c;box-shadow:2px 2px 0 #e9e7db;display:flex;align-items:center;justify-content:center;font:italic 22px Georgia,serif}.mini-book:before,.mini-book:after{content:'';position:absolute;left:5px;right:5px;height:1px;background:currentColor;opacity:.45}.mini-book:before{top:9px}.mini-book:after{bottom:9px}.euro5 .mini-book{background:#677782;border-left-color:#4e5e6c}.kameleon .mini-book{background:#b58b56;border-left-color:#97703f}.series-card h3{font:600 21px Georgia,serif;margin:0 0 3px}.series-sub{font-size:10px;color:#92978a;display:block;max-width:190px}.series-stats{display:flex;justify-content:space-between;font-size:11px;color:#8a8e82;margin-bottom:10px}.series-stats strong{font-weight:600;color:#495c3f}.progress{height:4px;border-radius:5px;background:#ecede5;overflow:hidden}.progress span{height:100%;background:#7b915f;display:block;border-radius:5px}.euro5 .progress span{background:#82919a}.kameleon .progress span{background:#b89667}.list-panel{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.list-top{padding:25px 25px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.list-top h2{font-weight:750;font-size:25px;line-height:1.1;margin:0;text-transform:uppercase;letter-spacing:-.3px}.list-top .eyebrow{font-size:9px;margin-bottom:8px;letter-spacing:1.8px}.list-top-actions{display:flex;gap:9px}.list-toolbar{padding:0 25px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:230px}.search-wrap svg{position:absolute;left:12px;top:11px;width:17px;height:17px;color:#8d9487}input[type=search]{height:40px;border:1px solid #e2e5da;background:#fafbf7;border-radius:6px;padding:0 12px 0 37px;width:100%;font-size:12px}input::placeholder{color:#969b8f}.filters{display:flex;background:#f1f3ec;border:1px solid #e7eadf;padding:3px;border-radius:6px;gap:1px}.filters button{border:0;background:transparent;border-radius:4px;padding:6px 11px;font-size:11px;color:#7b8173;white-space:nowrap}.filters button.active{background:white;box-shadow:0 1px 4px #00000010;color:#435638;font-weight:600}.scan-filter{font-size:11px;display:flex;align-items:center;gap:6px;color:#717b67;white-space:nowrap}.scan-filter input{accent-color:var(--green)}.list-meta{display:flex;justify-content:space-between;align-items:center;padding:11px 25px;border-top:1px solid #eff0e9;color:#888e7f;font-size:10px}.list-meta select{border:0;font-size:10px;color:#6c755f;background:none;padding:0 12px 0 4px;cursor:pointer}.table-scroll{overflow-x:auto}.books-table{width:100%;border-collapse:collapse;text-align:left}.books-table thead{background:#f6f7f1;border-top:1px solid #e7eadf;border-bottom:1px solid #e5e8dd}.books-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7b8371;font-weight:600;padding:12px 10px;white-space:nowrap}.books-table td{padding:11px 10px;border-bottom:1px solid #edf0e6;height:53px;font-size:12px}.books-table tr:last-child td{border-bottom:0}.books-table tbody tr:hover{background:#fcfdf9}.books-table .own-col{width:84px;text-align:center;padding-left:24px}.books-table td:first-child{text-align:center;padding-left:24px}.num-col{width:51px}.book-number{color:#8b9381;font-size:11px!important;font-variant-numeric:tabular-nums}.book-title{font-size:13px;font-weight:500;border:0;background:none;text-align:left;padding:0;line-height:1.5}.book-title:hover{color:#597443;text-decoration:underline}.book-series{display:block;font-size:10px;color:#969e8e;margin-top:3px}.book-note{color:#99a086;font-size:10px;margin-left:5px}.status-col{width:116px}.scan-col{width:95px;text-align:center}.scan-cell{text-align:center}.action-col{width:40px}.check{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.3px solid #c9d0c0;border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle;background:#fff;cursor:pointer}.check:checked{background:#6d8a4b;border-color:#6d8a4b}.check:checked:after{content:'';width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.check.scan:checked{background:#fff;border-color:#899482}.check.scan:checked:after{border-color:#62735a}.status-select{border:0;border-radius:4px;padding:4px 21px 4px 8px;font-size:10px;font-weight:500;max-width:111px;cursor:pointer}.status-select.owned{color:#607647;background:#f0f4e7}.status-select.ordered{color:#9a712e;background:#faf2e2}.status-select.wanted{color:#8a8e80;background:#f1f2eb}.icon-button{background:none;border:0;color:#8d9684;font-size:23px;width:30px;height:30px;border-radius:4px;line-height:1}.icon-button:hover{background:#edf1e6;color:#425836}.compare-link{font-size:18px}.list-bottom{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8b9381;gap:10px}.legend{display:flex;align-items:center;gap:7px}.legend-check{background:#6d8a4b;color:white;width:12px;height:12px;text-align:center;line-height:12px;font-size:10px;border-radius:1px}.source-note{font-size:11px;color:#8b9381;padding:12px 25px;border-top:1px solid #edf0e6;background:#fcfdf9}.source-note summary{cursor:pointer;width:fit-content}.source-note p{line-height:1.7;margin-bottom:3px;max-width:820px}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:29px;color:#989e90;font-size:11px}footer>div{display:flex;align-items:center;gap:9px}.footer-book{font-size:18px;color:#8e9b80}.backup-actions button{background:none;border:0;font-size:11px;color:#738069;padding:4px 0}.backup-actions button:hover{text-decoration:underline}.storage-note{color:#9a9f93;font-size:10px;text-align:right;margin:11px 0 0}.empty{text-align:center;padding:43px 20px 50px}.empty-icon{font:38px Georgia;color:#8a9a79}.empty h3{font:500 22px Georgia}.empty p{color:var(--muted);font-size:13px}.compare-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 27px}.compare-heading h2{font:400 31px Georgia;margin:0 0 8px}.compare-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}.compare-explainer{display:flex;gap:17px;padding:20px 24px;border:1px solid #dfe7d6;background:#f0f4e9;border-radius:10px}.compare-explainer svg{width:28px;height:28px;margin-top:2px;color:#6d835a}.compare-explainer strong{font-size:13px}.compare-explainer p{font-size:12px;color:#7a856e;margin:6px 0 0}.compare-toolbar{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px}.compare-toolbar select{background:white;border:1px solid var(--line);padding:9px 12px;border-radius:6px;max-width:80%}.offer-group{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin:15px 0}.offer-group h3{font:500 20px Georgia;margin:0 0 4px}.offer-group>p{font-size:11px;color:var(--muted);margin:0 0 18px}.offer-table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}.offer-table th{font-size:10px;color:#8a927f;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--line);padding:10px 8px}.offer-table td{font-size:12px;padding:14px 8px;border-bottom:1px solid #eff1e9}.offer-table tr:last-child td{border-bottom:0}.offer-table small{font-size:10px;color:#90987f;display:block}.best-total{font-weight:700;color:#4f6c38;font-size:16px!important}.best-label{display:inline-block;background:#eaf1df;color:#55773e;border-radius:4px;padding:2px 6px;margin-top:5px;font-size:9px}.muted{color:var(--muted)}.small{font-size:11px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#344d38;color:white;padding:12px 21px;border-radius:8px;box-shadow:0 4px 20px #0002;font-size:13px;z-index:20;max-width:calc(100vw - 28px);display:flex;gap:16px;align-items:center}.toast button{border:0;background:none;color:#eff4dc;text-decoration:underline;white-space:nowrap}dialog{border:1px solid #dce1d3;border-radius:13px;padding:27px;max-width:590px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 14px 80px #0002;max-height:90vh}dialog::backdrop{background:#24342266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dialog-head h2{font:400 26px Georgia;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #dce2d3;border-radius:6px;background:#fcfdf9;color:var(--ink);font-size:13px}.field textarea{min-height:76px;resize:vertical}.field small{font-size:10px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;align-items:center}.form-actions .danger{margin-right:auto}.danger{color:#a4513d;background:none;border:0;font-size:12px}.form-error{color:#a4513d;font-size:12px;margin:12px 0 0}.form-total{grid-column:1/-1;padding:14px;background:#f0f4e9;border-radius:7px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.form-total strong{font-size:21px;color:var(--green)}.warning{background:#fff5de;color:#88642e;border:1px solid #eddaac;padding:15px;border-radius:8px;margin-bottom:20px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#print-area{display:none}
@media(min-width:1500px){main{padding-left:50px;padding-right:50px}.site-header{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}
@media(max-width:1000px){.site-header{padding:0 4%;gap:15px}.brand{font-size:19px}nav{gap:18px}.private-badge{font-size:10px}main{padding:35px 4% 22px}.series-card{padding:18px 16px 15px}.series-upper{gap:11px}.series-card h3{font-size:20px}.series-sub{font-size:9px}.list-toolbar{gap:10px}.search-wrap{min-width:190px}.scan-filter{margin-left:auto}.intro-actions{min-width:172px}h1{font-size:36px}.filters button{padding:6px 9px}}
@media(max-width:700px){body{font-size:14px}.site-header{height:auto;flex-wrap:wrap;padding:18px 20px 0;gap:0}.brand{font-size:20px}.brand-mark{width:36px;height:39px}.brand-sub{font-size:8px}.private-badge{margin-left:auto;padding:5px 7px;font-size:0;border:0}.private-badge svg{width:17px;height:17px}nav{order:3;width:100%;height:53px;gap:25px;margin-top:12px}.nav-button{font-size:13px}main{padding:29px 18px 20px}.intro{display:block;margin-bottom:30px}h1{font-size:33px;letter-spacing:-.7px}.intro-sub{font-size:12px}.intro-actions{margin-top:20px;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px}.save-status{font-size:9px}.button.primary{font-size:12px;padding:10px 13px}.eyebrow{font-size:9px}.series-grid{gap:10px;margin-bottom:25px}.series-card{padding:13px 10px 12px;min-height:0}.series-upper{display:block;margin-bottom:12px}.mini-book{width:31px;min-width:31px;height:42px;font-size:15px;margin-bottom:10px;border-left-width:3px}.mini-book:before{top:6px}.mini-book:after{bottom:6px}.series-card h3{font-size:17px;margin-bottom:0}.series-sub{display:none}.series-stats{display:block;font-size:9px;margin-bottom:7px}.series-stats span{display:block;margin-top:2px}.series-card.selected:after{top:11px;right:10px;width:16px;height:16px;font-size:10px}.list-top{padding:21px 15px 19px}.list-top h2{font-size:22px}.list-top .eyebrow{font-size:8px;letter-spacing:1px}.list-top-actions{gap:5px;flex-direction:column;align-items:flex-end}.button.subtle{font-size:10px;padding:6px 8px}.list-toolbar{padding:0 13px 14px;gap:10px}.search-wrap{flex-basis:100%;min-width:0}.filters{flex:1}.filters button{flex:1;padding:6px 8px;font-size:10px}.scan-filter{font-size:10px;gap:3px}.list-meta{padding:11px 15px;font-size:9px}.list-meta select{font-size:9px;max-width:93px;padding-right:0}.books-table th{font-size:8px;padding:10px 5px;letter-spacing:.3px}.books-table td{padding:11px 5px}.books-table .own-col{width:48px;padding-left:9px}.books-table td:first-child{padding-left:9px}.num-col{width:28px}.book-number{font-size:9px!important}.book-title{font-size:11px}.status-col{width:77px}.status-select{font-size:9px;padding:4px 2px 4px 3px;width:71px;max-width:71px}.scan-col{width:42px;white-space:normal!important;font-size:7px!important}.action-col{width:23px}.icon-button.compare-link{width:20px;font-size:16px}.check{width:16px;height:16px}.list-bottom{padding:13px;font-size:9px}.legend{gap:5px}.source-note{padding:12px 15px;font-size:10px}footer{display:block;margin-top:23px;font-size:10px}footer>div{justify-content:center}.backup-actions{margin-top:12px}.backup-actions button{font-size:10px}.storage-note{text-align:center;font-size:9px}.compare-heading{display:block}.compare-heading h2{font-size:27px}.compare-heading .button{margin-top:18px}.compare-explainer{padding:17px 15px;gap:10px}.compare-explainer p{font-size:11px}.compare-toolbar{display:block}.compare-toolbar select{display:block;max-width:100%;width:100%;margin-top:7px}.offer-group{padding:16px}.form-grid{gap:12px}.form-actions{gap:8px}.form-actions .button{font-size:12px;padding:9px 12px}dialog{padding:22px}.dialog-head h2{font-size:24px}.toast{font-size:11px;padding:12px 14px}}
@page{size:A4;margin:14mm}
@media print{body{background:white;color:black}body>*:not(#print-area){display:none!important}#print-area{display:block}.print-page{break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page h1{font:bold 25px Arial;text-transform:uppercase;border-bottom:3px solid black;padding-bottom:12px;margin:0 0 12px;letter-spacing:0}.print-page p{font:10px Arial;margin:9px 0}.print-page table{border-collapse:collapse;width:100%;font:11px Arial}.print-page th{text-align:left;text-transform:uppercase;font-size:9px;padding:8px 4px}.print-page td{padding:5px 4px;height:22px;border-bottom:1px solid #ddd}.print-box{display:block;border:1px solid black;width:12px;height:12px;text-align:center;line-height:11px}.print-box.owned{background:#349b40;color:white;border-color:#349b40;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-page footer{border-top:2px solid black;font:10px Arial;color:black;margin-top:13px;padding-top:8px;display:block}.print-page .ptitle{font-weight:bold}}
/* Saved books and reading */
.scans-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 25px}.scans-heading h2{font:400 33px/1.2 Georgia,serif;margin:0 0 10px}.scans-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.scan-storage-info{display:flex;gap:16px;background:#edf2e8;border:1px solid #dfe6d6;padding:18px 22px;border-radius:9px;color:#6a795f}.scan-storage-info p{font-size:12px;margin:0;line-height:1.7}.scan-storage-info svg{width:24px;height:24px;margin-top:4px}.scan-storage-info strong{color:#465d3c}.scan-toolbar{display:flex;gap:13px;margin:24px 0 13px}.scan-toolbar select{max-width:210px;border:1px solid #e0e5d7;background:white;border-radius:6px;padding:9px;font-size:12px}.scan-documents{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.scan-document{padding:25px;display:flex;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line)}.scan-document:last-child{border:0}.file-symbol{width:49px;min-width:49px;height:66px;border-radius:5px;border:1px solid #dce1d2;background:#f0f4e9;color:#597348;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.file-symbol.pdf{background:#f7eee7;border-color:#eadfd2;color:#a17b54}.file-symbol span{font-size:9px;letter-spacing:1px;font-weight:600}.file-symbol svg{width:23px;height:23px}.file-description{flex:1;min-width:0}.file-title{border:0;background:none;padding:0;text-align:left;font:600 19px/1.35 Georgia,serif;color:#344c2e;overflow-wrap:anywhere}.file-title:hover{text-decoration:underline}.file-description>p{font-size:11px;color:#808976;margin:6px 0}.file-name{font-size:10px;color:#a0a693;display:block;overflow-wrap:anywhere}.file-position{display:block;font-size:11px;color:#65824e;margin-top:6px}.file-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.file-actions .button{font-size:12px;min-width:107px}.file-actions .icon-button{font-size:27px}.file-summary{margin-top:16px;border-top:1px solid #edf0e5;padding-top:11px;max-width:650px}.summary-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#899780}.file-summary p{font:13px/1.75 'Segoe UI',sans-serif;color:#697461;white-space:pre-line;margin:6px 0 2px}.file-summary .text-button{font-size:10px;color:#8a967f}.add-summary{margin-top:10px}.empty-book-icon{width:43px;height:43px;color:#829671;stroke-width:1.2}.choose-files{display:flex;flex-direction:column;gap:12px}.read-link{font-size:20px;width:29px;color:#64854b}.read-link svg{width:18px;height:18px}.reader-dialog{width:calc(100vw - 36px);max-width:1280px;height:calc(100dvh - 36px);max-height:none;padding:0;overflow:hidden;background:#f4f5ee;flex-direction:column}.reader-dialog[open]{display:flex}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:15px;background:white;padding:16px 21px;border-bottom:1px solid var(--line);flex-shrink:0}.reader-heading{min-width:0;display:flex;align-items:center;gap:11px}.reader-top h2{font:500 20px Georgia,serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-format{font-size:9px;letter-spacing:.8px;background:#eef3e7;color:#6b8553;padding:4px 6px;border-radius:4px}.reader-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.reader-controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 20px;background:#fdfef9;border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;font-size:12px}.reader-controls select{min-width:0;max-width:45%;padding:7px 8px;border:1px solid #dee5d4;border-radius:5px;background:white;font-size:12px}.reader-controls input{width:58px;border:1px solid #dee5d4;border-radius:4px;padding:5px;font-size:12px}#reader-chapter{max-width:360px}.reader-content{overflow:auto;flex:1;min-height:0;min-width:0;text-align:center;padding:18px 20px;background:#e9ece4}.reader-content canvas{display:block;margin:0 auto;box-shadow:0 2px 10px #0001;max-width:none}.reader-content:has(.epub-frame){padding:0;background:#fffdf7}.epub-frame{width:100%;height:100%;border:0;display:block;min-height:0;background:#fffdf7}.reader-bottom{display:flex;justify-content:space-between;gap:10px;background:white;border-top:1px solid var(--line);padding:9px 20px;color:#8b957f;font-size:10px;flex-shrink:0}.pdf-password{margin:40px auto;padding:20px;max-width:400px;text-align:left}.pdf-password .button{margin-top:15px}.reader-content>.empty{max-width:700px;margin:0 auto}.reader-dialog::backdrop{background:#17281199}.scan-upload-form input[type=file]{padding:12px}
@media(max-width:700px){.site-header nav{gap:23px}.nav-button{font-size:12px}.scans-heading{display:block}.scans-heading h2{font-size:29px}.scans-heading p:not(.eyebrow){font-size:12px}.scans-heading .button{margin-top:19px}.scan-storage-info{padding:14px;gap:11px}.scan-storage-info p{font-size:11px}.scan-toolbar{flex-wrap:wrap;gap:8px}.scan-toolbar .search-wrap{flex-basis:100%}.scan-toolbar select{flex:1;max-width:50%;font-size:11px}.scan-document{padding:18px 14px;gap:12px;flex-wrap:wrap}.file-symbol{width:36px;min-width:36px;height:51px}.file-title{font-size:18px}.file-actions{margin-left:48px;width:calc(100% - 48px);justify-content:space-between}.file-summary p{font-size:12px}.file-description{width:calc(100% - 48px);flex-basis:calc(100% - 48px)}.reader-dialog{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;max-width:none}.reader-top{padding:11px 12px;gap:8px}.reader-top h2{font-size:16px}.reader-top-actions{gap:4px}.reader-top-actions .button{font-size:0;padding:7px;min-width:26px}.reader-top-actions .button:after{content:'↓';font-size:18px}.reader-heading{gap:6px}.reader-format{font-size:8px}.reader-controls{gap:7px;padding:9px}.reader-controls .button{font-size:10px;padding:6px 8px}.reader-controls select{font-size:10px;padding:6px;max-width:42%}#reader-chapter{max-width:47%;font-size:10px}#reader-zoom{margin-left:auto}.reader-bottom{font-size:9px;padding:8px 12px}.read-link{width:20px;font-size:17px}.read-link svg{width:15px;height:15px}.reader-controls input{width:45px}.reader-controls label{font-size:10px}.reader-controls label input{font-size:11px}.reader-content{padding:12px}}

/* Visible choices for every saved file, including existing uploads. */
.button.button-delete{color:#9c4737;border-color:#e6ccc4;background:#fffaf8}.button.button-delete:hover{background:#faece6;border-color:#cd9b8d}.file-actions{flex-wrap:wrap;gap:8px;max-width:365px}.file-actions .button{min-width:0;font-size:12px;padding:10px 12px}.file-choice-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:23px}.file-choice-actions .button{padding:11px 8px}.file-action-name{overflow-wrap:anywhere}.reader-top-actions{flex-wrap:wrap}.reader-top-actions .button{font-size:12px;padding:8px 10px}.reader-top-actions .button:after{content:none}
.add-related-file{width:100%;margin-top:10px}
.selected-book-files{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#f7f9f3}.selected-book-files>span{display:flex;align-items:center;gap:10px}.selected-book-files strong{min-width:48px;color:var(--green)}.selected-book-files span span{min-width:0;overflow-wrap:anywhere;color:var(--muted)}
.file-pick{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbf7}.file-pick>strong{font-size:14px;color:var(--green)}.file-pick input[type=file]{background:white}.pdf-pick{border-left:4px solid #9b6c4c}.epub-pick{border-left:4px solid #557b58}
@media(max-width:700px){.file-actions{margin-left:0;max-width:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.file-actions .button{font-size:11px;padding:10px 5px}.file-choice-actions{gap:6px}.file-choice-actions .button{font-size:11px;padding:10px 5px}.reader-top{flex-wrap:wrap}.reader-heading{flex:1;min-width:120px}.reader-top-actions .button{font-size:11px;padding:7px 8px}.reader-top-actions .button:after{content:none}}

/* Collection pages and independent reading progress. */
.series-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.list-toolbar{flex-wrap:wrap}.list-toolbar .search-wrap{min-width:220px;flex:1}
.read-filter{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.read-filter select,.page-select{border:1px solid #dce3d3;background:white;padding:8px;border-radius:5px;color:#425337;font:inherit;min-width:0}
.read-col{width:66px;text-align:center}.read-cell{text-align:center}
.internet-search{display:block;margin-top:6px;font-size:11px;font-weight:500}.internet-links{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.internet-links a{text-decoration:none}
.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 22px;border-top:1px solid #e7eadf;font-size:12px}.pagination label{display:flex;align-items:center;gap:7px}
.pagination .button:disabled{opacity:.4;cursor:default}.pagination-bottom #page-range{text-align:center;margin:15px 0 0}.pagination-bottom .pagination{border-top:0}.book-number{white-space:nowrap}#list-title{scroll-margin-top:18px}#list-title:focus{outline:none}
@media(max-width:700px){.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.read-filter{font-size:11px}.list-toolbar .search-wrap{min-width:0;flex-basis:100%}.books-table{min-width:550px}.table-scroll{overflow:auto}.internet-search{font-size:10px}.read-col{width:50px}.pagination{gap:8px;padding:14px 10px;font-size:11px;flex-wrap:wrap}.pagination .button{padding:9px 10px;font-size:11px}.page-select{max-width:156px}.internet-links{flex-direction:column}}

.pagination{height:auto;min-height:0;margin-top:0;order:initial;width:auto}.pagination label{min-width:0}.table-scroll{max-width:100%;min-width:0}.list-bottom{flex-wrap:wrap;gap:8px}

.reader-content.pdf-fit{overflow:hidden}
.reader-content:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.reader-bottom{flex-wrap:wrap}

.reader-speech{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}
.reader-speech .button,.reader-speech select,.reader-speech label{font-size:14px}
.reader-speech select{border:1px solid var(--line);border-radius:5px;padding:7px;background:white}
.reader-speech p{flex-basis:100%;margin:0;font-size:13px;color:var(--muted)}
.reader-touch-nav{display:none;height:auto;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:8px 16px;background:white;border-top:1px solid var(--line)}
.reader-touch-nav .button{min-height:44px;font-size:15px;touch-action:manipulation}
#file-sync-status{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#f0f4ee;overflow-wrap:anywhere}
#file-sync-status[data-state="error"]{background:#fff5dd}
.save-status[data-state="error"]{color:#9b5710}
@media(max-width:1024px),(pointer:coarse){
 .reader-touch-nav{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
 .reader-touch-nav .button{flex:1;min-height:48px;padding:9px 6px;font-size:14px}
 .reader-speech{padding:8px 12px;gap:8px}
 .reader-speech .button{min-height:44px}
 #reader-keyboard-hint{display:none}
 .reader-bottom{padding:5px 12px}
}

.storage-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:14px 18px;margin:18px 0}
.storage-overview>span{display:flex;flex-direction:column;gap:4px}
.storage-overview strong{font-size:15px}.storage-overview span span,.storage-overview small{font-size:13px;color:var(--muted)}
.storage-capacity{min-width:210px}.storage-overview progress,.storage-details progress{width:100%;height:10px;accent-color:var(--green)}
.storage-details .storage-used{font-size:22px}.storage-details progress{margin-top:16px}.storage-details dl>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.storage-details dd{margin:0;text-align:right}.storage-scope{font-size:14px;color:var(--muted);padding:12px;background:var(--pale);border-radius:6px}
.device-list{list-style:none;padding:0;margin:18px 0;border-top:1px solid var(--line)}.device-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.device-row div{display:flex;flex-direction:column;gap:3px}.device-row span{font-size:12px;color:var(--muted)}.device-version{padding:5px 8px;border-radius:5px;white-space:nowrap}.device-version.current{background:#eaf2e4;color:#46663a}.device-version.old{background:#fff0dc;color:#8a571d}
@media(max-width:500px){.storage-overview{gap:12px;padding:12px}.storage-capacity{min-width:0;width:52%}.storage-overview strong{font-size:14px}}

.filters{flex-wrap:wrap;max-width:100%}.filters button{font-size:14px;min-height:40px}
.intro-actions{flex-wrap:wrap}.save-status{white-space:normal}
@media(max-width:700px){.filters button{min-height:44px;font-size:14px;flex:1 1 auto}.intro-actions{flex-wrap:wrap}.intro-actions .save-status{flex-basis:100%}}
@media print{.storage-overview,#file-sync-status{display:none!important}}

/* The reader fills the available screen on every device. Desktop keeps its
   toolbars; the phone places tools over the page. */
.reader-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0}
.reader-content.pdf-fit{display:grid;place-items:center;overflow:hidden}
.reader-bottom{display:none}
.reader-options{display:contents}.phone-reader-tools{display:none}
@media(min-width:601px) and (max-width:1024px) and (pointer:coarse){
 .reader-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
 .reader-top{padding:8px 12px}.reader-top h2{font-size:18px}
 .reader-controls{padding:6px 12px;gap:8px}.reader-speech{padding:6px 12px}
 .reader-touch-nav{padding:6px 12px}.reader-content{padding:8px}
}
@media(max-width:600px) and (pointer:coarse),(pointer:coarse) and (max-height:500px) and (max-width:950px),(pointer:coarse) and (orientation:portrait) and (max-aspect-ratio:3/5){
 .reader-dialog[open]{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden}
 .reader-options,.reader-touch-nav,.reader-bottom{display:none}
 .reader-content{position:absolute;inset:0;width:100%;height:100%;padding:4px;background:#fff;min-height:0}
 .reader-content.pdf-fit{display:grid;place-items:center}
 .reader-content canvas{margin:0;box-shadow:none}
 .reader-content:has(.epub-frame){padding:0}
 .phone-reader-tools{display:block;position:absolute;inset:0;pointer-events:none;z-index:5}
 .phone-reader-tools button{display:grid;place-items:center;pointer-events:auto;width:40px;height:40px;padding:8px;border:1px solid #d8dfd6;border-radius:50%;color:#344f3d;background:#fffffff0;box-shadow:0 2px 8px #0002;touch-action:manipulation}
 .phone-reader-tools button svg{width:21px;height:21px;stroke-width:2}
 .phone-reader-tools button:disabled{opacity:.35}
 #phone-close{position:absolute;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}
 .phone-reader-tools nav{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-width:none;height:auto;margin:0;order:initial;transform:none;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px;border-radius:28px;background:#ffffffe6;box-shadow:0 2px 12px #0002}
 .phone-page{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));padding:3px 7px;border-radius:10px;background:#ffffffde;color:#65705f;font-size:12px}
 #phone-speech-status{position:absolute;bottom:72px;left:12px;right:12px;max-height:25vh;overflow:auto;pointer-events:auto;margin:0;padding:8px 10px;background:#fffffff2;border-radius:9px;font-size:13px;color:var(--ink);box-shadow:0 2px 12px #0002}
 .phone-options-open .reader-options{display:flex;flex-direction:column;position:absolute;z-index:6;left:8px;right:8px;bottom:72px;max-height:70%;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 30px #0003}
 .phone-options-open .reader-top,.phone-options-open .reader-controls,.phone-options-open .reader-speech{flex-shrink:0}
 .phone-options-open .reader-top{padding:10px}.phone-options-open .reader-top h2{font-size:16px}
 .phone-options-open #reader-close{display:none}
 .phone-options-open .reader-top-actions{flex-wrap:wrap}
 .phone-options-open .reader-top-actions .button{font-size:13px}
 .phone-options-open .reader-controls{padding:9px}.phone-options-open .reader-speech{padding:9px}
}

@media(min-width:951px) and (max-height:650px) and (pointer:fine){
 .reader-dialog{height:100dvh}
 .reader-top{padding:6px 12px}.reader-controls,.reader-speech{padding:5px 12px;gap:6px}
 .reader-touch-nav{display:none}.reader-bottom{padding:4px 12px}
}

.reader-voice-label{display:flex;align-items:center;gap:6px;max-width:100%}.reader-voice-label select{width:200px;max-width:100%;min-width:0}

/* Tablet reader: keep the full PDF page visible and use compact navigation.
   This is intentionally separate from the phone overlay and desktop reader. */
@media (min-width:601px) and (pointer:coarse) and (orientation:portrait) and (min-aspect-ratio:3/5),(min-width:601px) and (pointer:coarse) and (orientation:landscape) and (min-height:501px){
 .reader-dialog[open]{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;overflow:hidden}
 .reader-options{display:contents}
 .reader-top{padding:9px 16px;min-height:52px}
 .reader-top h2{font-size:18px}
 .reader-top-actions{gap:6px}
 .reader-top-actions .button{padding:7px 10px;font-size:12px}
 .reader-controls{padding:7px 12px;gap:8px;min-height:43px}
 .reader-controls #reader-prev,.reader-controls #reader-next{display:none}
 .reader-controls .button{padding:7px 10px;font-size:12px}
 .reader-controls select{padding:6px 7px;font-size:12px}
 .reader-speech{padding:7px 12px;gap:8px;min-height:43px}
 .reader-speech .button,.reader-speech select,.reader-speech label{font-size:12px}
 .reader-speech .button{min-height:34px;padding:7px 10px}
 .reader-speech select{padding:5px 7px}
 .reader-content{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;padding:10px 16px;background:#e9ece4}
 .reader-content.pdf-fit{overflow:hidden}
 .reader-content canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain;margin:0 auto;box-shadow:0 2px 10px #0002}
 .reader-touch-nav{display:flex;justify-content:center;align-items:center;gap:12px;padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));min-height:52px;border-top:1px solid var(--line)}
 .reader-touch-nav .button{flex:0 0 auto;min-width:126px;min-height:38px;padding:7px 13px;font-size:13px}
 .reader-bottom{display:none}
}

/* Wide collection layout: use the screen instead of a narrow centered column. */
main{width:100%;max-width:none;padding-left:clamp(20px,3vw,56px);padding-right:clamp(20px,3vw,56px)}
.site-header{padding-left:clamp(20px,3vw,56px);padding-right:clamp(20px,3vw,56px)}
.header-storage{width:min(480px,42vw);margin:0 0 0 auto;padding:9px 13px;gap:16px;border:0;background:transparent}
.header-storage:hover{background:#f4f6f0}
.header-storage>span{align-items:flex-start}
.header-storage .storage-capacity{min-width:210px}
.header-storage strong{font-size:13px}.header-storage span span,.header-storage small{font-size:10px}
.header-storage progress{height:7px}
@media(min-width:1400px){.series-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.series-card{padding:17px 14px 14px;min-height:150px}.series-upper{gap:11px}.series-card h3{font-size:18px}.series-sub{font-size:9px}.series-stats{font-size:9px}}
@media(max-width:900px){.header-storage{width:min(390px,48vw)}.header-storage>span:first-child{display:none}.header-storage .storage-capacity{min-width:0;width:100%}}
@media(max-width:700px){.site-header{padding:16px 18px;gap:10px}.header-storage{order:3;width:100%;margin:12px 0 0;padding:9px 0 0;border-top:1px solid var(--line);border-radius:0}.header-storage>span:first-child{display:flex}.private-badge{align-self:flex-start}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 main{width:100vw;max-width:100vw;margin:0;padding-left:14px;padding-right:14px}
 #collection-view,.series-grid,.list-panel{width:100%;max-width:none;min-width:0}
 .list-panel{display:block}
}
.book-title-line{display:inline-flex;align-items:center;gap:7px;max-width:100%}.book-info-button{width:20px;height:20px;min-width:20px;padding:0;border:1px solid #9aab8c;border-radius:50%;background:#f4f7ef;color:#557047;font:700 12px/18px Georgia,serif}.book-info-button:hover{background:#dfe9d7;border-color:#6d855b}.book-info-series{font-size:12px;color:var(--muted);margin:-8px 0 18px}.book-info-text{white-space:pre-line;font-size:15px;line-height:1.75;color:#465044}.book-info-empty{padding:17px;background:#f3f5ee;border:1px solid #e2e7da;border-radius:7px;color:var(--muted);font-size:13px}.activity-title{font:600 18px Georgia,serif;margin:25px 0 10px}.activity-list{list-style:none;padding:0;margin:0 0 20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.activity-row{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row div{min-width:0}.activity-row strong{display:block;font-size:13px;font-weight:600}.activity-row span:not(.activity-dot){display:block;font-size:11px;color:var(--muted);margin-top:2px}.activity-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:#6f8d54}.activity-dot.codex{background:#9b6f2e}.series-card{cursor:pointer;color:inherit}.series-name-wrap{min-width:0;flex:1}.list-series-info{margin-left:18px;width:25px;height:25px;padding:0;vertical-align:middle;transform:translateY(-2px);border:1px solid #91a184;border-radius:50%;background:#f3f6ee;color:#506946;font:700 14px/23px Georgia,serif;text-transform:none}.list-series-info:hover{background:#dce7d4;border-color:#617b52}.series-info-dialog dl{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.series-info-dialog dl div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:10px 13px;border-bottom:1px solid var(--line)}.series-info-dialog dl div:last-child{border-bottom:0}.series-info-dialog dt{font-size:12px;color:var(--muted)}.series-info-dialog dd{margin:0;font-size:13px;font-weight:600}.series-info-dialog>p{font-size:14px;line-height:1.7;margin:18px 0 0}@media(max-width:700px){.list-series-info{margin-left:14px;width:23px;height:23px;font-size:13px;line-height:21px}.series-info-dialog dl div{grid-template-columns:1fr;gap:2px}.series-info-dialog dd{font-size:12px}}