.sync-conflict-badge-btn{color:#fff;cursor:pointer;z-index:9999;background-color:#d97706;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 12px #00000026}.sync-conflict-badge-btn:hover{background-color:#b45309;transform:translateY(-2px)}.sync-conflict-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sync-conflict-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sync-conflict-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sync-conflict-title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.sync-conflict-subtitle{color:#4b5563;margin:4px 0 16px;font-size:14px}.sync-conflict-details{background-color:#f3f4f6;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.sync-conflict-details-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.sync-conflict-val-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px}.sync-conflict-val-title{color:#374151;margin-bottom:4px;font-weight:600}.sync-conflict-val-content{white-space:pre-wrap;word-break:break-all;max-height:120px;font-family:monospace;font-size:11px;overflow-y:auto}.sync-conflict-error{color:#dc2626;margin-bottom:12px;font-size:13px}.sync-conflict-actions{justify-content:flex-end;gap:8px;display:flex}.sync-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.sync-btn-primary{color:#fff;background-color:#2563eb}.sync-btn-primary:hover:not(:disabled){background-color:#1d4ed8}.sync-btn-secondary{color:#fff;background-color:#4b5563}.sync-btn-secondary:hover:not(:disabled){background-color:#374151}.sync-btn-ghost{color:#6b7280;background-color:#0000;border-color:#d1d5db}.sync-btn-ghost:hover:not(:disabled){background-color:#f3f4f6}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.migration-overlay{z-index:9999;pointer-events:none;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.migration-dialog{pointer-events:auto;background:var(--bg-card,#fff);color:var(--text-color,#1a1a1a);border-radius:8px;flex-direction:column;gap:1rem;width:100%;max-width:540px;padding:1.5rem;display:flex;box-shadow:0 10px 25px #0000004d}.migration-dialog h2{margin:0;font-size:1.25rem;font-weight:600}.migration-intro{color:var(--text-secondary,#555);margin:0;font-size:.9rem}.migration-summary{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:1rem}.migration-summary h3{margin:0 0 .5rem;font-size:1rem}.migration-summary ul{margin:0;padding-left:1.25rem;font-size:.875rem}.migration-summary li{margin-bottom:.25rem}.badge-local-only{color:#b45309}.badge-corrupt{color:#b91c1c}.migration-actions{flex-direction:column;gap:.5rem;display:flex}.btn-migration{cursor:pointer;border:none;border-radius:6px;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:background-color .2s}.btn-migration:disabled{opacity:.6;cursor:not-allowed}.btn-merge{color:#fff;background-color:#2563eb}.btn-merge:hover:not(:disabled){background-color:#1d4ed8}.btn-cloud{color:#fff;background-color:#4b5563}.btn-cloud:hover:not(:disabled){background-color:#374151}.btn-keep-local{color:#1f2937;background-color:#f3f4f6;border:1px solid #d1d5db}.btn-keep-local:hover:not(:disabled){background-color:#e5e7eb}.btn-restore{color:#fff;background-color:#059669}.btn-restore:hover:not(:disabled){background-color:#047857}.migration-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:.75rem;font-size:.875rem}.migration-success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:6px;padding:.75rem;font-size:.875rem}.migration-footer-note{color:var(--text-tertiary,#777);text-align:center;font-size:.75rem}.backup-restore-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:1rem}.backup-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.backup-item{background:var(--bg-secondary,#f8f9fa);border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}:root{--app-bg:#f7f6f2;--surface:#fff;--surface-elevated:#fff;--text-primary:#18201e;--text-secondary:#747a76;--border:#dedfd9;--accent:#d16f56;--accent-hover:#af5541;--danger-bg:#fee2e2;--danger-text:#991b1b;--current-item-bg:#f2e8e3;--tag-bg:#e8eee9;--tag-text:#496655;--reader-bg:#f4f2ec;--reader-text:#202522;--reader-muted:#747a76;--reader-selection:#e2e8f0;--header-bg:#f4f2ec;--drawer-bg:#fbfaf6;--card-bg:#fff;--shadow:0 10px 30px #0000000d;--radius:6px;--paper:var(--app-bg);--white:var(--surface);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border);--accent-dark:var(--accent-hover);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=light]{--app-bg:#f7f6f2;--surface:#fff;--surface-elevated:#fff;--text-primary:#18201e;--text-secondary:#747a76;--border:#dedfd9;--accent:#d16f56;--accent-hover:#af5541;--danger-bg:#fee2e2;--danger-text:#991b1b;--current-item-bg:#f2e8e3;--tag-bg:#e8eee9;--tag-text:#496655;--reader-bg:#f4f2ec;--reader-text:#202522;--reader-muted:#747a76;--reader-selection:#e2e8f0;--header-bg:#f4f2ec;--drawer-bg:#fbfaf6;--card-bg:#fff;--shadow:0 10px 30px #0000000d}html[data-theme=warm]{--app-bg:#fcfaf2;--surface:#faf6eb;--surface-elevated:#f4ecd8;--text-primary:#30291f;--text-secondary:#776d5d;--border:#d3c5ad;--accent:#b7654e;--accent-hover:#9a4836;--danger-bg:#fef2f2;--danger-text:#991b1b;--current-item-bg:#e5d5b7;--tag-bg:#f3efe6;--tag-text:#6e5e4d;--reader-bg:#eee5d3;--reader-text:#30291f;--reader-muted:#776d5d;--reader-selection:#e5d5b7;--header-bg:#eee5d3;--drawer-bg:#eee5d3;--card-bg:#faf6eb;--shadow:0 10px 30px #0000000d}html[data-theme=dark]{--app-bg:#121413;--surface:#1b1e1c;--surface-elevated:#242826;--text-primary:#d7d5cd;--text-secondary:#949b95;--border:#373c38;--accent:#c77a62;--accent-hover:#a85d46;--danger-bg:#7f1d1d;--danger-text:#fecaca;--current-item-bg:var(--surface-elevated);--tag-bg:#2c3530;--tag-text:#a1b8ac;--reader-bg:#1b1e1c;--reader-text:#d7d5cd;--reader-muted:#949b95;--reader-selection:#2c3530;--header-bg:#1b1e1c;--drawer-bg:#1b1e1c;--card-bg:#1b1e1c;--shadow:0 10px 30px #0003}html[data-theme=midnight]{--app-bg:#0b0f19;--surface:#0f172a;--surface-elevated:#1e293b;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border:#334155;--accent:#f43f5e;--accent-hover:#e11d48;--danger-bg:#7f1d1d;--danger-text:#fecaca;--current-item-bg:var(--surface-elevated);--tag-bg:#1e293b;--tag-text:#38bdf8;--reader-bg:#0b0f19;--reader-text:#e2e8f0;--reader-muted:#94a3b8;--reader-selection:#1e293b;--header-bg:#0b0f19;--drawer-bg:#0f172a;--card-bg:#0f172a;--shadow:0 15px 40px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:auto;padding:0 64px 80px}.topbar{border-bottom:1px solid var(--line);align-items:center;height:88px;display:flex}.brand{font-family:var(--serif);align-items:center;gap:11px;font-size:19px;font-weight:700;display:flex}.brand span,.reader-brand{background:var(--ink);width:32px;height:32px;color:var(--paper);border-radius:50%;place-items:center;font-style:italic;display:grid}.topbar nav{color:var(--muted);gap:34px;margin-left:80px;font-size:14px;display:flex}.topbar nav a{padding:35px 0 32px}.topbar nav .active{color:var(--ink);border-bottom:2px solid var(--ink)}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:50%;width:40px;height:40px}.avatar{color:#365044;background:#dce5df;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.home-hero{justify-content:space-between;align-items:end;padding:64px 0 46px;display:flex}.eyebrow,.section-kicker{letter-spacing:.2em;color:var(--accent);font-size:11px;font-weight:800}.home-hero h1{font:500 44px/1.13 var(--serif);letter-spacing:-.025em;margin:16px 0 0}.search{background:var(--white);border:1px solid var(--line);border-radius:4px;align-items:center;width:390px;height:55px;padding:0 15px;display:flex;box-shadow:0 8px 30px #1e29220a}.search span{color:var(--muted);font-size:26px}.search input{background:0 0;border:0;outline:0;flex:1;padding:0 12px}.search kbd{color:#8a8e8b;border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:11px}.continue-card{color:#fff;background:#24302d;border-radius:7px;align-items:center;min-height:290px;padding:36px 34px 34px 244px;display:flex;position:relative;box-shadow:0 20px 55px #19211f1e}.cover{position:relative;overflow:hidden;box-shadow:0 12px 28px #1113}.cover:after{content:"";border:1px solid #fff4;border-radius:50%;width:130px;height:190px;position:absolute;bottom:-90px;right:-60px}.cover span,.cover i{z-index:1;font:700 8px/1 var(--sans);letter-spacing:.19em;position:relative}.cover strong{z-index:1;font:500 24px/1.05 var(--serif);position:relative}.cover i{font-style:normal}.cover b{background:var(--white);color:#26312d;font:800 7px var(--sans);border-radius:3px;padding:5px 6px;position:absolute;top:9px;right:9px}.coral{color:#fff;background:#bd6a55}.blue{color:#fff;background:#6c8592}.sand{color:#443a2d;background:#d1b896}.ink{color:#fff;background:#2d343c}.continue-cover{flex-direction:column;justify-content:space-between;width:160px;height:244px;padding:22px 18px;display:flex;position:absolute;bottom:0;left:42px}.continue-copy{width:52%}.continue-copy h2{font:500 31px var(--serif);margin:10px 0}.continue-copy>p{color:#c6ceca;font-size:14px}.progress-row{align-items:center;gap:12px;margin:24px 0;display:flex}.progress{background:#ffffff2b;width:280px;height:3px}.progress i,.mini-progress i,.audio-seek i,.reader-progress i{background:var(--accent);height:100%;display:block}.progress-row span{color:#c7cecb;font-size:11px}.button-row,.detail-actions{gap:10px;display:flex}.primary-button,.ghost-button{border-radius:3px;justify-content:center;align-items:center;height:46px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.primary-button span{margin-left:32px}.ghost-button{border:1px solid}.continue-card .ghost-button{color:#dfe3e1;border-color:#65706d}.continue-meta{border-left:1px solid #ffffff20;flex-direction:column;gap:8px;margin-left:auto;padding-left:35px;display:flex}.continue-meta span{letter-spacing:.14em;color:#9ba6a1;font-size:9px}.continue-meta strong{font:500 14px var(--serif)}.continue-meta em{color:#8fa69a;font-size:11px;font-style:normal}.library-section{padding-top:64px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading h2,.chapter-section h2{font:500 27px var(--serif);margin:8px 0 0}.text-button{background:0 0;border:0;font-size:12px;font-weight:700}.book-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.book-card{min-width:0}.book-cover{aspect-ratio:3/4;flex-direction:column;justify-content:space-between;width:100%;padding:27px 23px;transition:transform .2s;display:flex}.book-card:hover .book-cover{transform:translateY(-4px)}.book-cover strong{width:70%;font-size:25px}.book-card h3{font:600 17px var(--serif);margin:18px 0 6px}.book-card p{color:var(--muted);margin:0;font-size:11px}.mini-progress{background:#d9dad5;height:2px;margin-top:13px}.book-card small{color:#8d918e;margin-top:7px;font-size:9px;display:block}.book-detail-hero{border-bottom:1px solid var(--line);grid-template-columns:300px 1fr;gap:72px;padding:64px 7% 70px;display:grid}.detail-cover{aspect-ratio:3/4;flex-direction:column;justify-content:space-between;width:270px;padding:36px 28px;display:flex}.detail-cover strong{font-size:38px}.breadcrumbs{color:#929690;gap:10px;margin-bottom:35px;font-size:11px;display:flex}.breadcrumbs b{color:var(--ink)}.tag{background:var(--tag-bg);color:var(--tag-text);letter-spacing:.12em;border-radius:2px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-block}.detail-copy h1{font:500 48px var(--serif);margin:16px 0 9px}.author{color:var(--muted);font-size:13px}.description{font:17px/1.8 var(--serif);max-width:690px;color:var(--text-secondary);margin:28px 0}.detail-actions .ghost-button{color:#44504b}.resume-note{color:#63716b;align-items:center;gap:12px;margin-top:27px;display:flex}.resume-note>span{color:#3e6a52;background:#e6ece7;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.resume-note strong{font-size:11px}.resume-note p{margin:3px 0;font-size:10px}.chapter-section{max-width:1020px;margin:0 auto;padding:52px 0}.chapter-tools{gap:8px;display:flex}.chapter-tools button,.small-search{border:1px solid var(--line);background:var(--white);height:38px;color:var(--text-primary);align-items:center;padding:0 12px;font-size:11px;display:flex}.small-search input{width:125px;color:inherit;background:0 0;border:0;outline:0;padding-left:7px}.chapter-list{border-top:1px solid var(--line)}.chapter-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr 120px 20px;align-items:center;min-height:76px;display:grid}.chapter-number{font:500 21px var(--serif);color:#9a9d99}.chapter-row strong{font:600 14px var(--serif)}.chapter-row p{color:#999;margin:5px 0;font-size:9px}.chapter-row.read p{color:#557864}.chapter-duration{color:#7a7f7c;font-size:10px}.reader{color:#202522;background:#f4f2ec;min-height:100vh;padding-bottom:96px;transition:all .25s}.reader.dark{color:#dadbd5;--line:#343936;--muted:#989e99;background:#171a19}.reader-progress{z-index:20;background:#dfe0da;height:3px;position:fixed;top:0;left:0;right:0}.reader-progress i{width:67%}.reader-header{border-bottom:1px solid var(--line);background:inherit;z-index:10;align-items:center;height:74px;padding:0 38px;display:flex;position:sticky;top:3px}.reader-brand{font-family:var(--serif)}.reader-book{flex-direction:column;gap:4px;margin-left:18px;display:flex}.reader-book span,.audio-title span{letter-spacing:.16em;color:var(--accent);font-size:8px;font-weight:800}.reader-book strong{font:600 12px var(--serif)}.reader-tools{gap:7px;margin-left:auto;display:flex}.reader-tools button{border:1px solid var(--line);min-width:38px;height:36px;color:inherit;background:0 0;border-radius:3px;padding:0 12px;font-size:11px}.reader-panel{background:var(--white);color:var(--ink);z-index:30;width:340px;padding:22px;position:fixed;top:85px;right:25px;box-shadow:0 15px 50px #1114}.reader-panel button{float:right;color:inherit;background:0 0;border:0;font-size:20px}.reader-panel p{border-bottom:1px solid var(--line);padding:13px;font-size:12px}.reader-panel .selected{color:#9a4836;background:#f4e6e1}.reading-column{max-width:730px;margin:0 auto;padding:72px 30px}.chapter-heading{text-align:center;margin-bottom:48px}.chapter-heading span{letter-spacing:.22em;color:var(--accent);font-size:9px;font-weight:800}.chapter-heading h1{font:500 38px var(--serif);margin:15px 0 10px}.chapter-heading p{color:var(--muted);font-size:10px}.story-text{font:19px/1.95 var(--serif);letter-spacing:.003em}.story-text p{margin:0 0 27px}.dropcap:first-letter{float:left;color:var(--accent);padding:10px 10px 2px 0;font-size:62px;line-height:.72}.story-text blockquote{font:italic 23px/1.55 var(--serif);border-left:2px solid var(--accent);color:#58605c;margin:44px 0;padding:5px 0 5px 25px}.dark .story-text blockquote{color:#b8beb9}.reader-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:65px;padding-top:25px;display:grid}.reader-nav a{grid-template-columns:26px 1fr;align-items:center;display:grid}.reader-nav small{color:var(--muted);letter-spacing:.12em;font-size:8px}.reader-nav strong{font:600 12px var(--serif)}.reader-nav span{grid-row:1/3;font-size:18px}.reader-nav .next{text-align:right;grid-template-columns:1fr 26px}.reader-nav .next span{grid-area:1/2/3}.audio-player{z-index:40;color:#fff;background:#202825;align-items:center;gap:13px;height:72px;padding:0 28px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 35px #1112}.audio-player button{color:#fff;background:0 0;border:0}.audio-player .play{background:var(--accent);border-radius:50%;width:39px;height:39px;font-size:12px}.audio-title{flex-direction:column;gap:5px;min-width:245px;margin-left:8px;display:flex}.audio-title strong{font:500 11px var(--serif)}.time{color:#9ca5a1;font-size:9px}.audio-seek{background:#59615e;flex:1;min-width:90px;height:3px}.audio-seek i{width:57%;position:relative}.audio-seek i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:0}.speed{font-size:10px;border:1px solid #66706c!important;border-radius:2px!important;padding:6px!important}.auto-next{color:#b4bdb9;align-items:center;gap:7px;font-size:9px;display:flex}.auto-next i{background:#577768;border-radius:9px;width:24px;height:13px;position:relative}.auto-next i:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.mobile-chapter-nav{display:none}@media (width<=700px){.app-shell{padding:0 20px 50px}.topbar{height:68px}.topbar nav{display:none}.home-hero{padding:38px 0 28px;display:block}.home-hero h1{font-size:34px}.search{width:100%;margin-top:28px}.continue-card{min-height:220px;padding:25px 20px 25px 130px}.continue-cover{width:95px;height:155px;padding:14px 10px;left:18px}.continue-cover strong{font-size:15px}.continue-copy{width:100%}.continue-copy h2{font-size:22px}.continue-meta{display:none}.progress{width:100%}.button-row .ghost-button{display:none}.book-grid{grid-template-columns:repeat(2,1fr);gap:18px}.book-cover{padding:17px 14px}.book-cover strong{font-size:18px}.book-detail-hero{grid-template-columns:110px 1fr;gap:22px;padding:35px 0}.detail-cover{width:110px;padding:15px 11px}.detail-cover strong{font-size:17px}.breadcrumbs{margin-bottom:15px}.detail-copy h1{font-size:29px}.description{grid-column:1/3;font-size:15px}.detail-actions{flex-direction:column}.chapter-tools{display:none}.chapter-row{grid-template-columns:40px 1fr 70px}.chapter-row>b{display:none}.reader{padding-bottom:125px}.reader-header{height:58px;padding:0 14px;top:3px}.reader-brand{width:30px;height:30px}.reader-book{max-width:210px;margin-left:10px}.reader-book span{display:none}.reader-book strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-tools button{min-width:34px;padding:0}.reader-tools button span,.reader-tools button:first-child{display:none}.reading-column{padding:49px 23px 25px}.chapter-heading{margin-bottom:35px}.chapter-heading h1{font-size:30px}.story-text{font-size:18px;line-height:1.84}.story-text blockquote{margin:35px 0;font-size:20px}.reader-nav{display:none}.audio-player{gap:10px;height:66px;padding:0 14px;bottom:53px}.mobile-hide,.audio-title span,.audio-player>.time,.auto-next span{display:none}.audio-title{flex:1;min-width:0;margin-left:0}.audio-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.audio-seek{position:absolute;top:0;left:0;right:0}.speed{order:8}.auto-next{order:9}.mobile-chapter-nav{z-index:45;background:#f7f6f2;border-top:1px solid #ddd;grid-template-columns:56px 1fr 56px;height:54px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-chapter-nav button{background:0 0;border:0;border-right:1px solid #ddd;font-size:13px}.reader-panel{width:auto;top:66px;left:12px;right:12px}.chapter-heading p{font-size:9px}}:root{--serif:"Times New Roman","Noto Serif",serif}@supports (padding:max(0px)){@media (width<=700px){.mobile-chapter-nav{height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.audio-player{bottom:calc(53px + env(safe-area-inset-bottom))}.reader{padding-bottom:calc(125px + env(safe-area-inset-bottom))}}}.v2-hero{padding-bottom:36px}.continue-section{padding-top:12px}.continue-section>.section-heading{margin-bottom:18px}.quiet-count{color:var(--muted);font-size:11px}.continue-list{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.continue-item{color:#fff;background:#24302d;border-radius:6px;align-items:center;min-height:254px;padding:28px 28px 28px 192px;display:flex;position:relative;box-shadow:0 15px 44px #19211f14}.continue-item.compact{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding-left:142px}.continue-mini-cover{flex-direction:column;justify-content:space-between;width:136px;height:210px;padding:20px 15px;display:flex;position:absolute;bottom:0;left:28px}.compact .continue-mini-cover{width:104px;height:166px;padding:15px 12px;left:20px}.continue-mini-cover strong{font-size:20px}.compact .continue-mini-cover strong{font-size:15px}.continue-main{flex:1;min-width:0}.continue-main h2{font:500 25px var(--serif);margin:0 0 5px}.compact .continue-main h2{font-size:19px}.book-author{color:#aeb9b4;margin:0 0 22px;font-size:11px}.compact .book-author{color:var(--muted);margin-bottom:17px}.dual-state{grid-template-columns:1fr 1fr;gap:18px;max-width:430px;margin-bottom:18px;display:grid}.dual-state>div{border-left:1px solid #ffffff2b;flex-direction:column;gap:4px;padding-left:12px;display:flex}.compact .dual-state>div{border-color:var(--line)}.dual-state span{letter-spacing:.15em;color:#8fa59a;font-size:8px;font-weight:800}.dual-state strong{font:500 14px var(--serif)}.dual-state small{color:#aeb8b4;font-size:9px}.compact .dual-state small{color:var(--muted)}.continue-progress{background:#ffffff24;max-width:430px;height:2px;margin:-8px 0 17px}.continue-progress i{background:var(--accent);width:56%;height:100%;display:block}.continue-item .primary-button,.continue-item .ghost-button{height:40px;padding:0 15px}.small-primary,.small-ghost{border-radius:2px;align-items:center;height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.small-primary{background:var(--ink);color:#fff}.small-ghost{border:1px solid var(--line);margin-left:5px}.resume-sync{border-left:1px solid #ffffff20;flex-direction:column;align-self:flex-start;gap:6px;margin-left:24px;padding-left:22px;display:flex}.resume-sync span{letter-spacing:.14em;color:#82a091;font-size:8px}.resume-sync strong{font:500 12px var(--serif)}.resume-sync p{color:#91a09a;max-width:120px;font-size:9px;line-height:1.45}.v2-library{padding-top:55px}.library-tools{align-items:center;gap:9px;display:flex}.library-tools>span{color:var(--muted);margin-right:8px;font-size:10px}.library-tools button:not(.text-button){border:1px solid var(--line);background:var(--white);height:34px;padding:0 12px;font-size:10px}.dense-book-grid{grid-template-columns:repeat(6,1fr);gap:22px;display:grid}.dense-book-cover{aspect-ratio:3/4;flex-direction:column;justify-content:space-between;padding:18px 15px;display:flex}.dense-book-cover strong{width:82%;font-size:18px}.dense-book-cover b{font-size:6px}.dense-book-card h3{font:600 14px var(--serif);white-space:nowrap;text-overflow:ellipsis;margin:12px 0 4px;overflow:hidden}.dense-book-card p{color:var(--muted);margin:0;font-size:9px}.dense-book-card small{color:#89908c;margin-top:7px;font-size:8px;display:block}.forest{color:#fff;background:#62796d}.clay{color:#fff;background:#9c7366}.updates-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:240px 1fr auto;align-items:center;gap:30px;margin-top:58px;padding:27px 0;display:grid}.updates-strip h2{font:500 18px var(--serif);margin:7px 0 0}.update-items{color:var(--muted);gap:25px;font-size:10px;display:flex}.update-items b{color:var(--ink)}.v2-detail{grid-template-columns:270px 1fr;gap:62px;padding-top:54px}.v2-detail .detail-cover{width:240px}.resume-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:730px;display:grid}.resume-card{border:1px solid var(--line);background:var(--white);padding:18px}.resume-card>span{letter-spacing:.15em;color:var(--accent);font-size:8px;font-weight:800}.resume-card.listening>span{color:#587267}.resume-card h3{font:500 22px var(--serif);margin:8px 0 2px}.resume-card p{color:var(--muted);margin:0 0 14px;font-size:10px}.resume-card .primary-button,.resume-card .ghost-button{height:39px;padding:0 13px;font-size:10px}.resume-card .primary-button b{margin-left:20px}.chapter-jump{border:1px solid var(--line);background:var(--white);align-items:center;height:38px;padding:0 9px;font-size:11px;display:flex}.chapter-jump input{width:77px;color:inherit;background:0 0;border:0;outline:0;padding-left:5px}.chapter-jump button{border:0;border-left:1px solid var(--line);color:var(--text-primary);cursor:pointer;background:0 0;padding:0 0 0 10px}.chapter-jump button:disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.catalog-hint{border-top:1px solid var(--line);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.catalog-hint div{align-items:center;gap:6px;display:flex}.catalog-hint i{border-radius:50%;width:7px;height:7px;margin-left:8px}.read-dot{background:#64816d}.heard-dot{background:#6c8592}.listen-dot{background:var(--accent)}.large-catalog .chapter-row{grid-template-columns:65px 1fr 220px 70px 20px}.chapter-row.current{background:#f1ebe6}.chapter-states{justify-content:flex-end;gap:6px;display:flex}.chapter-states span{border-radius:10px;padding:5px 7px;font-size:8px}.read-state{color:#486452;background:#e8eee9}.heard-state{color:#526b78;background:#e8edef}.listening-state{color:#a0523f;background:#f4e4df}.catalog-pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 0;font-size:9px;display:flex}.catalog-pagination button{border:1px solid var(--line);background:var(--white);padding:9px 12px;font-size:9px}.v2-reader:not(.has-audio){padding-bottom:40px}.listen-chapter{border:1px solid var(--line);color:inherit;background:0 0;border-radius:3px;margin-top:16px;padding:9px 13px;font-size:10px;font-weight:700}.drawer-backdrop{z-index:45;background:#18201e55;border:0;position:fixed;inset:0}.chapter-drawer{background:var(--drawer-bg);width:410px;color:var(--text-primary);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #1113}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:28px 26px 20px;display:flex}.drawer-head h2{font:500 22px var(--serif);margin:7px 0 3px}.drawer-head p{color:var(--muted);margin:0;font-size:9px}.drawer-head button{background:0 0;border:0;align-self:flex-start;font-size:24px}.drawer-search{grid-template-columns:1fr 140px;gap:7px;padding:15px 20px;display:grid}.drawer-search label{border:1px solid var(--line);background:var(--white);height:38px;color:var(--text-primary);align-items:center;padding:0 10px;font-size:10px;display:flex}.drawer-search input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;padding-left:6px}.jump-input button{border:0;border-left:1px solid var(--line);color:var(--text-primary);background:0 0;padding-left:9px;font-size:9px}.drawer-resume{background:var(--surface-elevated);color:var(--text-primary);grid-template-columns:1fr 1fr;margin:0 20px 13px;padding:13px;display:grid}.drawer-resume>div{flex-direction:column;gap:4px;display:flex}.drawer-resume span{letter-spacing:.13em;color:var(--text-secondary);font-size:7px}.drawer-resume strong{font:500 11px var(--serif)}.drawer-range{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;grid-template-columns:38px 1fr 38px;align-items:center;height:40px;font-size:9px;display:grid}.drawer-range button{height:100%;color:inherit;background:0 0;border:0}.drawer-list{flex:1;overflow:auto}.drawer-list a{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 70px;align-items:center;min-height:62px;padding:0 20px;display:grid}.drawer-list a>span{font:500 15px var(--serif);color:var(--text-secondary)}.drawer-list strong{font:600 12px var(--serif);display:block}.drawer-list small{color:var(--text-secondary);opacity:.8;font-size:8px}.drawer-list i{color:#688393;text-align:right;font-style:normal}.drawer-list b{letter-spacing:.1em;color:var(--accent);text-align:right;font-size:6px}.drawer-list a.current{background:var(--current-item-bg);border-left:3px solid var(--accent);padding-left:17px}.drawer-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;height:54px;display:grid}.drawer-footer button{border:0;border-right:1px solid var(--line);background:var(--white);color:var(--text-primary);font-size:9px}.v2-player{height:68px}.audio-chapter-controls{gap:3px;display:flex}.audio-chapter-controls button{border-radius:2px;min-width:31px;height:31px;font-size:10px;border:1px solid #48524e!important}.player-close{color:#8f9994!important;font-size:16px!important}.mobile-only{display:none}.v2-player .audio-title small{color:#9ba6a1;font-size:8px}@media (width<=1050px){.continue-list{grid-template-columns:1fr}.compact{display:none}.dense-book-grid{grid-template-columns:repeat(4,1fr)}.resume-sync{margin-left:auto}.updates-strip{grid-template-columns:220px 1fr}.updates-strip>button{display:none}}@media (width<=700px){.v2-hero{padding-bottom:24px}.continue-section{padding-top:5px}.continue-list{display:block}.continue-item.featured{min-height:270px;padding:24px 15px 24px 116px}.continue-mini-cover{width:88px;height:142px;padding:12px 9px;top:24px;bottom:auto;left:14px}.continue-mini-cover strong{font-size:13px}.continue-main h2{font-size:21px}.book-author{margin-bottom:15px}.dual-state{grid-template-columns:1fr;gap:8px}.dual-state>div{gap:2px}.dual-state>div:nth-child(2){margin-top:2px}.continue-progress{display:none}.continue-item .button-row{position:absolute;bottom:20px;left:15px;right:15px}.continue-item .primary-button,.continue-item .ghost-button{flex:1}.resume-sync{display:none}.v2-library{padding-top:40px}.library-tools span,.library-tools button:not(.text-button){display:none}.dense-book-grid{grid-template-columns:repeat(3,1fr);gap:13px}.dense-book-cover{padding:12px 9px}.dense-book-cover strong{font-size:13px}.dense-book-card h3{font-size:12px}.updates-strip{grid-template-columns:1fr;padding:25px 0}.update-items{display:none}.v2-detail{grid-template-columns:105px 1fr;gap:20px}.v2-detail .detail-cover{width:105px}.resume-grid{grid-column:1/3;grid-template-columns:1fr}.large-catalog .chapter-row{grid-template-columns:42px 1fr 64px}.chapter-states,.large-catalog .chapter-duration,.catalog-hint{display:none}.chapter-drawer{border-radius:12px 12px 0 0;width:100%;top:8vh}.drawer-search{grid-template-columns:1fr 125px}.drawer-head{padding-top:22px}.v2-reader:not(.has-audio){padding-bottom:64px}.v2-reader:not(.has-audio) .mobile-chapter-nav{bottom:0}.v2-reader.has-audio{padding-bottom:125px}.v2-player{height:62px;padding:0 12px;bottom:54px}.v2-player .audio-title{display:flex}.v2-player .audio-title small,.mobile-only{display:block}.v2-player .audio-title span{display:none}.v2-player .play{flex:0 0 39px}.v2-player .auto-next{display:flex}.v2-player .player-close{display:none}.v2-player.expanded{align-items:flex-start;height:176px;padding-top:18px}.v2-player.expanded .audio-seek{top:68px;left:14px;right:14px}.expanded-controls{grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:absolute;bottom:13px;left:12px;right:12px}.expanded-controls button{background:0 0;border:1px solid #4b5551;padding:8px 3px;font-size:8px}.expanded-controls button:last-child{grid-column:1/5}.chapter-heading .listen-chapter{margin-top:12px}.updates-strip{margin-top:40px}}.library-filter{border-bottom:1px solid var(--line);gap:7px;margin:-2px 0 20px;padding-bottom:16px;display:flex}.library-filter button{border:1px solid var(--line);height:31px;color:var(--muted);background:0 0;border-radius:16px;padding:0 12px;font-size:9px}.library-filter button.active{background:var(--ink);border-color:var(--ink);color:#fff}.library-filter span{opacity:.65;margin-left:5px}.sort-select{border:1px solid var(--line);background:var(--white);height:34px;color:var(--text-secondary);align-items:center;padding-left:10px;font-size:9px;display:flex}.sort-select select{height:100%;color:var(--text-primary);background:0 0;border:0;outline:0;padding:0 9px;font-weight:700}.reader{background:var(--reader-bg);color:var(--reader-text);--line:var(--border);--muted:var(--reader-muted)}.reader-header{background:var(--header-bg)}.story-text{color:var(--reader-text)}.story-text blockquote{color:var(--reader-muted);border-left-color:var(--accent)}.reader-brand{background:var(--text-primary);color:var(--app-bg)}.listen-chapter{background:var(--surface-elevated)}.reader-progress{background:var(--border)}.mobile-chapter-nav{background:var(--app-bg);color:var(--text-primary);border-color:var(--border)}.mobile-chapter-nav button{color:var(--text-primary);border-color:var(--border)}.theme-popover{background:var(--surface);width:210px;color:var(--text-primary);border:1px solid var(--border);z-index:35;box-shadow:var(--shadow);padding:13px;position:absolute;top:62px;right:38px}.theme-popover>span{letter-spacing:.14em;color:var(--text-secondary);margin:2px 4px 9px;font-size:7px;display:block}.theme-popover button{width:100%;height:34px;color:var(--text-primary);background:0 0;border:0;align-items:center;gap:9px;padding:0 6px;display:flex}.theme-popover button.active{background:var(--surface-elevated)}.theme-popover i{border:1px solid var(--border);border-radius:50%;width:18px;height:18px}.light-swatch{background:#f4f2ec}.warm-swatch{background:#e8dcc3}.dark-swatch{background:#242824}.midnight-swatch{background:#0b0f19}.chapter-end{border-top:1px solid var(--line);text-align:center;margin-top:80px;padding:47px 0 20px}.chapter-end>span{letter-spacing:.2em;color:var(--accent);font-size:8px;font-weight:800}.chapter-end h2{font:500 26px var(--serif);margin:10px 0 8px}.chapter-end>p{color:var(--muted);font-size:9px}.end-actions{border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;margin-top:30px;display:grid}.end-actions button{border:0;border-right:1px solid var(--line);min-height:52px;color:inherit;background:0 0;font-size:10px}.end-actions button:last-child{border:0}.end-actions span{margin:0 7px;font-weight:700}.auto-transition{color:#fff;text-align:left;background:#24302d;border-radius:4px;align-items:center;max-width:520px;margin:24px auto 0;padding:15px 17px;display:flex}.auto-transition i{border:2px solid #ffffff35;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin-right:13px}.auto-transition strong{font:500 12px var(--serif)}.auto-transition p{color:#aeb8b4;margin:4px 0 0;font-size:8px}.auto-transition button{color:#fff;background:0 0;border:1px solid #596560;margin-left:auto;padding:7px 10px;font-size:8px}.desktop-player-controls{gap:3px;display:flex}.desktop-player-controls button{border-radius:2px;min-width:31px;height:31px;font-size:10px;border:1px solid #48524e!important}@media (width<=700px){.library-filter{scrollbar-width:none;margin-right:-20px;padding-right:20px;overflow:auto}.library-filter button{white-space:nowrap}.library-tools .sort-select{display:flex}.sort-select{max-width:145px}.sort-select>span{display:none}.sort-select select{max-width:140px;font-size:9px}.theme-popover{top:54px;right:12px}.chapter-end{margin-top:55px;padding-top:36px}.chapter-end h2{font-size:23px}.end-actions{grid-template-columns:54px 1fr 54px}.end-actions span{display:none}.auto-transition{text-align:left;padding:13px}.auto-transition p{line-height:1.4}.desktop-player-controls.mobile-hide{display:none!important}.final-player{grid-template-columns:40px 34px minmax(0,1fr) 34px!important;gap:7px!important;height:64px!important;padding:0 10px!important;display:grid!important;bottom:54px!important}.final-player .play{grid-area:1/1}.final-player .seek-back{grid-area:1/2}.final-player .audio-title{cursor:pointer;grid-area:1/3;min-width:0;margin:0}.final-player .audio-title strong{font-size:10px}.final-player .audio-title small{color:#aeb7b3;margin-top:3px;font-size:8px}.final-player>.time{display:none}.final-player>.audio-seek{height:3px;position:absolute;top:0;left:0;right:0}.final-player .seek-forward{grid-area:1/4}.final-player .auto-next.mobile-hide{display:none!important}.mobile-seek-button{height:38px;border:1px solid #4c5752!important;border-radius:3px!important;font-size:9px!important}.final-player.expanded{height:64px!important;padding:0 10px!important}.sheet-backdrop{z-index:60;background:#1118;border:0;display:block;position:fixed;inset:0}.audio-sheet{background:var(--drawer-bg);color:var(--text-primary);z-index:65;padding:12px 22px calc(24px + env(safe-area-inset-bottom));--line:var(--border);border-radius:18px 18px 0 0;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 60px #1113}.sheet-handle{background:var(--text-secondary);opacity:.3;border-radius:3px;width:36px;height:4px;margin:0 auto 14px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head span{letter-spacing:.16em;color:var(--accent);font-size:8px;font-weight:800}.sheet-head button{color:inherit;background:0 0;border:0;font-size:20px}.audio-sheet h2{font:500 24px var(--serif);margin:14px 0 4px}.audio-sheet>p{color:var(--muted);margin:0 0 25px;font-size:10px}.sheet-progress{background:var(--border);height:3px}.sheet-progress i{background:var(--accent);width:46%;height:100%;display:block;position:relative}.sheet-progress i:after{content:"";background:var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:0}.sheet-time{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.sheet-main-controls{grid-template-columns:repeat(5,1fr);align-items:center;margin:25px 0;display:grid}.sheet-main-controls button{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;font-size:15px;display:flex}.sheet-main-controls small{color:var(--muted);font-size:7px}.sheet-main-controls .sheet-play{background:var(--text-primary);width:52px;height:52px;color:var(--app-bg);border-radius:50%;justify-self:center}.sheet-options{border-top:1px solid var(--line)}.sheet-options button{border:0;border-bottom:1px solid var(--line);width:100%;height:43px;color:inherit;background:0 0;justify-content:space-between;align-items:center;font-size:10px;display:flex}.sheet-options strong{font-size:9px}.sheet-options .on{color:#4f7863}.reader-tools button:first-child{display:block}}.speech-listen-button{margin:10px auto 0;display:block}.speech-unavailable{color:var(--reader-muted);font-size:11px}.story-text [data-paragraph-index]{border-radius:5px;transition:background .2s,box-shadow .2s}.story-text .speech-current{background:var(--reader-selection);box-shadow:0 0 0 8px var(--reader-selection)}.speech-player{z-index:70;color:#fff;background:#202825;border-radius:7px;grid-template-columns:42px 36px minmax(0,1fr) 36px 30px;align-items:center;gap:8px;min-height:64px;padding:9px 12px;display:grid;position:fixed;bottom:14px;left:18px;right:18px;box-shadow:0 14px 45px #1115}.speech-player button{color:inherit;cursor:pointer;background:0 0;border:0}.speech-player .speech-play{background:var(--accent);border-radius:50%;width:38px;height:38px}.speech-player .speech-title{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.speech-player .speech-title strong{font:500 12px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.speech-player .speech-title small{color:#b8c0bc;font-size:9px}.speech-player>i{background:var(--accent);border-radius:0 0 0 7px;height:3px;position:absolute;bottom:0;left:0}.speech-sheet{z-index:80;background:var(--drawer-bg);width:min(410px,100vw - 24px);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:23px;position:fixed;bottom:86px;right:22px;box-shadow:0 22px 60px #1115}.speech-sheet h2{font:500 25px var(--serif);margin:16px 0 4px}.speech-sheet>p{color:var(--text-secondary);margin:0 0 18px;font-size:10px}.speech-main-controls{grid-template-columns:repeat(5,1fr);align-items:center;margin:20px 0;display:grid}.speech-main-controls button{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.speech-main-controls small{color:var(--text-secondary);font-size:7px}.speech-main-controls .sheet-play{background:var(--text-primary);width:50px;height:50px;color:var(--app-bg);border-radius:50%}.speech-sheet>label{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:45px;font-size:10px;display:flex}.speech-sheet select{background:var(--surface);max-width:210px;color:var(--text-primary);border:1px solid var(--border);padding:7px}.speech-option{border:0;border-top:1px solid var(--border);width:100%;min-height:45px;color:inherit;background:0 0;justify-content:space-between;align-items:center;display:flex}.speech-option strong{color:var(--accent)}.speech-stop{border:1px solid var(--border);width:100%;height:40px;color:var(--text-primary);background:0 0;margin-top:14px}@media (width<=700px){.speech-player{border-radius:0;grid-template-columns:40px 34px minmax(0,1fr) 34px;padding:8px 10px;bottom:54px;left:0;right:0}.speech-player .speech-close{display:none}.speech-sheet{width:100%;padding:18px 22px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;bottom:0;left:0;right:0}.reader:has(.speech-player){padding-bottom:125px}}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);padding:36px 32px;transition:background .25s,border-color .25s}.auth-card h2{font-family:var(--serif);color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:500}.auth-card .subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-group{flex-direction:column;gap:8px;display:flex}.auth-group label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{background:var(--app-bg);border:1px solid var(--border);width:100%;height:44px;color:var(--text-primary);border-radius:4px;outline:none;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d16f5626}.auth-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-elevated) inset!important}.auth-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-elevated) inset!important}.auth-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-elevated) inset!important}.auth-input-password{padding-right:48px}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:12px;font-weight:600;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--text-primary)}.auth-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:14px;font-weight:700;transition:background .2s,opacity .2s;display:inline-flex}.auth-button:hover:not(:disabled){background:var(--accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer-links{flex-direction:column;align-items:center;gap:12px;margin-top:24px;font-size:13px;display:flex}.auth-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-alert{border-radius:4px;padding:12px 16px;font-size:13px;line-height:1.5}.auth-alert-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid #991b1b26}.auth-alert-success{background:var(--tag-bg);color:var(--tag-text);border:1px solid #49665526}.account-menu-container{display:inline-block;position:relative}.account-menu-trigger{cursor:pointer;transition:opacity .15s}.account-menu-trigger:hover{opacity:.85}.account-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:240px;box-shadow:var(--shadow);z-index:100;flex-direction:column;gap:12px;padding:16px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-info{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.account-dropdown-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.account-dropdown-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.account-dropdown-action{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.account-dropdown-action:hover{color:var(--accent)}.account-dropdown-signout{color:var(--danger-text);border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.account-dropdown-signout:hover{color:#b91c1c}.avatar-skeleton{background:var(--border);border-radius:50%;width:40px;height:40px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.pub-container{max-width:900px;margin:40px auto;padding:0 20px}.pub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px}.pub-title{font-family:var(--serif);color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:500}.pub-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.pub-tabs{border-bottom:1px solid var(--border);gap:12px;margin-bottom:30px;display:flex}.pub-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.pub-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.pub-form{flex-direction:column;gap:24px;display:flex}.pub-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pub-group{flex-direction:column;gap:8px;display:flex}.pub-group label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.pub-input,.pub-textarea,.pub-select{background:var(--app-bg);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.pub-input:focus,.pub-textarea:focus,.pub-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d16f5626}.pub-textarea{resize:vertical;min-height:120px}.pub-file-input{display:none}.pub-file-label{background:var(--surface-elevated);border:1px dashed var(--border);cursor:pointer;text-align:center;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;transition:border-color .2s;display:inline-flex}.pub-file-label:hover{border-color:var(--accent);color:var(--text-primary)}.pub-section-title{font-family:var(--serif);border-bottom:1px solid var(--border);color:var(--text-primary);margin:20px 0 10px;padding-bottom:10px;font-size:20px;font-weight:500}.pub-chapter-item{border:1px solid var(--border);background:var(--app-bg);border-radius:4px;margin-bottom:20px;padding:20px;position:relative}.pub-chapter-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pub-chapter-header h4{font-family:var(--serif);color:var(--text-primary);margin:0;font-size:16px}.pub-remove-btn{color:var(--danger-text);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.pub-remove-btn:hover{text-decoration:underline}.pub-add-chapter-btn{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.pub-add-chapter-btn:hover{border-color:var(--accent);color:var(--accent)}.pub-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.pub-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:12px 28px;font-size:14px;font-weight:700;transition:background .2s}.pub-submit-btn:hover{background:var(--accent-hover)}.pub-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pub-alert{border-radius:4px;margin-bottom:24px;padding:16px;font-size:13px;line-height:1.5}.pub-alert-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid #991b1b33}.pub-alert-success{background:var(--tag-bg);color:var(--tag-text);border:1px solid #49665533}.pub-loading-overlay{color:#fff;z-index:100;background:#18201eb3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pub-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite pub-spin}@keyframes pub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pub-access-denied{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;box-shadow:var(--shadow);margin:80px auto;padding:40px}.pub-access-denied h2{font-family:var(--serif);color:var(--danger-text);margin-bottom:12px;font-size:28px}.pub-access-denied p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.loading-page{background:var(--paper);min-height:100vh;font-family:var(--serif);place-items:center;display:grid}.topbar nav a.active{color:var(--ink);border-bottom:2px solid var(--ink)}.continue-section .featured{max-width:960px}.library-filter button{cursor:pointer}.dense-book-grid:empty:after{content:"Không tìm thấy truyện phù hợp.";color:var(--muted);font:18px var(--serif);grid-column:1/-1;padding:50px 0}.chapter-jump button{background:0 0;border:0;font-size:9px}.chapter-drawer .drawer-list button{width:100%;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:48px 1fr 78px;align-items:center;min-height:62px;padding:0 20px;display:grid}.chapter-drawer .drawer-list button.current{background:var(--current-item-bg);border-left:3px solid var(--accent);padding-left:17px}.chapter-drawer .drawer-list button>span{font:500 15px var(--serif);color:var(--text-secondary)}.chapter-drawer .drawer-list button strong{font:600 12px var(--serif);display:block}.chapter-drawer .drawer-list button small{color:var(--text-secondary);opacity:.8;font-size:8px}.chapter-drawer .drawer-list button b{color:var(--accent);text-align:right;font-size:6px}.production-reader .reading-column{max-width:var(--reader-width)}.production-reader .story-text{font-size:var(--reader-font)}.reader-settings-panel{background:var(--surface);width:250px;color:var(--text-primary);border:1px solid var(--border);z-index:35;padding:14px;position:absolute;top:62px;right:38px;box-shadow:0 14px 35px #1112}.reader-settings-panel>span{letter-spacing:.14em;color:var(--text-secondary);font-size:7px}.theme-options{grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 14px;display:grid}.theme-options button{border:1px solid var(--border);background:var(--white);color:var(--text-primary);padding:8px 3px;font-size:8px}.theme-options button.active{border-color:var(--accent);background:var(--surface-elevated)}.theme-options i{border:1px solid var(--border);border-radius:50%;width:18px;height:18px;margin:0 auto 5px;display:block}.reader-settings-panel>label{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:9px;display:flex}.reader-settings-panel label span{align-items:center;display:flex}.reader-settings-panel label button{border:1px solid var(--border);background:var(--white);width:28px;height:26px;color:var(--text-primary)}.reader-settings-panel label b{text-align:center;width:38px}.production-reader,.production-reader.theme-warm,.production-reader.theme-dark{background:var(--reader-bg);color:var(--reader-text);--line:var(--border);--muted:var(--reader-muted);--accent:var(--accent)}.production-reader.theme-dark .reader-header{background:var(--header-bg)}.production-reader.theme-dark .story-text{color:var(--reader-text)}.production-reader.theme-dark .story-text blockquote{color:var(--reader-muted)}.real-audio-seek{accent-color:var(--accent);flex:1;min-width:90px}.sheet-range{width:100%;accent-color:var(--accent)}.audio-title small{display:none}.auto-next-button{border:1px solid #4e5a54!important;padding:7px!important;font-size:8px!important}.auto-next-button.on{color:#cce2d7!important}.mobile-seek-button{font-size:9px!important}.sheet-backdrop,.audio-sheet{display:none}.end-actions button:disabled,.mobile-chapter-nav button:disabled{opacity:.35}@media (width<=700px){.app-shell{padding-left:20px;padding-right:20px}.reader-settings-panel{top:54px;right:12px}.production-reader.has-audio{padding-bottom:125px}.final-player{grid-template-columns:40px 34px minmax(0,1fr) 34px!important;gap:7px!important;height:64px!important;padding:0 10px!important;display:grid!important;bottom:54px!important}.final-player .play{grid-column:1}.final-player .seek-back{grid-column:2}.final-player .audio-title{grid-column:3;min-width:0;margin:0}.final-player .audio-title span{display:none}.final-player .audio-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.final-player .audio-title small{color:#adb6b2;margin-top:3px;font-size:8px;display:block}.final-player>.time{display:none}.final-player>.real-audio-seek{width:100%;height:10px;position:absolute;top:-5px;left:0;right:0}.final-player .seek-forward{grid-column:4}.final-player .mobile-hide{display:none!important}.sheet-backdrop{z-index:60;background:#1118;border:0;display:block;position:fixed;inset:0}.audio-sheet{background:var(--drawer-bg);color:var(--text-primary);z-index:65;padding:12px 22px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;display:block;position:fixed;bottom:0;left:0;right:0}.chapter-drawer{width:100%;top:8vh}.dense-book-grid{grid-template-columns:repeat(3,1fr)}}.publisher-mobile-link{display:none}@media (width<=700px){.publisher-mobile-link{border:1px solid var(--border);background:var(--surface);border-radius:4px;align-items:center;height:40px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}}.account-menu-trigger img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-page-shell{min-height:100vh}.account-page{max-width:820px;margin:0 auto;padding:58px 0 90px}.account-page>header h1{font:500 42px var(--serif);margin:12px 0 34px}.account-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:22px;padding:28px}.account-panel h2{font:600 22px var(--serif);margin:0 0 24px}.account-avatar-row{border-bottom:1px solid var(--border);align-items:center;gap:22px;padding-bottom:26px;display:flex}.account-avatar-large{color:#365044;background:#dce5df;border-radius:50%;place-items:center;width:88px;height:88px;font-size:28px;font-weight:700;display:grid;overflow:hidden}.account-avatar-large img{object-fit:cover;width:100%;height:100%}.account-help{color:var(--muted);margin:8px 0 0;font-size:12px}.account-details{margin:22px 0 0}.account-details>div{border-bottom:1px solid var(--border);grid-template-columns:150px 1fr;gap:20px;padding:12px 0;display:grid}.account-details>div:last-child{border-bottom:0}.account-details dt{color:var(--muted);font-size:13px}.account-details dd{overflow-wrap:anywhere;margin:0;font-size:14px}.account-password-form{gap:10px;max-width:480px;display:grid}.account-password-form label{margin-top:4px;font-size:13px;font-weight:650}.account-password-form .primary-button{cursor:pointer;border:0;justify-self:start;margin-top:10px}.account-password-form button:disabled,.account-avatar-row button:disabled{opacity:.6;cursor:wait}.account-form-message{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=700px){.account-page{padding:36px 0 70px}.account-page>header h1{font-size:34px}.account-panel{padding:20px}.account-avatar-row{align-items:flex-start}.account-avatar-large{flex:0 0 72px;width:72px;height:72px}.account-details>div{grid-template-columns:1fr;gap:5px}}