:root{color-scheme:dark;--bg:#0d0d12;--panel:#15151d;--panel2:#1d1d27;--line:#2b2b38;--text:#f4f2fa;--muted:#9896a8;--purple:#b99aff;--purple2:#8f68d4;--green:#8fe0bb;--red:#ff8d9c;--shadow:0 18px 45px #0003}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.hidden{display:none!important}.accent{color:var(--purple)}.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;border-right:1px solid var(--line);background:#101016;display:flex;flex-direction:column;padding:27px 16px 15px;z-index:10}.brand{display:flex;align-items:center;gap:11px;background:none;text-align:left;font-size:22px;font-weight:850;letter-spacing:-1px;padding:0 9px 35px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:700;margin-top:-1px}.brand-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#d7c1ff,#9672d8);color:#21172e;font-size:20px}.nav-label,.eyebrow{font-size:9px;font-weight:850;letter-spacing:2px;color:var(--muted)}.nav-label{padding:0 12px 11px}.nav{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;color:var(--muted);padding:12px;border-radius:11px;margin:2px 0;font-weight:650}.nav span{font-size:19px;width:20px;text-align:center}.nav b{margin-left:auto;font-size:11px;background:var(--panel2);padding:2px 7px;border-radius:7px}.nav:hover,.nav.active{color:var(--text);background:#252132}.nav.active{box-shadow:inset 3px 0 var(--purple)}.side-spacer{flex:1}.storage{padding:15px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.storage-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.storage-track{height:5px;background:#292936;border-radius:9px;margin:12px 0 7px;overflow:hidden}.storage-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9770dc,#d4b5ff);border-radius:9px}.storage p{font-size:10px;color:var(--muted);margin:0}.profile{display:flex;align-items:center;gap:10px;padding:13px 8px 3px}.avatar{width:34px;height:34px;border-radius:11px;background:#332743;color:var(--purple);display:grid;place-items:center;font-weight:900}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:9px;color:var(--muted)}.green-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto}.main{margin-left:244px;max-width:1700px;padding:40px clamp(25px,4vw,66px) 70px}.mobilebar{display:none}.welcome-row{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:28px}.welcome-row h1,.page-heading h1{font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-2px;margin:10px 0}.welcome-row h1 span{color:var(--purple)}.welcome-row p{margin:0}.header-actions{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:225px;height:43px}.search span{font-size:22px;color:var(--muted)}.search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:12px}.round-btn,.square{height:42px;width:42px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.primary,.secondary,.hero-btn{border-radius:11px;padding:12px 15px;font-weight:800;font-size:12px}.primary{background:var(--purple);color:#20152f}.primary:hover,.hero-btn:hover{filter:brightness(1.1)}.secondary{background:var(--panel2);border:1px solid var(--line)}.hero{min-height:275px;position:relative;overflow:hidden;border:1px solid #40324e;border-radius:21px;background:radial-gradient(ellipse at 80% 30%,#3e2c55 0,#211a2d 38%,#17151f 78%);display:flex;align-items:center;padding:32px 38px;margin-bottom:19px}.hero-copy{position:relative;z-index:2;max-width:480px}.pill{font-size:9px;letter-spacing:1.2px;font-weight:850;border:1px solid #5a476c;background:#332541;padding:7px 10px;border-radius:30px;color:#d9c5ff}.pill i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.hero h2{font-size:clamp(29px,3.2vw,43px);letter-spacing:-1.7px;line-height:1.1;margin:17px 0 10px}.hero h2 span{color:var(--purple)}.hero p{color:#b1a9bd;font-size:12px;max-width:340px;margin-bottom:18px}.hero-btn{background:#eee3ff;color:#261b35;padding:12px 16px}.hero-btn span{padding-left:16px}.hero-visual{position:absolute;right:2%;top:0;bottom:0;width:44%;min-width:280px}.orb{position:absolute;width:270px;height:270px;border-radius:50%;right:12%;top:5px;background:radial-gradient(circle at 35% 25%,#765a9e,#3b2c50 55%,#211b2b);filter:blur(.3px)}.poster{position:absolute;width:118px;height:170px;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 20px 35px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.poster span{font-size:47px;font-weight:900}.poster small{font-size:8px;letter-spacing:2px;position:absolute;bottom:12px}.poster1{right:48%;top:56px;transform:rotate(-12deg);background:linear-gradient(145deg,#755c9c,#29243d)}.poster2{right:28%;top:25px;transform:rotate(4deg);background:linear-gradient(145deg,#b9799e,#3c273f)}.poster3{right:8%;top:63px;transform:rotate(12deg);background:linear-gradient(145deg,#b58a65,#352a35)}.floating-tag{position:absolute;right:14%;bottom:20px;padding:9px 12px;border-radius:10px;background:#15131dcc;border:1px solid #ffffff22;font-size:8px;letter-spacing:1px}.floating-tag b{color:var(--green);margin-left:7px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:38px}.stats>div{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:var(--panel);padding:15px 17px;border-radius:14px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#2a2237;color:var(--purple);font-size:19px}.stats b,.stats small{display:block}.stats b{font-size:20px;line-height:1.1}.stats small{font-size:10px;color:var(--muted);margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 15px}.section-head h2{font-size:22px;letter-spacing:-.7px;margin:4px 0 0}.text-btn{background:none;color:var(--purple);font-weight:750;font-size:11px}.continue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:13px}.continue-card{display:flex;gap:13px;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;cursor:pointer}.continue-cover{width:65px;height:83px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#51406a,#22202e);color:var(--purple);font-size:24px}.continue-cover img{width:100%;height:100%;object-fit:cover}.continue-info{min-width:0;flex:1}.continue-info b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.continue-info p{font-size:10px;color:var(--muted);margin:4px 0 9px}.progress-track{height:4px;border-radius:9px;background:#2c2b38;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--purple)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:19px}.book{cursor:pointer;min-width:0}.cover{aspect-ratio:3/4;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#423151,#20202d);color:var(--purple);font-size:38px;font-weight:900;position:relative}.cover img{width:100%;height:100%;object-fit:cover}.cover .offline-tag{position:absolute;left:7px;top:7px;background:#12121cdd;border:1px solid #ffffff25;border-radius:6px;padding:4px 6px;font-size:8px;color:var(--green);letter-spacing:.5px}.book h3{font-size:12px;margin:9px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book p{font-size:10px;color:var(--muted);margin:0}.tip{display:flex;gap:12px;align-items:center;margin-top:30px;padding:14px 17px;border-radius:13px;border:1px solid var(--line);background:#15141c;color:var(--muted);font-size:11px}.tip>span{font-size:23px;color:var(--purple)}.tip p{margin:0}.tip b{color:var(--text)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading h1{margin:6px 0}.page-heading p{margin:0}.toolbar{display:flex;gap:12px;margin-bottom:23px}.search.wide{flex:1;max-width:520px}select{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:0 12px;font-size:11px;min-width:180px}.download-summary{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:15px;margin-bottom:18px}.big-icon{font-size:27px;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#2a2237;color:var(--purple)}.download-summary b{font-size:14px}.download-summary p{font-size:11px;color:var(--muted);margin:3px 0 0}.chapter-list{display:grid;gap:9px}.chapter{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.chapter-main{flex:1;min-width:0;cursor:pointer}.chapter-main b{display:block;font-size:12px}.chapter-main small{color:var(--muted);font-size:10px}.chapter-actions{display:flex;gap:7px}.chapter-actions button{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11px}.empty{grid-column:1/-1;text-align:center;padding:44px 15px;border:1px dashed #45404e;border-radius:16px;color:var(--muted)}.empty .glyph{font-size:30px;color:var(--purple)}.empty h3{color:var(--text);margin:7px 0}.empty p{font-size:12px;max-width:400px;margin:0 auto 13px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#05050acc;backdrop-filter:blur(8px)}.modal-card{width:min(490px,100%);background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:25px;position:relative;box-shadow:var(--shadow)}.modal-card h2{margin:0 0 5px}.modal-card p{color:var(--muted);font-size:12px}.modal-close{position:absolute;right:14px;top:12px;background:var(--panel2);width:30px;height:30px;border-radius:9px;font-size:20px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.reader{position:fixed;inset:0;background:#08080c;z-index:40;display:flex;flex-direction:column}.reader-head{height:63px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #292834;background:#111117}.reader-head>div{flex:1;min-width:0}.reader-head b,.reader-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-head b{font-size:12px}.reader-head small{font-size:10px;color:var(--muted)}.reader-scroll{overflow:auto;flex:1;display:flex;align-items:center;flex-direction:column;scroll-behavior:smooth}.reader-scroll img{display:block;width:100%;max-width:850px;height:auto;object-fit:contain}.reader-foot{height:59px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;border-top:1px solid #292834;background:#111117;font-size:10px}.reader-progress{height:4px;background:#302d3b;border-radius:9px;flex:1;overflow:hidden}.reader-progress span{display:block;height:100%;width:0;background:var(--purple)}.small{padding:8px 11px;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);opacity:0;z-index:100;background:#eee2ff;color:#21162e;border-radius:12px;padding:11px 16px;box-shadow:var(--shadow);transition:.2s;font-size:12px;max-width:90%;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{color-scheme:light;--bg:#f7f5fb;--panel:#fff;--panel2:#f0edf6;--line:#ded8e8;--text:#211b2a;--muted:#766f82}body.light .sidebar{background:#fbfaff}body.light .tip{background:#fff}body.light .hero{background:radial-gradient(ellipse at 80% 30%,#dfd0f4,#f1eaf8 70%)}body.light .hero p{color:#6f627e}body.light .mobilebar{background:#fbfaff}body.light .reader-head,body.light .reader-foot{background:#f7f5fb;color:#211b2a}@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px;padding:30px 28px}.welcome-row{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .search{flex:1}.hero-visual{opacity:.75;right:-6%}.hero-copy{max-width:420px}}@media(max-width:760px){.sidebar{display:none}.mobilebar{height:58px;position:sticky;top:0;z-index:15;background:#101016ed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.mobilebar .brand{padding:0;font-size:20px}.mobilebar .brand-icon{width:32px;height:32px}.square{width:38px;height:38px}.main{margin:0;padding:24px 15px 45px}.welcome-row{gap:17px}.welcome-row h1{font-size:36px}.header-actions{gap:7px}.header-actions .primary{display:none}.search{min-width:0}.hero{padding:25px 20px;min-height:270px}.hero-copy{max-width:72%}.hero h2{font-size:31px}.hero-visual{right:-28%;opacity:.65;transform:scale(.85)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:28px}.stats>div{padding:12px;gap:10px}.stat-icon{width:33px;height:33px}.stats b{font-size:17px}.section-head h2{font-size:20px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.continue-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:35px}.toolbar{flex-direction:column}.search.wide{max-width:none;height:43px}select{height:42px}.reader-head{height:56px;padding:0 9px;gap:8px}.reader-foot{height:56px;padding:0 8px;gap:7px}.reader-foot .secondary,.reader-foot .primary{padding:8px;font-size:9px}.chapter{padding:10px}.chapter-actions button{padding:8px}.download-summary{padding:14px}.tip{align-items:flex-start}.profile{padding-bottom:0}}@media(max-width:390px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{max-width:86%}.hero-visual{opacity:.35;right:-45%}.header-actions .round-btn{flex-shrink:0}}

.cloud-label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px;color:var(--muted)}.cloud-label input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;box-sizing:border-box}.modal-card h3{margin:22px 0 8px}.modal-card #cloudStatus{overflow-wrap:anywhere;font-size:13px}

.mobile-actions{display:flex;align-items:center;gap:8px}.mobile-menu-list{display:grid;gap:6px;margin-top:16px}.mobile-menu-item{width:100%;font-size:14px;padding:13px 12px}.mobile-menu-item span{width:24px}