:root{font-family:Literata,Georgia,serif;line-height:1.5;color:#1a1a1a;background:#f5f0e8}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}.app{max-width:1400px;margin:0 auto;padding:1.5rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{margin:0 0 .25rem;font-size:2rem}.app-header p{margin:0;color:#555}.auth-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.auth-status{margin:0;font-size:.95rem;color:#4a7c59}.auth-error{color:#a33}.auth-signout-btn{border:1px solid #8b7355;border-radius:8px;padding:.35rem .75rem;background:#fff;color:#555}.google-signin-slot{min-height:44px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f5f0e8}.login-card{width:min(420px,100%);padding:2.5rem 2rem;border-radius:16px;background:#fff;box-shadow:0 8px 32px #00000014;text-align:center}.login-card h1{margin:0 0 .75rem;font-size:2rem}.login-card p{margin:0 0 1.5rem;color:#555}.login-google-btn{display:flex;justify-content:center}.dropzone{border:2px dashed #8b7355;border-radius:12px;padding:3rem 2rem;text-align:center;background:#fff;transition:border-color .2s,background .2s}.dropzone.active{border-color:#4a7c59;background:#f0f7f2}.dropzone input{display:none}.dropzone-label{display:block;cursor:pointer;color:#555}.dropzone-label strong{color:#4a7c59}.dropzone.disabled{opacity:.65;pointer-events:none}.dropzone-label.disabled{cursor:not-allowed}.dropzone-status{margin:0 0 1rem;color:#555}.dropzone-status strong{color:#4a7c59}.upload-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.upload-action-btn{padding:.65rem 1.1rem;border-radius:8px;border:1px solid #8b7355;background:#fff;color:#333;cursor:pointer;font:inherit}.upload-action-btn:hover:not(:disabled){background:#f7f3ec}.upload-action-btn:disabled{opacity:.65;cursor:not-allowed}.upload-action-primary{border-color:#4a7c59;background:#4a7c59;color:#fff}.upload-action-primary:hover:not(:disabled){background:#3f694d}.camera-fallback-input{display:none}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.camera-panel{width:min(100%,720px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000040}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #e8e0d4}.camera-header h2{margin:0;font-size:1.05rem}.camera-close-btn{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:#666}.camera-preview-wrap{background:#111}.camera-preview{display:block;width:100%;max-height:70vh;object-fit:contain}.camera-error{margin:0;padding:1.25rem;color:#9b1c1c}.camera-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem}.camera-cancel-btn,.camera-capture-btn{padding:.65rem 1rem;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font:inherit}.camera-capture-btn{border-color:#4a7c59;background:#4a7c59;color:#fff}.camera-capture-btn:disabled{opacity:.65;cursor:not-allowed}.upload-screen{display:flex;flex-direction:column;gap:1.25rem}.sample-picker h2{margin:0 0 .35rem;font-size:1.125rem}.sample-picker-hint{margin:0 0 1rem;color:#666;font-size:.875rem}.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.sample-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.sample-thumb{width:100%;height:180px;object-fit:cover;object-position:top center;background:#ebe4d8;display:block}.sample-card-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.sample-card-body h3{margin:0;font-size:.9375rem;line-height:1.35}.sample-use-btn{align-self:flex-start;padding:.45rem .85rem;border:none;border-radius:6px;background:#4a7c59;color:#fff;font-size:.875rem;font-weight:600}.sample-use-btn:hover:not(:disabled){background:#3d6849}.sample-use-btn:disabled{opacity:.65;cursor:not-allowed}.upload-divider{display:flex;align-items:center;gap:1rem;color:#888;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:#d8cfc0}.error-banner{background:#fde8e8;color:#9b1c1c;padding:.75rem 1rem;border-radius:8px;margin:1rem 0}.book-detection-banner{border-radius:10px;padding:1rem 1.1rem;margin:1rem 0 1.25rem;border:1px solid #d8cfc0;background:#faf7f1}.book-detection-banner strong{display:block;margin-bottom:.35rem}.book-detection-banner p{margin:.35rem 0;color:#444}.book-detection-known{border-color:#9ec5b0;background:#eef8f1}.book-detection-new{border-color:#d4c48a;background:#fff9e8}.book-detection-muted{color:#666}.book-detection-status{font-size:.95rem;color:#555}.book-detection-error{color:#9b1c1c}.book-verify-btn{margin-top:.5rem;padding:.55rem .9rem;border:none;border-radius:8px;background:#2f6fed;color:#fff;cursor:pointer}.book-verify-btn:disabled{opacity:.7;cursor:wait}.app-nav{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.app-nav-btn{padding:.45rem 1rem;border:1px solid #c9bfb0;border-radius:999px;background:#fff;color:#444;cursor:pointer;font-size:.95rem}.app-nav-btn.active{background:#4a7c59;border-color:#4a7c59;color:#fff}.book-library,.book-detail{max-width:960px;margin:0 auto}.book-library-header,.book-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.book-library-header h2,.book-detail-header h2,.book-detail-header .book-library-author{margin:0 0 .35rem}.book-library-hint,.book-library-meta{margin:0;color:#666;font-size:.95rem}.book-library-empty{padding:2rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.book-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.book-library-card{text-align:left;padding:0;border:1px solid #e4ddd2;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000d;overflow:hidden}.book-library-card-head{display:block;width:100%;padding:1rem 1.1rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer}.book-library-card-head:hover h3{color:#2f6b3f}.book-library-card h3{margin:0 0 .35rem;font-size:1.05rem}.book-library-author{margin:0 0 .35rem;color:#555;font-size:.92rem}.book-library-card:hover{border-color:#4a7c59}.book-library-card-actions{display:flex;gap:.5rem;padding:.75rem 1.1rem 1rem;border-top:1px solid #eee8df}.book-library-card-actions .upload-action-btn{flex:1}.book-library-shared{margin:.15rem 0 0;color:#6b5b95;font-size:.9rem}.family-view,.book-reader-header{max-width:760px;margin:0 auto}.family-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.family-view-header h2,.family-panel h3,.family-panel h4{margin:0 0 .35rem}.family-view-hint,.family-meta{margin:0;color:#666;font-size:.95rem}.family-panel{margin-top:1rem;padding:1rem 1.1rem;border:1px solid #eee8df;border-radius:12px;background:#fff}.family-panel-head{margin-bottom:.85rem}.family-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.family-list-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0ebe3}.family-list-item:last-child{border-bottom:none}.family-list-actions{display:flex;gap:.5rem;flex-wrap:wrap}.family-invite-form{margin-top:1rem}.family-invite-form label{display:block;margin-bottom:.35rem;font-weight:600}.family-invite-row{display:flex;gap:.5rem;flex-wrap:wrap}.family-invite-row input{flex:1;min-width:220px;padding:.55rem .75rem;border:1px solid #d8d0c4;border-radius:8px}.family-leave-row{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0ebe3}.success-banner{background:#e8f7ee;color:#1f6b3f;padding:.75rem 1rem;border-radius:8px;margin:1rem 0}.book-reader-header{margin:.75rem 0 1rem}.book-reader-header h2{margin:0 0 .35rem}.book-reader-missing-banner{margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;border:1px solid #e8dcc4;background:#fff8eb;color:#6b4f1d;font-size:.95rem}.book-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.book-story-versions{margin:1.25rem 0 1.5rem;padding:1rem 1.1rem;border:1px solid #e4ddd2;border-radius:12px;background:#fff}.book-story-versions-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.book-story-versions-header h3{margin:0 0 .35rem}.story-version-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.story-version-list-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 0;border-top:1px solid #eee8df}.story-version-list-item:first-child{border-top:none;padding-top:0}.story-version-list-actions{display:flex;gap:.5rem;flex-wrap:wrap}.story-version-panel .story-version-select{width:100%;margin-bottom:.75rem;padding:.55rem .65rem;border:1px solid #d8d0c4;border-radius:8px;background:#fff}.story-version-name-edit{margin-bottom:.75rem}.story-version-name-edit input{width:100%;padding:.55rem .65rem;border:1px solid #d8d0c4;border-radius:8px;background:#fff}.story-version-meta,.story-version-status{margin:0 0 .75rem;color:#666;font-size:.92rem}.story-version-feedback{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.story-version-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.story-version-delete-btn{color:#8b2e2e;border-color:#e0b4b4}.story-version-delete-btn:hover:not(:disabled){background:#fff0f0;border-color:#c96a6a}.upload-action-btn.active{border-color:#4a7c59;background:#edf5ef}.book-title-edit{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.book-title-edit input{min-width:220px;padding:.45rem .65rem;border:1px solid #ccc;border-radius:8px}.book-page-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.book-page-list-item{padding:1rem;background:#fff;border-radius:10px;border:1px solid #ebe4d8}.book-page-list-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.35rem}.book-page-preview{margin:0;color:#444;line-height:1.45}.book-page-order{margin-top:.5rem}.book-page-order-header h3{margin:0 0 .35rem}.book-page-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.book-page-thumb-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid #ebe4d8;border-radius:12px;overflow:hidden;cursor:grab;box-shadow:0 2px 8px #0000000d;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.book-page-thumb-card:active{cursor:grabbing}.book-page-thumb-card.dragging{opacity:.45}.book-page-thumb-card.drop-target{border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c5933}.book-page-thumb-number{position:absolute;top:.5rem;left:.5rem;z-index:1;min-width:1.75rem;padding:.15rem .45rem;border-radius:999px;background:#000000b8;color:#fff;font-size:.85rem;font-weight:700;text-align:center}.book-page-thumb-image{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#f4efe6}.book-page-thumb-image-btn{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.book-page-thumb-image-btn:hover .book-page-thumb-image,.book-page-thumb-image-btn:focus-visible .book-page-thumb-image{outline:2px solid #4a7c59;outline-offset:-2px}.book-page-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;background:linear-gradient(160deg,#f7f2ea,#e8dfd1);color:#6b6358;font-weight:600}.book-page-thumb-caption{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .75rem .75rem}.book-page-thumb-caption strong{font-size:.92rem}.book-page-thumb-caption span{color:#666;font-size:.82rem}.book-page-thumb-caption p{margin:.15rem 0 0;color:#555;font-size:.8rem;line-height:1.35}.book-page-thumb-text-btn{margin:.15rem 0 0;padding:0;border:none;background:none;color:#555;font-size:.8rem;line-height:1.35;text-align:left;cursor:pointer}.book-page-thumb-text-btn:hover{color:#2f6b3f;text-decoration:underline}.reupload-page-input{display:none}.reupload-page-control{margin-top:.35rem}.reupload-page-control .book-detection-error{margin:.35rem 0 0;font-size:.78rem}.book-page-reupload-btn{margin-top:.35rem;padding:.25rem .5rem;font-size:.78rem}.book-page-preview-strip{display:flex;gap:.65rem;padding:0 1rem 1rem;overflow-x:auto}.book-page-preview-strip.compact{gap:.5rem}.book-page-preview-item{flex:0 0 auto;width:88px}.book-page-preview-strip.compact .book-page-preview-item{width:72px}.book-page-preview-thumb-wrap{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ebe4d8;background:#f4efe6}.book-page-preview-number{position:absolute;top:.25rem;left:.25rem;z-index:1;min-width:1.25rem;padding:.05rem .35rem;border-radius:999px;background:#000000b8;color:#fff;font-size:.72rem;font-weight:700;text-align:center}.book-page-preview-thumb{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.book-page-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;background:linear-gradient(160deg,#f7f2ea,#e8dfd1);color:#6b6358;font-size:.72rem;font-weight:600}.book-page-preview-caption{display:block;width:100%;margin-top:.35rem;padding:0;border:none;background:none;color:#555;font-size:.72rem;line-height:1.3;text-align:left;cursor:pointer}.book-page-preview-caption:hover{color:#2f6b3f;text-decoration:underline}body.page-text-modal-open{overflow:hidden}.page-text-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#14120f8c}.page-text-modal{width:min(640px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 16px 48px #00000040;overflow:hidden}.page-text-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem .75rem;border-bottom:1px solid #ebe4d8}.page-text-modal-header h3{margin:0 0 .25rem;font-size:1.05rem}.page-text-modal-close{padding:.4rem .75rem;border:1px solid #ccc;border-radius:8px;background:#faf7f1;cursor:pointer}.page-text-modal-close:hover{background:#f0ebe2}.page-text-modal-body{padding:1rem 1.1rem 1.25rem;overflow-y:auto;color:#333;line-height:1.55;white-space:pre-wrap}body.page-image-modal-open{overflow:hidden}.page-image-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b8}.page-image-modal{width:min(960px,100%);max-height:calc(100vh - 2rem);display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000059}.page-image-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid #ebe4d8}.page-image-modal-header h3{margin:0 0 .25rem;font-size:1.05rem}.page-image-modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.page-image-modal-close{padding:.4rem .75rem;border:1px solid #ccc;border-radius:8px;background:#faf7f1;cursor:pointer}.page-image-modal-close:hover{background:#f0ebe2}.page-image-modal-body{padding:.75rem;overflow:auto;background:#1f1b16}.page-image-modal-photo{display:block;width:100%;height:auto;margin:0 auto}.book-detail-story-panel{margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid #ebe4d8;border-radius:12px;background:#fff}.book-detail-story-panel .story-version-panel{margin:0}.book-detail-story-panel .story-version-panel h2{margin-top:0}.fullpage-thumbnail-strip{display:flex;gap:.5rem;padding:.55rem .75rem;overflow-x:auto;background:#2a241d;border-top:1px solid rgba(255,255,255,.08)}.fullpage-thumbnail{flex:0 0 auto;width:72px;padding:.25rem;border:2px solid transparent;border-radius:8px;background:transparent;color:#ffffffd1;cursor:pointer}.fullpage-thumbnail img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;background:#f4efe6}.fullpage-thumbnail span{display:block;margin-top:.2rem;font-size:.72rem;font-weight:600;text-align:center}.fullpage-thumbnail.active{border-color:#7ec99a;background:#7ec99a1f}.fullpage-footer{flex-shrink:0;background:#2a241d;border-top:1px solid rgba(255,255,255,.08)}.fullpage-footer-progress-wrap{border-bottom:1px solid rgba(255,255,255,.06)}.reader-progress-bar{position:relative;display:block;width:100%;min-height:1.35rem;padding:0;border:none;background:#ffffff14;cursor:pointer;overflow:hidden}.reader-progress-bar:disabled{cursor:default}.reader-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3d6849,#7ec99a);transition:width .25s ease;pointer-events:none}.reader-progress-label{position:relative;z-index:1;display:block;padding:.35rem .75rem;color:#ffffffeb;font-size:.78rem;font-weight:600;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}.fullpage-footer-thumbnails{max-height:0;overflow:hidden;transition:max-height .25s ease}.fullpage-footer-thumbnails.expanded{max-height:7.5rem}.fullpage-footer-thumbnails .fullpage-thumbnail-strip{border-top:none}.fullpage-footer-transport{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .85rem}.reader-home-btn{justify-self:start;padding:.45rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#f5f0e8;font-size:.82rem;font-weight:600;cursor:pointer}.reader-home-btn:hover{background:#ffffff29}.reader-transport-cluster{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap}.reader-transport-btn{min-width:2.75rem;height:2.75rem;padding:0 .75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#f5f0e8;font-size:1rem;line-height:1;cursor:pointer}.reader-transport-btn:hover:not(:disabled){background:#ffffff29}.reader-transport-btn:disabled{opacity:.35;cursor:not-allowed}.reader-transport-play{min-width:3.25rem;background:#4a7c59;border-color:#4a7c59;font-size:1.05rem}.reader-transport-play:hover:not(:disabled){background:#3d6849}.reader-continuous-btn.active{background:#7ec99a47;border-color:#7ec99a;color:#dff5e8;box-shadow:inset 0 0 0 1px #7ec99a59}.reading-speed-slider{justify-self:end;display:flex;align-items:center;gap:.5rem;min-width:7.5rem;color:#ffffffd1}.reading-speed-slider-value{flex:0 0 auto;min-width:2.5rem;font-size:.78rem;font-weight:600;text-align:right}.reading-speed-slider-input{width:min(8rem,100%);accent-color:#7ec99a}.book-detail-reading-settings{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000000d}.book-detail-reading-settings h3{margin:0 0 .35rem}.fullpage-reader:has(.fullpage-footer) .fullpage-dictionary{bottom:7.5rem}.fullpage-reader:has(.fullpage-thumbnail-strip) .fullpage-dictionary{bottom:6.5rem}.admin-dashboard{max-width:1100px;margin:0 auto}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.admin-dashboard-header h2{margin:0 0 .35rem}.admin-section-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.admin-table-wrap{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #ebe4d8;box-shadow:0 2px 8px #0000000d}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th,.admin-table td{padding:.75rem .85rem;border-bottom:1px solid #f0ebe2;text-align:left;vertical-align:middle}.admin-table th{background:#faf7f1;color:#555;font-weight:600}.admin-table tbody tr:last-child td{border-bottom:none}.admin-link-btn{border:none;background:none;color:#2f6b3f;cursor:pointer;padding:0;text-decoration:underline}.admin-invite-create{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.admin-access-panel{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #eee8df}.admin-access-panel h3{margin:0 0 .35rem}.admin-table-wrap h3{margin:0 0 .75rem}.admin-invite-create input{flex:1 1 240px;min-width:220px;padding:.45rem .65rem;border:1px solid #ccc;border-radius:8px}.admin-filter-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;background:#eef5ff;border:1px solid #bfd3ff}.auth-invite{color:#2f6b3f}.book-detection-add-pages{background:#eef5ff;border:1px solid #bfd3ff}.book-add-pages-hint{margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;background:#eef5ff;border:1px solid #bfd3ff;color:#234}.bulk-upload-intro{margin-bottom:1.25rem}.bulk-upload-intro h2{margin:0 0 .35rem}.bulk-upload-queue{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.bulk-upload-queue-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.bulk-upload-queue-header h3{margin:0}.bulk-upload-queue-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-upload-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.bulk-upload-item{padding:.75rem .85rem;border:1px solid #ebe4d8;border-radius:10px;background:#faf8f4}.bulk-upload-item-processing{border-color:#bfd3ff;background:#f5f9ff}.bulk-upload-item-done{border-color:#b8dcc4;background:#f3faf5}.bulk-upload-item-failed{border-color:#efb4b4;background:#fff5f5}.bulk-upload-item-main{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.bulk-upload-item-actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.book-search-flow{max-width:720px;margin:0 auto}.book-search-header h2{margin:0 0 .35rem}.book-search-input-wrap input{width:100%;padding:.65rem .85rem;border:1px solid #ccc;border-radius:10px;font-size:1rem}.book-search-results{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.65rem}.book-search-result{display:flex;gap:.85rem;width:100%;text-align:left;padding:.75rem;border:1px solid #e4ddd2;border-radius:12px;background:#fff;cursor:pointer}.book-search-result:hover{border-color:#4a7c59}.book-search-cover{width:56px;height:84px;object-fit:cover;border-radius:4px;background:#eee;flex-shrink:0}.book-search-result-body{display:flex;flex-direction:column;gap:.2rem}.book-search-result-tag{font-size:.85rem;color:#666}.book-search-selected{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #ebe4d8}.book-search-selected h2{margin:0 0 .35rem}.book-detection-claim{background:#f3faf5;border:1px solid #b8dcc4}.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}.loading{text-align:center;padding:3rem;color:#555}.spread-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:960px){.spread-layout{grid-template-columns:1fr}}.pages-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.spread-pages-column{display:flex;flex-direction:column;gap:.75rem;min-width:0}.text-compare-slider{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.text-compare-track{position:relative;width:100%}.text-compare-track input[type=range]{position:relative;z-index:1;width:100%;accent-color:#4a7c59}.text-compare-tick{position:absolute;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:#ccc;pointer-events:none;z-index:0}.text-compare-tick.active{background:#4a7c59}.text-compare-labels{display:flex;justify-content:space-between;gap:.5rem}.text-compare-label{font-size:.8125rem;font-weight:600;color:#888;white-space:nowrap}.text-compare-label.active{color:#2d5a3a}.text-compare-hint{margin:-.25rem 0 0;padding:0 .25rem;font-size:.8125rem;color:#777}.page-panel{flex:1;min-width:280px;max-width:600px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:visible}.page-panel-header{padding:.5rem 1rem;background:#ebe4d8;font-size:.875rem;font-weight:600;text-transform:capitalize}.page-canvas{position:relative;width:100%;line-height:0;overflow:visible}.page-canvas img{width:100%;height:auto;display:block}.word-overlay{position:absolute;z-index:3;cursor:pointer;border-radius:2px;transition:background .15s}.word-overlay:hover{background:#4a7c5940}.word-overlay.active{background:#4a7c5973;outline:2px solid #4a7c59}.text-line-box{position:absolute;z-index:1;display:flex;align-items:center;padding:0 4px;overflow:hidden;border-radius:2px;line-height:1.15;color:#1a1a1a;font-family:Literata,Georgia,serif;box-sizing:border-box}.paragraph-box{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:8px 32px 8px 8px;border-radius:3px;color:#1a1a1a;font-family:Literata,Georgia,serif;box-sizing:border-box;line-height:1.2}.paragraph-play-wrap{position:absolute;top:2px;right:2px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.paragraph-play-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.paragraph-play-ring-track{fill:none;stroke:#4a7c5933;stroke-width:2}.paragraph-play-ring-progress{fill:none;stroke:#4a7c59;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .25s ease}.paragraph-play-ring-progress.loading{animation:paragraph-play-ring-load 1.1s ease-in-out infinite}.paragraph-play-ring-progress.ready{stroke:#2d5a3a}@keyframes paragraph-play-ring-load{0%{stroke-dashoffset:75.4}50%{stroke-dashoffset:18}to{stroke-dashoffset:75.4}}.paragraph-play-btn{position:relative;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#4a7c59e6;color:#fff;font-size:9px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.paragraph-play-btn:hover{background:#4a7c59;transform:scale(1.08)}.paragraph-play-btn.playing{background:#2d5a3a}.paragraph-content{display:flex;flex-direction:column;justify-content:flex-start;gap:0;flex:1;min-height:0;width:100%;overflow:hidden}.paragraph-line{display:block;white-space:nowrap;overflow:hidden;line-height:1.2;max-width:100%}.text-line-content{width:100%;white-space:nowrap;overflow:hidden}.word-span{cursor:pointer;border-radius:2px;transition:background .15s}.word-span:hover{background:#4a7c5933}.word-span.active{background:#4a7c5966;outline:1px solid #4a7c59}.word-span.speaking{background:#ffdc50a6;outline:1px solid #c9a020}.word-span.sentence-current:not(.speaking){background:#7ec99a38;outline:1px solid rgba(74,124,89,.45)}.word-span.dictionary-mode{cursor:help}.word-span.dictionary-selected{background:#5b7fb859;outline:1px solid #5b7fb8}.page-panel.dictionary-mode-page .paragraph-box{outline:1px dashed rgba(91,127,184,.35)}.sidebar-stack{display:flex;flex-direction:column;gap:1rem}.dictionary-panel{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:2px solid #5b7fb8}.dictionary-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.dictionary-panel-header h2{margin:0;font-size:1.125rem;color:#3d5a80}.dictionary-close-btn{padding:.35rem .75rem;border:1px solid #5b7fb8;border-radius:6px;background:#f4f7fb;color:#3d5a80;font-size:.8125rem;font-weight:600}.dictionary-close-btn:hover{background:#e8eef7}.dictionary-mode-hint{margin:0 0 1rem;font-size:.8125rem;color:#555;line-height:1.4}.dictionary-loading{font-size:.875rem;color:#555}.dictionary-error{margin:0}.dictionary-entry{margin-top:.25rem}.dictionary-word-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.dictionary-word{font-size:1.375rem;font-weight:700;color:#1a1a1a}.dictionary-phonetic{font-size:.9375rem;color:#666}.dictionary-meanings{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.dictionary-pos{display:inline-block;margin-bottom:.25rem;padding:.1rem .45rem;border-radius:4px;background:#eef2f8;color:#3d5a80;font-size:.75rem;font-weight:600;font-style:italic}.dictionary-definition{margin:0;font-size:.9375rem;line-height:1.45}.dictionary-example{margin:.35rem 0 0;font-size:.8125rem;color:#666;font-style:italic}.sidebar{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #00000014;position:sticky;top:1rem}.sidebar h2{margin:0 0 1rem;font-size:1.125rem}.page-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.page-tab{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:6px;background:#f9f9f9;font-size:.875rem}.page-tab.active{background:#4a7c59;color:#fff;border-color:#4a7c59}.rewrite-form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.rewrite-form textarea{width:100%;min-height:80px;padding:.5rem;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical}.grade-slider-row{margin:1rem 0}.grade-slider-row input[type=range]{width:100%;accent-color:#4a7c59}.grade-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#666;margin-top:.25rem}.grade-current{text-align:center;font-weight:600;color:#4a7c59;margin-top:.5rem}.submit-btn{width:100%;padding:.65rem;background:#4a7c59;color:#fff;border:none;border-radius:6px;font-weight:600;margin-top:.75rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{margin-bottom:1rem;padding:.4rem .75rem;background:transparent;border:1px solid #8b7355;border-radius:6px;color:#555}.hint{font-size:.8rem;color:#666;margin-top:1rem}body.fullpage-reader-open{overflow:hidden}.spread-view-toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem}.spread-view-toolbar .text-compare-slider{flex:1;min-width:220px}.reading-speed-control{display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:8.5rem}.reading-speed-control-compact{min-width:7.5rem}.reading-speed-label{font-size:.78rem;font-weight:600;color:#5a5348;text-transform:uppercase;letter-spacing:.03em}.reading-speed-select{padding:.55rem .65rem;border:1px solid #d8d0c4;border-radius:8px;background:#fff;color:#2c2416;font:inherit}.fullpage-open-btn{padding:.75rem 1rem;border:1px solid #4a7c59;border-radius:8px;background:#4a7c59;color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #00000014}.fullpage-open-btn:hover{background:#3d6849}.fullpage-reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:#1f1b16;color:#f5f0e8}.fullpage-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#2a241d;border-bottom:1px solid rgba(255,255,255,.08)}.fullpage-exit-btn{padding:.45rem .75rem;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;color:#f5f0e8;font-size:.8125rem;white-space:nowrap}.fullpage-exit-btn:hover{background:#ffffff14}.fullpage-toolbar-slider{flex:1;min-width:200px}.fullpage-toolbar-slider .text-compare-slider{box-shadow:none;background:#ffffff0f}.fullpage-toolbar-slider .text-compare-label{color:#ffffffb8}.fullpage-toolbar-slider .text-compare-label.active{color:#b8dcc4}.fullpage-page-indicator{font-size:.8125rem;font-weight:600;color:#ffffffd9;white-space:nowrap;text-transform:capitalize}.fullpage-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;touch-action:pan-y}.page-panel-fullpage{flex:1;min-width:0;max-width:none;height:100%;display:flex;flex-direction:column;background:transparent;box-shadow:none;border-radius:0;overflow:hidden}.page-panel-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.fullpage-nav{flex:0 0 auto;width:44px;height:72px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center}.fullpage-nav:hover:not(:disabled){background:#ffffff2e}.fullpage-nav:disabled{opacity:.25;cursor:not-allowed}.fullpage-dictionary{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;max-height:40vh;overflow:auto;z-index:2}.fullpage-dictionary .dictionary-panel{margin:0}@media(max-width:720px){.fullpage-nav{width:36px;height:56px;font-size:1.6rem}.fullpage-stage{padding:.35rem;gap:.25rem}.fullpage-footer-transport{grid-template-columns:1fr;justify-items:stretch}.reader-home-btn{width:100%}.reader-transport-cluster{justify-content:center}.reading-speed-slider{justify-self:stretch;width:100%}.reading-speed-slider-input{flex:1;width:auto}}