:root{--navy:#081522;--surface:#101f2e;--surface2:#192a3a;--gold:#e4bb75;--ivory:#f8f4eb;--muted:#9aabb9;--line:rgba(255,255,255,.10);--shadow:0 24px 60px rgba(0,0,0,.25);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html{scroll-behavior:smooth}body.app-shell{background:var(--navy);color:var(--ivory);margin:0;min-height:100dvh}button,input,select{font:inherit}button{touch-action:manipulation}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-container{width:min(1100px,100%);margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 22px calc(env(safe-area-inset-bottom) + 112px)}.app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:35px}.app-logo{display:flex;align-items:center;gap:10px;color:var(--ivory);font-weight:850;font-size:20px;letter-spacing:-.055em}.app-logo img{width:40px;height:40px;object-fit:contain}.app-top-action{width:42px;height:42px;border-radius:15px;border:1px solid var(--line);color:var(--ivory);background:var(--surface);display:grid;place-items:center;font-size:20px}.app-top-form{margin:0}.app-overline{color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px}.app-heading{font-family:Georgia,serif;font-size:clamp(35px,6.5vw,52px);font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:0}.app-muted{color:var(--muted);line-height:1.55}.app-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:23px}.app-stat{color:var(--muted);font-size:13px;white-space:nowrap}.section-heading{font-size:20px;font-weight:800;letter-spacing:-.025em;margin:34px 0 18px}.continue-card{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;padding:16px;background:linear-gradient(130deg,#1b2e40,#101e2d);border:1px solid rgba(228,187,117,.23);border-radius:23px;color:var(--ivory);box-shadow:var(--shadow)}.continue-card img{width:84px;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.continue-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:850}.continue-card strong{display:block;margin:8px 0 5px;line-height:1.25;font-size:16px}.continue-card .meta{color:var(--muted);font-size:12px}.resume-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#101b26;font-size:20px;font-weight:800}.progress-track{height:4px;background:#384858;border-radius:10px;margin-top:13px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);width:0;border-radius:inherit}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:25px 19px}.library-item{color:var(--ivory);min-width:0}.library-cover{aspect-ratio:2/3;background:var(--surface2);border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #0006;border:1px solid rgba(255,255,255,.06)}.library-cover img{width:100%;height:100%;object-fit:cover}.library-item strong{display:block;font-size:14px;line-height:1.35;margin:11px 0 5px}.library-item .byline{display:block;font-size:12px;color:var(--muted)}.library-item .read-state{font-size:11px;color:var(--gold);display:block;margin-top:7px}.app-bottom{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(8,21,34,.96);border-top:1px solid var(--line);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;gap:4px}.app-bottom a,.app-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;min-width:94px;padding:6px 16px;background:transparent;border:0;color:#96a8b6;font-size:11px;font-weight:750}.app-bottom .active{color:var(--gold)}.app-bottom .nav-icon{font-size:21px;line-height:1}.app-bottom .active .nav-icon{filter:drop-shadow(0 0 11px rgba(228,187,117,.27))}.login-hero{text-align:center;margin:48px auto 28px;max-width:430px}.login-logo{height:102px;width:102px;object-fit:contain;margin-bottom:18px}.login-panel{width:min(430px,100%);margin:0 auto;border:1px solid var(--line);background:var(--surface);padding:26px;border-radius:25px}.login-panel p{line-height:1.6;color:var(--muted)}.login-panel label{display:block;font-weight:750;font-size:12px;color:#d3dbe1;margin:20px 0 9px}.login-panel input{display:block;width:100%;height:55px;background:#0a1725;border:1px solid #536170;border-radius:14px;color:white;padding:0 15px;font-size:17px}.primary-btn{display:block;width:100%;margin-top:18px;border:0;border-radius:15px;min-height:54px;background:var(--gold);color:#101d2b;font-weight:850;font-size:15px}.error-message{padding:12px;border-radius:12px;background:#552b38;color:#ffe3e7}.empty-library{padding:38px 25px;border:1px dashed #516170;border-radius:22px;text-align:center}.empty-library .symbol{font-size:44px}.logout-menu{background:transparent;border:0;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}.search-input{background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ivory);padding:14px 16px;font-size:16px;width:100%;margin:10px 0 12px}.search-input::placeholder{color:#7c8c99}@media(max-width:600px){.app-container{padding-left:19px;padding-right:19px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px}.app-top{margin-bottom:25px}.continue-card{grid-template-columns:69px 1fr auto;gap:12px;padding:13px}.continue-card img{width:69px}.resume-arrow{width:32px;height:32px}.app-bottom a,.app-bottom button{min-width:80px}.login-hero{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Book experience */
body.reader-native{--bg:#081522;--panel:#101f2e;--ink:#f7f3e9;--muted:#9aabb9;--accent:#e4bb75;--line:rgba(255,255,255,.13);background:var(--bg)}body.reader-native .header{background:rgba(8,21,34,.94);border-bottom:1px solid var(--line)}body.reader-native .header-inner{height:64px;max-width:860px}body.reader-native .back{font-size:13px;color:var(--accent)}body.reader-native .bookname{font-size:13px;color:var(--ink);font-weight:750}body.reader-native .shell{max-width:850px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}body.reader-native .toggle{position:sticky;top:75px;z-index:18;margin:17px auto 24px;box-shadow:0 7px 28px #0004}body.reader-native .toggle button{min-width:117px;padding:11px 24px}body.reader-native .paper{border:0;background:transparent;padding:14px 4px 25px;border-radius:0}body.reader-native .paper h2{font-size:clamp(29px,5.5vw,44px);letter-spacing:-.035em;line-height:1.23;margin:15px 0 35px}body.reader-native .prose{font-family:Georgia,'Times New Roman',serif;max-width:665px;margin:0 auto;line-height:1.9;letter-spacing:.003em}body.reader-native .prose p{margin-bottom:1.3em}body.reader-native .toolbar{padding:8px 0 16px;border-bottom:1px solid var(--line)}body.reader-native .select{font-size:13px;min-width:0;flex:1;max-width:500px}body.reader-native .toolbar .actions{flex-wrap:nowrap}body.reader-native .btn{min-width:45px;min-height:44px}body.reader-native .nextrow a{border-radius:15px;min-height:48px;display:grid;place-items:center}body.reader-native .player{border-radius:25px;background:linear-gradient(145deg,#1c2d3d,#101e2c);padding:23px 24px 25px;box-shadow:var(--shadow)}body.reader-native .playing{min-height:48px}body.reader-native .play{height:76px;width:76px;box-shadow:0 8px 24px #0005}body.reader-native .skip{height:56px;width:56px}body.reader-native .chapters{margin-bottom:20px}body.reader-native .chapter{min-height:58px;border-bottom:1px solid var(--line);border-radius:10px}body.reader-native .chapter.current{border-color:rgba(228,187,117,.4)}body.reader-native .audio-cover{width:150px;aspect-ratio:2/3;object-fit:cover;display:block;margin:10px auto 24px;border-radius:12px;box-shadow:0 18px 42px #0008}body.reader-native .listen-hero{text-align:center;margin:20px auto 25px}body.reader-native .listen-hero .title{font-size:clamp(25px,5vw,38px)}body.reader-native .listen-hero .author{margin:0}body.reader-native .reader-progress{height:3px;background:rgba(255,255,255,.09);position:fixed;top:64px;left:0;right:0;z-index:25}body.reader-native .reader-progress span{display:block;background:var(--accent);height:100%;width:0;transition:width .15s}body.reader-native .reader-bottom{position:fixed;bottom:0;left:0;right:0;z-index:28;display:flex;justify-content:space-around;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:rgba(8,21,34,.97);border-top:1px solid var(--line);backdrop-filter:blur(20px)}body.reader-native .reader-bottom button,body.reader-native .reader-bottom a{background:none;border:0;color:var(--muted);font-size:11px;font-weight:750;min-height:49px;min-width:69px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}body.reader-native .reader-bottom .active{color:var(--accent)}body.reader-native .reader-bottom .ico{font-size:20px}body.reader-native .reader-bottom .reader-toc-button{cursor:pointer}body.reader-native .toc-sheet{display:none;position:fixed;inset:0;z-index:100;background:#0009;align-items:end;justify-content:center}body.reader-native .toc-sheet.open{display:flex}body.reader-native .toc-inner{background:#112131;width:100%;max-width:700px;max-height:83dvh;border-radius:23px 23px 0 0;overflow:auto;padding:18px 19px calc(30px + env(safe-area-inset-bottom));box-shadow:0 -15px 50px #0007}body.reader-native .toc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}body.reader-native .toc-head h2{margin:0;font-size:19px}body.reader-native .toc-head button{background:transparent;border:0;color:#fff;font-size:26px;padding:6px 10px}body.reader-native .toc-link{display:block;padding:13px 5px;color:var(--ink);border-bottom:1px solid var(--line);font-size:14px}body.reader-native .toc-link span{color:var(--accent);font-size:11px;display:block;margin-bottom:4px}body.reader-native.light{--bg:#f7f4ed;--panel:#fff;--ink:#1b2837;--muted:#5d6b75;--line:#d6d5ce;--accent:#936d2b}body.reader-native.light .header{background:rgba(247,244,237,.96)}body.reader-native.light .paper{background:transparent}body.reader-native.light .reader-bottom{background:rgba(247,244,237,.97)}body.reader-native.light .toc-inner{background:#fff}body.reader-native.light .toc-head button{color:#17202a}body.reader-native.light .player{background:#fff}body.reader-native.light .reader-progress{background:#dfd9cc}@media(max-width:520px){body.reader-native .shell{padding-left:20px;padding-right:20px}body.reader-native .paper{padding-left:0;padding-right:0}body.reader-native .header-inner{padding:0 13px}body.reader-native .toolbar{gap:8px}body.reader-native .select{width:100%;max-width:100%}body.reader-native .toggle{top:70px}body.reader-native .listen-hero{margin-top:10px}body.reader-native .audio-cover{width:122px}body.reader-native .player{padding:20px 18px}}

/* Premium public-reader parity for Library and App Reader */
body.app-shell{background:#10151e;color:#f5f2ec} .app-container{max-width:1040px}
.app-heading{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.04em}
.continue-card{background:linear-gradient(135deg,#192535,#101925);border:1px solid rgba(200,168,106,.28);box-shadow:0 22px 60px rgba(0,0,0,.2);border-radius:20px}
.library-cover{box-shadow:0 12px 33px rgba(0,0,0,.3);border-radius:10px;overflow:hidden}
.library-item{transition:transform .18s ease}.library-item:hover{transform:translateY(-3px)}
.app-bottom{background:rgba(15,22,33,.97);border-top:1px solid rgba(200,168,106,.2);backdrop-filter:blur(18px)}
.app-overline,.label{color:#d3b778} .progress-fill{background:#d3b778}
body.reader-native{--bg:#10151e;--panel:#151e2b;--ink:#edf1f7;--muted:#aeb6c3;--accent:#d3b778;--line:rgba(200,168,106,.20);background:var(--bg)}
.reader-native .header{background:rgba(16,21,30,.96);border-bottom:1px solid rgba(200,168,106,.17)}
.reader-native .header-inner{max-width:1000px}.reader-native .back{color:var(--ink);font-size:13px}
.reader-native .bookname{font-family:Georgia,serif;font-weight:500;font-size:18px}
.reader-native .shell{max-width:950px;padding-bottom:calc(env(safe-area-inset-bottom) + 110px)}
.reader-native .toggle{background:transparent;border:1px solid rgba(200,168,106,.22)}
.reader-native .toggle button.active{background:rgba(211,183,120,.16);color:var(--accent)}
.reader-native .paper{max-width:800px;margin:0 auto;background:#10151e;border:0;box-shadow:none;padding:clamp(28px,5vw,60px)}
.reader-native .paper h2{font:500 clamp(30px,5vw,44px)/1.15 Georgia,serif;color:var(--ink)}
.reader-native .prose{line-height:1.85;max-width:69ch;margin:auto}
.reader-native .player{max-width:720px;margin:0 auto;border-color:rgba(200,168,106,.23);border-radius:19px;background:rgba(255,255,255,.035);box-shadow:0 14px 46px rgba(0,0,0,.10);padding:clamp(22px,4vw,36px)}
.reader-native .play{background:#d3b778;color:#10151e;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.reader-native .listen-hero{text-align:center;margin:18px auto 30px}
.reader-native .audio-cover{width:min(170px,38vw);margin:0 auto 20px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;box-shadow:0 24px 48px rgba(0,0,0,.27)}
.reader-native .listen-hero .title{font-family:Georgia,serif;font-weight:500;font-size:clamp(28px,5vw,40px)}
.reader-native .playing{font-family:Georgia,serif;font-size:clamp(19px,4vw,25px);font-weight:500;line-height:1.4}
.reader-native .player-save{text-align:center;font-size:12px;min-height:18px;color:var(--muted);margin:12px 0 3px}
.reader-native .audio-section-heading{max-width:720px;margin:36px auto 8px;font-size:17px;font-weight:650}
.reader-native .chapters{max-width:720px;margin:0 auto}.reader-native .chapter{border-bottom:1px solid rgba(200,168,106,.10);border-radius:7px;min-height:56px}
.reader-native .chapter.current{background:rgba(211,183,120,.12);border-color:rgba(211,183,120,.28)}
.reader-native .reader-bottom{background:rgba(16,21,30,.98);border-top:1px solid rgba(200,168,106,.2)}
.reader-native .nextrow{max-width:780px;margin:20px auto}.reader-native .note{text-align:center}
body.reader-native.light{--bg:#f6f3ed;--panel:#fffefa;--ink:#20242b;--muted:#68727e;--line:rgba(21,29,41,.16);--accent:#88631e}
.reader-native.light .paper{background:#f6f3ed}.reader-native.light .header{background:rgba(246,243,237,.95)}
.reader-native.light .player{background:#fffefa}.reader-native.light .reader-bottom{background:#fffefa}
@media(max-width:700px){.reader-native .shell{padding-left:12px;padding-right:12px}.reader-native .paper{padding:24px 13px}.reader-native .player{padding:24px 18px}.reader-native .toggle{margin:14px auto 18px}.reader-native .listen-hero{margin-top:9px}.reader-native .audio-cover{width:100px;margin-bottom:12px}}