:root{font-family:Literata,Georgia,serif;line-height:1.5;color-scheme:light;--font-display: "Literata", Georgia, serif;--font-ui: "Source Sans 3", "Segoe UI", sans-serif;--bg: #f3eee6;--bg-elevated: #fffaf3;--surface: #ffffff;--surface-2: #faf7f1;--text: #1c1915;--muted: #6b645b;--border: #e4ddd2;--border-strong: #c9bfb0;--accent: #3f6f4e;--accent-hover: #345c41;--accent-soft: #e8f3eb;--on-accent: #ffffff;--danger-bg: #fde8e8;--danger: #9b1c1c;--success-bg: #e8f7ee;--success: #1f6b3f;--warning-bg: #fff8eb;--warning: #6b4f1d;--info-bg: #eef5ff;--info-border: #bfd3ff;--info: #234;--shared: #6b5b95;--shadow: 0 10px 30px rgba(50, 40, 20, .08);--shadow-sm: 0 2px 10px rgba(50, 40, 20, .06);--nav-bg: rgba(243, 238, 230, .92);--radius: 16px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color:var(--text);background:var(--bg)}html[data-theme=dark]{color-scheme:dark;--bg: #161411;--bg-elevated: #1e1a16;--surface: #241f1a;--surface-2: #2c2620;--text: #f4eee4;--muted: #b7aea2;--border: #3a332c;--border-strong: #52493f;--accent: #7eb38a;--accent-hover: #93c49d;--accent-soft: #243328;--on-accent: #102016;--danger-bg: #3a1c1c;--danger: #f0a8a8;--success-bg: #1c3324;--success: #9fd8b0;--warning-bg: #3a2e18;--warning: #f0d39a;--info-bg: #1c2838;--info-border: #3a5478;--info: #c5d6ee;--shared: #c4b4e8;--shadow: 0 14px 36px rgba(0, 0, 0, .38);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .28);--nav-bg: rgba(22, 20, 17, .94)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);color:var(--text)}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}body{margin:0;overscroll-behavior:none}button,a,label,summary{touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,124,89,.22)}input,select,textarea{font-size:16px;max-width:100%}.app{max-width:1400px;margin:0 auto;padding:calc(1rem + var(--safe-top)) calc(1.25rem + var(--safe-right)) calc(1.25rem + var(--safe-bottom)) calc(1.25rem + var(--safe-left))}button{font-family:inherit;cursor:pointer}.app-shell,.login-screen{font-family:var(--font-ui)}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.login-screen h1,.login-screen h2{font-family:var(--font-display);letter-spacing:-.02em}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.app-brand{min-width:0}.app-kicker{margin:0 0 .2rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.app-header .app-kicker{display:block}.app-header h1{margin:0;font-size:1.4rem;font-weight:650}.app-header-tools{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .75rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:.85rem;font-weight:600}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-toggle svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle svg [fill=currentColor]{fill:currentColor;stroke:none}.credit-chip{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .7rem;border:none;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer;font-family:inherit}.credit-chip:hover,.credit-chip:focus-visible{filter:brightness(.97)}.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-hero h2{margin:0 0 .35rem}.login-theme-bar{position:absolute;top:calc(1rem + var(--safe-top));right:calc(1rem + var(--safe-right));display:flex;align-items:center;gap:.5rem}.runtime-badge{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .65rem;border:1px solid var(--warning);border-radius:999px;background:var(--warning-bg);color:var(--warning);font-family:var(--font-ui);font-size:.75rem;font-weight:800;letter-spacing:.03em;white-space:nowrap}.auth-bar{display:flex;flex-direction:row;align-items:center;gap:.65rem;margin-top:0}.auth-status{margin:0;font-size:.9rem;color:var(--muted);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-error{color:var(--danger)}.credits-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:4.5rem 1rem 1.5rem;background:#14100c59}.credits-panel{width:min(560px,100%);max-height:calc(100vh - 6rem);overflow:auto;padding:1.15rem 1.25rem 1.4rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.credits-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.credits-panel-header h2{margin:0}.credits-balance{margin:0 0 1rem;font-size:1.6rem;font-weight:800}.credits-invite h3,.credits-rules h3,.credits-ledger h3{margin:0 0 .35rem}.credits-invite-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.credits-invite-row input{flex:1 1 220px;min-width:0;padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.credits-rules{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.15rem 0}.credits-rules ul,.credits-ledger ul{margin:0;padding-left:1.1rem}.credits-rules li{margin-bottom:.35rem}.credits-ledger ul{list-style:none;padding:0}.credits-ledger li{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9rem}@media(max-width:640px){.credits-rules{grid-template-columns:1fr}}.auth-signout-btn{border:1px solid var(--border-strong);border-radius:999px;padding:.35rem .8rem;min-height:40px;background:var(--surface);color:var(--text)}.google-signin-slot{min-height:44px}.login-screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));background:radial-gradient(1200px 500px at 10% -10%,var(--accent-soft),transparent 55%),var(--bg)}.login-stack{display:flex;flex-direction:column;align-items:center;width:min(420px,100%)}.login-card{width:100%;padding:2.5rem 2rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.adsense-banner{width:100%;max-width:960px;margin:1.25rem auto 0;min-height:90px;overflow:hidden;text-align:center}.adsense-banner ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.login-tester{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.65rem;text-align:left}.login-tester input{padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.login-card h1{margin:0 0 .75rem;font-size:2rem}.login-card p{margin:0 0 1.5rem;color:var(--muted)}.login-card .app-kicker{margin-bottom:.45rem;color:var(--accent)}.login-google-btn{display:flex;justify-content:center}.dropzone{border:2px dashed var(--border-strong);border-radius:12px;padding:3rem 2rem;text-align:center;background:var(--surface);transition:border-color .2s,background .2s}.dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{display:none}.dropzone-label{display:block;cursor:pointer;color:var(--muted)}.dropzone-label strong{color:var(--accent)}.dropzone.disabled{opacity:.65;pointer-events:none}.dropzone-label.disabled{cursor:not-allowed}.dropzone-status{margin:0 0 1rem;color:var(--muted)}.dropzone-status strong{color:var(--accent)}.upload-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.upload-action-btn{padding:.7rem 1.15rem;min-height:44px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-weight:600}.upload-action-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}.upload-action-btn:disabled{opacity:.65;cursor:not-allowed}.upload-action-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.upload-action-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.beautify-option{display:flex;align-items:flex-start;gap:.65rem;max-width:720px;margin:0 auto 1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;color:var(--muted);font-size:.92rem;line-height:1.45;cursor:pointer}.beautify-option input{margin-top:.2rem;flex-shrink:0}.beautify-option strong{color:var(--text)}.camera-fallback-input{display:none}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#111;display:flex;align-items:stretch;justify-content:center;padding:0;z-index:1000}.camera-panel{width:min(100%,720px);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.camera-panel-live{width:100%;max-width:none;height:100%;border-radius:0;background:#111;color:#f5f0e8;display:flex;flex-direction:column}.camera-panel-live .camera-header{border-bottom-color:#ffffff1f}.camera-panel-live .camera-close-btn{color:#f5f0e8}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.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:var(--muted)}.camera-preview-wrap{position:relative;flex:1;min-height:0;background:#111}.camera-preview{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.camera-shutter-flash{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.camera-shutter-flash.pop{animation:camera-flash .18s ease-out}@keyframes camera-flash{0%{opacity:.85}to{opacity:0}}.camera-torch-btn{position:absolute;top:.75rem;right:.75rem;z-index:2;min-height:40px;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#0000008c;color:#fff;font:inherit;font-size:.85rem;font-weight:600}.camera-torch-btn.active{background:#f5d76e;border-color:#f5d76e;color:#1c1915}.camera-batch-count{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;margin:0;padding:.45rem .7rem;border-radius:999px;background:#0000009e;color:#fff;font-size:.9rem;text-align:center}.camera-error{margin:0;padding:1.25rem;color:var(--danger)}.camera-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom))}.camera-panel-live .camera-actions{background:#1a1612}.camera-cancel-btn,.camera-capture-btn{padding:.65rem 1rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font:inherit}.camera-capture-btn{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.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:var(--muted);font-size:.875rem}.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.sample-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.sample-thumb{width:100%;height:180px;object-fit:cover;object-position:top center;background:var(--surface-2);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:999px;background:var(--accent);color:var(--on-accent);font-size:.875rem;font-weight:600}.sample-use-btn:hover:not(:disabled){background:var(--accent-hover)}.sample-use-btn:disabled{opacity:.65;cursor:not-allowed}.upload-divider{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:var(--border)}.error-banner{background:var(--danger-bg);color:var(--danger);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 var(--border);background:var(--surface-2)}.book-detection-banner strong{display:block;margin-bottom:.35rem}.book-detection-banner p{margin:.35rem 0;color:var(--muted)}.book-detection-known{border-color:var(--accent);background:var(--accent-soft)}.book-detection-new{border-color:var(--warning);background:var(--warning-bg)}.book-detection-muted{color:var(--muted)}.book-detection-status{font-size:.95rem;color:var(--muted)}.book-detection-error{color:var(--danger)}.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:.4rem;justify-content:flex-start;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 auto 1.25rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.app-nav-btn{padding:.6rem 1.05rem;min-height:42px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.95rem;font-weight:600}.app-nav-btn:hover{color:var(--text);background:var(--surface-2)}.app-nav-btn.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.new-book-flow-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.book-library,.book-detail{max-width:960px;margin:0 auto}.book-library-header,.book-detail-header,.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.book-library-header h2,.book-detail-header h2,.page-hero h2,.book-detail-header .book-library-author,.page-hero .book-library-author{margin:0 0 .35rem}.book-library-hint,.book-library-meta{margin:0;color:var(--muted);font-size:.95rem}.book-library-empty{padding:2.5rem 1.5rem;text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.book-library-empty h3{margin:.35rem 0 .5rem}.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 var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.book-library-card-head{display:block;width:100%;padding:1rem 1.1rem .75rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.book-library-card-head:hover h3{color:var(--accent)}.book-library-card h3{margin:0 0 .35rem;font-size:1.05rem}.book-library-author{margin:0 0 .35rem;color:var(--muted);font-size:.92rem}.book-library-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.book-library-card-actions{display:flex;gap:.5rem;padding:.75rem 1.1rem 1rem;border-top:1px solid var(--border)}.book-library-card-actions .upload-action-btn{flex:1}.book-library-shared{margin:.15rem 0 0;color:var(--shared);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:var(--muted);font-size:.95rem}.family-panel{margin-top:1rem;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.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 var(--border)}.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 var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.family-leave-row{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.success-banner{background:var(--success-bg);color:var(--success);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 var(--border);background:var(--warning-bg);color:var(--warning);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 var(--border);border-radius:var(--radius);background:var(--surface)}.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 var(--border)}.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 var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.story-version-name-edit{margin-bottom:.75rem}.story-version-name-edit input{width:100%;padding:.55rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.story-version-meta,.story-version-status{margin:0 0 .75rem;color:var(--muted);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:var(--accent);background:var(--accent-soft);color:var(--text)}.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 var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.book-page-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.book-page-list-item{padding:1rem;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.book-page-list-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.35rem}.book-page-preview{margin:0;color:var(--muted);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:var(--surface);border:2px solid var(--border);border-radius:12px;overflow:hidden;cursor:grab;box-shadow:var(--shadow-sm);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:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.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 var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.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 calc(.65rem + var(--safe-bottom))}.reader-home-btn{justify-self:start;padding:.55rem .95rem;min-height:44px;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:44px;height:44px;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,.book-voice-panel h3,.book-voice-panel h4{margin:0 0 .35rem}.book-voice-panel h4{margin-top:1rem;font-size:1rem}.book-voice-field{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0;font-size:.92rem;font-weight:600;color:#4a4338}.book-voice-field select,.book-voice-field input[type=text]{padding:.65rem .75rem;min-height:44px;border:1px solid #d9d0c3;border-radius:8px;background:#fff;font-size:16px;font-weight:500;color:#2a241d}.book-voice-exaggeration-row{display:flex;align-items:center;gap:.75rem}.book-voice-exaggeration-input{flex:1;min-height:44px;accent-color:#4a7c59}.book-voice-exaggeration-value{flex:0 0 3rem;font-variant-numeric:tabular-nums;font-weight:700;color:#2a241d}.book-voice-file{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;font-size:.92rem;font-weight:600;color:#4a4338}.book-voice-file input[type=file]{width:100%;min-height:44px;padding:.45rem 0}.book-voice-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 1rem}.book-voice-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.book-voice-row.selected{border-color:var(--accent);background:var(--accent-soft)}.book-voice-row-copy{display:flex;flex-direction:column;gap:.15rem;min-width:8rem;flex:1}.book-voice-row-copy strong{font-size:1rem;color:var(--text)}.book-voice-row-copy span{font-size:.82rem;font-weight:500;color:var(--muted)}.book-voice-row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.voice-clip-review{margin-top:.9rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);display:grid;gap:.65rem}.voice-clip-review .family-meta{margin:0}.voice-clip-review-error{color:var(--danger)}.voice-sample-btn,.book-voice-use-btn{min-height:44px;padding:.45rem .8rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.92rem;font-weight:600}.voice-sample-btn{white-space:nowrap}.voice-sample-btn.playing,.book-voice-use-btn:disabled{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.voice-sample-btn.compact{min-width:44px;padding:.35rem .65rem;border-radius:999px;border-color:#ffffff2e;background:#ffffff14;color:#f5f0e8}.voice-sample-btn.compact.playing{background:#4a7c5966;border-color:#dff5e873;color:#dff5e8}.book-voice-actions{display:flex;gap:.5rem;flex-wrap:wrap}.book-voice-status{margin:.35rem 0 .75rem;font-size:.88rem;color:var(--accent)}.book-voice-status.error{color:var(--danger)}.book-voice-clone input[type=file]{margin-top:.35rem}.book-voice-clones{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0}.book-voice-clones h4,.voice-record-card h2{margin:.35rem 0}.book-voice-row-copy input{width:min(220px,100%);padding:.35rem .5rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.voice-record-card{width:min(640px,100%);text-align:left}.voice-record-card h1{margin-bottom:.35rem}.voice-record-step{margin:1.35rem 0 0}.voice-record-step h2{margin:0 0 .35rem;font-size:1.15rem}.voice-record-prompt{margin:.75rem 0 0;padding:1.1rem 1.15rem;border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--text);white-space:pre-wrap;font-size:1.05rem;line-height:1.55}.voice-record-prompt.is-recording{border-left-color:var(--danger);outline:2px solid var(--danger);outline-offset:2px}.voice-record-now{margin:0;padding:.75rem .95rem;border-radius:10px;background:var(--danger-bg);color:var(--danger);font-weight:700}.voice-record-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.75rem 0 0}.voice-record-main-btn{min-height:52px;min-width:9rem;font-size:1.05rem}.voice-meter{margin-top:.85rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.voice-meter.hearing{border-color:var(--accent);background:var(--accent-soft)}.voice-meter-track{height:14px;border-radius:999px;background:var(--border);overflow:hidden}.voice-meter-bar{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width 80ms linear}.voice-meter-label{margin:.55rem 0 0;font-size:1rem;font-weight:650}.voices-pending{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.voices-share-url{width:100%;margin-top:.55rem;padding:.65rem .75rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-size:.88rem}.voices-pending .voices-row-actions{justify-content:flex-start}.voices-delete-warning{color:var(--danger);font-weight:650}.voices-delete-confirm{border-color:var(--danger);color:var(--danger)}.voices-pending .upload-action-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.family-voice-rename{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.family-voice-rename input{padding:.4rem .55rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.voices-studio{display:grid;gap:1rem}.voices-card{padding:1.25rem 1.35rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.voices-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.voices-card h3{margin:0;font-size:1.15rem}.voices-credit-pill{margin:0;padding:.2rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:700;white-space:nowrap}.voices-card>.family-meta{margin:0 0 1rem}.voices-field{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1rem;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.voices-field input,.voices-field select{padding:.7rem .85rem;min-height:46px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-elevated);color:var(--text);font-size:1rem;font-weight:500;text-transform:none;letter-spacing:0}.voices-add-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.voices-add-actions .upload-action-btn{width:100%;display:inline-flex;align-items:center;justify-content:center}.voices-list{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.65rem}.voices-list-pending{margin-top:1.15rem;padding-top:1.1rem;border-top:1px solid var(--border)}.voices-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.voices-row-copy{min-width:0;flex:1}.voices-row-copy strong{display:block;font-size:1.02rem}.voices-row-copy .family-meta{margin:.15rem 0 0}.voices-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.voices-rename-input{width:min(100%,16rem);padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-weight:650}@media(max-width:720px){.voices-add-actions,.voices-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.voices-row-actions{justify-content:stretch}.voices-row-actions .upload-action-btn,.voices-row-actions .voice-sample-btn{flex:1}}.admin-credit-cell{display:flex;align-items:center;gap:.35rem}.admin-credit-cell input{width:4.5rem;padding:.25rem .4rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-2);color:var(--text)}.reader-voice-select{display:flex;align-items:center;gap:.4rem;justify-self:end}.reader-voice-select select{max-width:11rem;min-height:44px;padding:.4rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#f5f0e8;font-size:16px}.reader-voice-prepare{font-size:.72rem;color:#dff5e8;white-space:nowrap}.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}.impersonation-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .85rem;padding:.65rem .9rem;border-radius:var(--radius-sm);background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning);font-family:var(--font-ui);font-size:.9rem;font-weight:650}.admin-user-toolbar{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.admin-user-search{position:relative;max-width:28rem}.admin-user-search label{display:block;margin-bottom:.3rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-user-search input{width:100%;padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font-ui)}.admin-user-suggest{position:absolute;z-index:5;left:0;right:0;top:calc(100% + .25rem);margin:0;padding:.3rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.admin-user-suggest button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.45rem .6rem;border:none;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:var(--font-ui)}.admin-user-suggest button:hover,.admin-user-suggest button:focus-visible{background:var(--accent-soft)}.admin-user-suggest span{color:var(--muted);font-size:.82rem}.admin-user-filters{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem}.admin-filter-group{display:flex;flex-direction:column;gap:.3rem}.admin-filter-group>span{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.admin-filter-group .admin-section-tabs{padding:.2rem}.admin-filter-group .app-nav-btn{min-height:28px;padding:.15rem .55rem;font-size:.78rem}.admin-user-identity{display:flex;flex-direction:column;gap:.1rem}.admin-user-identity span{color:var(--muted);font-size:.82rem}.admin-flag-row{display:flex;flex-wrap:wrap;gap:.35rem}.admin-flag-toggle{border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--muted);font-family:var(--font-ui);font-size:.75rem;font-weight:700;padding:.2rem .55rem;cursor:pointer}.admin-flag-toggle.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.app-nav-btn.admin-danger-tab{color:var(--danger)}.app-nav-btn.admin-danger-tab.active{background:var(--danger);color:var(--on-accent)}.admin-danger-zone{max-width:40rem}.admin-danger-panel{padding:1.15rem 1.2rem 1.25rem;border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-bg)}.admin-danger-panel .app-kicker{color:var(--danger)}.admin-danger-panel h3{margin:0 0 .4rem}.admin-danger-panel .book-library-hint,.admin-danger-panel .book-library-meta{margin-bottom:.85rem}.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:.35rem;flex-wrap:wrap;padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.admin-usage{display:flex;flex-direction:column;gap:1rem}.admin-usage-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.admin-usage-toolbar-label{margin:0 0 .15rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.admin-usage-toolbar .book-library-meta{max-width:42rem}.admin-usage-notes{font-family:var(--font-ui);font-size:.88rem;color:var(--muted)}.admin-usage-notes summary{cursor:pointer;width:fit-content;color:var(--accent);font-weight:650}.admin-usage-notes p{margin:.45rem 0 0;max-width:62ch;line-height:1.45}.admin-usage-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.admin-usage-grid{grid-template-columns:1fr 1fr;align-items:start}}.admin-usage-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.1rem 1.1rem}.admin-usage-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-usage-panel-header h3{margin:0 0 .2rem;font-size:1.2rem}.admin-usage-panel-header .book-library-hint{font-size:.88rem}.admin-usage-cost{margin:0;text-align:right;font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.15;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.admin-usage-cost-label{display:block;margin-bottom:.12rem;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.55rem;margin:.9rem 0 .65rem}.admin-stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem .6rem}.admin-stat-label{margin:0;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.admin-stat-value{margin:.12rem 0 0;font-family:var(--font-ui);font-size:1.08rem;font-weight:700;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}.admin-usage-table-wrap{margin-top:.75rem;overflow-x:auto;border-top:1px solid var(--border);padding-top:.7rem}.admin-usage-table-wrap h4{margin:0 0 .45rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-usage-table-wrap .admin-table{font-size:.86rem}.admin-usage-table-wrap .admin-table th,.admin-usage-table-wrap .admin-table td{padding:.5rem .55rem}.admin-usage-empty{margin:0;padding:.35rem 0 .15rem;font-family:var(--font-ui);font-size:.9rem;color:var(--muted)}.admin-high-volume{display:inline-block;margin-left:.4rem;padding:.08rem .45rem;border-radius:999px;background:var(--warning-bg);color:var(--warning);font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.admin-table-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th,.admin-table td{padding:.75rem .85rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{background:var(--surface-2);color:var(--muted);font-weight:600}.admin-table tbody tr:last-child td{border-bottom:none}.admin-link-btn{border:none;background:none;color:var(--accent);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 var(--border)}.admin-access-panel h3{margin:0 0 .35rem}.admin-table-wrap h3{margin:0;padding:.9rem 1rem .4rem}.admin-invite-create input{flex:1 1 240px;min-width:220px;padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text)}.admin-filter-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;background:var(--info-bg);border:1px solid var(--info-border)}.admin-user-actions{display:flex;flex-wrap:wrap;gap:.4rem}.auth-invite{color:var(--accent)}.book-detection-add-pages{background:var(--info-bg);border:1px solid var(--info-border)}.book-add-pages-hint{margin-bottom:1rem;padding:.85rem 1rem;border-radius:10px;background:var(--info-bg);border:1px solid var(--info-border);color:var(--info)}.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:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.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 var(--border);border-radius:10px;background:var(--surface-2)}.bulk-upload-item-processing{border-color:var(--info-border);background:var(--info-bg)}.bulk-upload-item-done{border-color:var(--accent);background:var(--accent-soft)}.bulk-upload-item-failed{border-color:var(--danger);background:var(--danger-bg)}.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}.barcode-scanner{display:grid;gap:1rem;margin-top:1rem}.barcode-scanner-preview{position:relative;background:#111;border-radius:12px;overflow:hidden;min-height:240px}.barcode-scanner-preview video{display:block;width:100%;max-height:55vh;object-fit:cover}.barcode-viewfinder{position:absolute;left:12%;right:12%;top:28%;bottom:28%;border:2px solid rgba(245,215,110,.95);border-radius:12px;box-shadow:0 0 0 999px #00000047;pointer-events:none}.barcode-scanner-preview .camera-torch-btn{top:.65rem;right:.65rem}.barcode-scanner-hint{position:absolute;left:0;right:0;bottom:0;margin:0;padding:.65rem .85rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.95rem}.barcode-manual-form{display:grid;gap:.65rem}.barcode-manual-form label{display:grid;gap:.35rem;font-size:.95rem;color:var(--muted)}.barcode-manual-form input{width:100%;padding:.65rem .85rem;border:1px solid var(--border-strong);border-radius:10px;font-size:1rem;background:var(--surface-2);color:var(--text)}.book-detection-claim{background:var(--accent-soft);border:1px solid var(--accent)}.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:var(--muted)}.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;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.page-animate-btn{padding:.25rem .7rem;border:1px solid #8b7355;border-radius:999px;background:#fff;color:#3a3124;font:inherit;font-size:.75rem;font-weight:600;text-transform:none;cursor:pointer;line-height:1.2}.page-animate-btn:hover:not(:disabled){background:#f7f3ec}.page-animate-btn:disabled,.page-animate-btn.busy{opacity:.7;cursor:wait}.page-animate-btn-overlay{position:absolute;left:8px;bottom:8px;z-index:4;box-shadow:0 1px 6px #0000002e}.page-animate-error{margin:0;border-radius:0}.page-canvas{position:relative;width:100%;line-height:0;overflow:hidden;background:#fff}.page-panel-fullpage .page-canvas{border-radius:4px;box-shadow:0 14px 40px #0000006b}.page-canvas img,.page-canvas video{width:100%;height:100%;object-fit:contain;display:block;vertical-align:top}.word-overlay{position:absolute;z-index:3;cursor:pointer;border-radius:2px;transition:background .15s}.word-overlay:hover{background:transparent}.word-overlay.active{background:#ffdc50a6;outline:1px solid #c9a020}.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-box-open{padding:0 26px 0 0;background:transparent!important;border-radius:0;box-shadow:none;text-shadow:0 0 3px rgba(255,255,255,.95),0 1px 2px rgba(255,255,255,.75)}.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;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,220,80,.35)}.word-span:hover{background:transparent}.word-span.active,.word-span.speaking{background:#ffdc50a6;outline:1px solid #c9a020}.word-span.sentence-current:not(.speaking):not(.active){background:transparent;outline:none}.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:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);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 var(--border-strong);border-radius:6px;background:var(--surface-2);color:var(--text);font-size:.875rem}.page-tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.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 var(--border-strong);border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical;background:var(--surface-2);color:var(--text)}.grade-slider-row{margin:1rem 0}.grade-slider-row input[type=range]{width:100%;accent-color:var(--accent)}.grade-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:.25rem}.grade-current{text-align:center;font-weight:600;color:var(--accent);margin-top:.5rem}.submit-btn{width:100%;padding:.65rem;background:var(--accent);color:var(--on-accent);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 var(--border-strong);border-radius:999px;color:var(--muted)}.hint{font-size:.8rem;color:var(--muted);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;height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.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}.app-shell input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]),.app-shell textarea,.app-shell select,.login-screen input:not([type=file]){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}@media(max-width:920px){.app{padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.app-header{margin-bottom:1rem;padding:.7rem .85rem;border-radius:14px}.app-header h1{font-size:1.15rem}.app-header-tools{gap:.4rem}.theme-toggle span,.auth-status{display:none}.app-with-tabbar{padding-bottom:calc(4.75rem + var(--safe-bottom))}.app-with-tabbar .app-nav{position:fixed;left:.6rem;right:.6rem;bottom:calc(.45rem + var(--safe-bottom));z-index:80;width:auto;margin:0;padding:.4rem;background:var(--nav-bg);border:1px solid var(--border);justify-content:space-around;gap:.25rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.app-with-tabbar .app-nav-btn{flex:1;min-width:0;padding:.55rem .35rem;font-size:.82rem}.book-detail-header,.book-library-header,.page-hero{flex-direction:column}.book-detail-actions{width:100%}.book-detail-actions .upload-action-btn{flex:1}.book-library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.barcode-scanner-preview video{max-height:42dvh}.fullpage-nav{width:44px;height:64px;font-size:1.7rem}.fullpage-stage{padding:.35rem;gap:.25rem}.fullpage-footer-transport{grid-template-columns:1fr;justify-items:stretch}.reader-home-btn{width:100%;justify-self:stretch}.reader-transport-cluster{justify-content:center}.reader-voice-select{justify-self:stretch;width:100%}.reader-voice-select select{max-width:none;width:100%}.reading-speed-slider{justify-self:stretch;width:100%}.reading-speed-slider-input{flex:1;width:auto;min-height:32px}}@media(pointer:coarse){.paragraph-play-wrap{width:40px;height:40px}.paragraph-play-btn{width:32px;height:32px;font-size:12px}.camera-cancel-btn,.camera-capture-btn{min-height:44px;min-width:44px}input[type=range]{min-height:32px}}@media(hover:none){.word-span:hover{background:transparent}.word-span.active:hover,.word-span.speaking:hover,.word-span.dictionary-selected:hover{background:inherit}}@media(orientation:landscape)and (max-height:900px){.fullpage-footer-transport{padding-top:.4rem;padding-bottom:calc(.4rem + var(--safe-bottom));gap:.45rem}.fullpage-stage{padding:.25rem .5rem}.app-header{margin-bottom:.75rem}}