@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color:#252a26;background:#f7f6f2;font-family:Plus Jakarta Sans,"Noto Serif SC",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;overflow:hidden}.topbar{max-width:1190px;height:74px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.brand{color:#212720;font-size:19px;font-weight:700;letter-spacing:-.8px;text-decoration:none;display:flex;gap:8px;align-items:center}.brand span{width:26px;height:26px;border-radius:50%;background:#242b25;color:#f7f6f2;display:grid;place-items:center;font:600 18px Georgia,serif}.top-actions{display:flex;gap:12px;align-items:center}.icon-button,.avatar{border:0;background:transparent;font-size:21px;color:#536058}.avatar{width:33px;height:33px;color:#fff;background:#9eaf9a;border-radius:50%;font-size:14px}.hero{max-width:1190px;margin:52px auto 76px;padding:0 30px}.eyebrow{margin:0 0 12px;color:#7b887c;font:11px DM Mono,monospace;letter-spacing:1.4px}.hero h1,h2{margin:0;font-family:"Noto Serif SC",Georgia,serif;letter-spacing:-1.5px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.12}.hero>p:not(.eyebrow){color:#687268;margin:18px 0 25px;font-size:16px}.import-button,.read-button{border:0;border-radius:10px;background:#273229;color:#fff;padding:13px 18px;font-weight:600;box-shadow:0 6px 15px #27322922}.library{background:#eaede6;min-height:55vh;padding:43px max(30px,calc((100vw - 1130px)/2))}.library-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.library h2{font-size:31px}.search{width:226px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #aeb8ad;padding:8px 3px;color:#829082}.search input{width:100%;border:0;outline:0;background:transparent;color:#334037;font-size:13px}.shelf-tabs{display:flex;gap:25px;border-bottom:1px solid #cbd2c9;margin:32px 0 28px;overflow-x:auto}.shelf-tabs button{color:#778178;border:0;background:none;padding:0 1px 12px;white-space:nowrap;font-size:14px}.shelf-tabs .active{color:#243027;font-weight:700;border-bottom:2px solid #28352b}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.book-card{display:grid;grid-template-columns:118px 1fr;gap:16px;min-width:0}.cover{position:relative;border:0;padding:0;aspect-ratio:.71;overflow:hidden;box-shadow:0 8px 19px #41504430;background:#ccd3ca}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.cover:hover img{transform:scale(1.04)}.source{position:absolute;bottom:6px;left:6px;max-width:calc(100% - 12px);color:#fff;background:#1d2820cc;padding:3px 5px;font-size:9px;border-radius:3px}.book-copy{min-width:0;align-self:center}.book-copy p{margin:5px 0;color:#697467;font-size:13px}.book-copy .book-status{color:#849081;font-size:10px;font-family:DM Mono,monospace}.book-copy h3{font:600 18px "Noto Serif SC",serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress,.reader-progress{height:4px;background:#d2d9d1;overflow:hidden;border-radius:4px;margin:13px 0 5px}.progress span,.reader-progress span{height:100%;display:block;background:#566d59;border-radius:inherit}.book-copy small{color:#8b958a;font-size:10px}.empty{color:#6e796f}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#1a211a55;display:flex;align-items:end;justify-content:center;padding:20px}.book-sheet{position:relative;max-width:720px;width:100%;background:#fbfaf6;border-radius:20px;padding:28px;display:flex;gap:27px;box-shadow:0 24px 80px #10201555}.close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:28px;color:#6e796f}.sheet-cover{width:190px;aspect-ratio:.71;object-fit:cover;border-radius:4px}.sheet-copy{padding:9px 26px 5px 0}.sheet-copy h2{font-size:31px}.tag-row{display:flex;gap:7px;margin:14px 0;flex-wrap:wrap}.tag-row span{padding:4px 8px;border-radius:20px;background:#e6ebe3;color:#5e6f60;font-size:11px}.sheet-description{color:#667066;font-size:14px;line-height:1.75}.read-button{margin-top:8px;width:100%}.shelf-actions{display:flex;gap:6px;margin-top:11px}.shelf-actions button{padding:6px 8px;border:1px solid #d8ded5;border-radius:6px;color:#687269;background:#fff;font-size:11px}.shelf-actions .selected{background:#e0e8dc;border-color:#9fac9e;color:#314034}.reader{min-height:100vh;background:#222621;color:#f6f3e9;display:flex;flex-direction:column}.reader-bar{height:64px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#2a302a}.reader-bar button{background:none;color:#cbd5c9;border:0;font-size:14px}.reader-bar div{text-align:center;display:grid;gap:3px}.reader-bar strong{font-family:"Noto Serif SC",serif}.reader-bar span{color:#9fa99e;font-size:11px}.page-stage{min-height:0;flex:1;display:grid;grid-template-columns:1fr minmax(0,680px) 1fr;align-items:center}.reader-page{width:min(88vw,610px);aspect-ratio:.71;margin:35px auto;background:#e6e3da;position:relative;overflow:hidden;box-shadow:0 12px 40px #0008}.reader-page img{width:100%;height:100%;display:block;object-fit:cover;filter:sepia(.15) contrast(.9)}.reader-page p{position:absolute;right:13px;bottom:7px;background:#0009;padding:4px 6px;border-radius:3px;font-size:11px}.page-nav{border:0;background:transparent;color:#b1bdb0;font-size:45px}.reader-footer{padding:15px 12vw 22px}.reader-progress{background:#495147;margin:0}@media (max-width: 730px){.topbar{padding:0 19px}.hero{margin:34px auto 51px;padding:0 20px}.hero h1{font-size:44px}.library{padding:32px 20px}.library-head{align-items:start;flex-direction:column}.search{width:100%}.book-grid{grid-template-columns:1fr;gap:24px}.book-card{grid-template-columns:105px 1fr}.book-sheet{max-height:88vh;overflow:auto;padding:22px;display:block}.sheet-cover{width:130px;float:left;margin:0 18px 12px 0}.sheet-copy{padding:4px 0}.sheet-copy h2{font-size:26px}.sheet-description{clear:both}.page-stage{grid-template-columns:35px minmax(0,1fr) 35px}.page-nav{font-size:33px}.reader-bar{padding:0 10px}.reader-bar div{max-width:55vw;overflow:hidden}.reader-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}:root{--ink:#37334f;--violet:#7866d7;--pink:#ff85b6;--line:#e5dff5;--card:#ffffffb8}body{background:#f8f6ff;color:var(--ink)}.product-shell{min-height:100vh;background:radial-gradient(circle at 0 0,#ffddea 0,transparent 29%),radial-gradient(circle at 100% 0,#dce6ff 0,transparent 30%),#f8f6ff}.product-bar{height:82px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:34px;border-bottom:1px solid #ffffffb5;background:#ffffff70;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:4}.brand-button{border:0;background:transparent;color:var(--ink);display:flex;gap:9px;align-items:center;font-weight:800;font-size:20px;cursor:pointer}.brand-button span,.source-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:12px 12px 12px 4px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:800;box-shadow:0 7px 14px #9a6ade45}.product-bar nav{display:flex;gap:4px}.product-bar nav button,.filter-row button{border:0;background:transparent;color:#817a9a;border-radius:12px;padding:9px 13px;cursor:pointer}.product-bar nav .active,.filter-row .active{color:#6255b8;background:#eee9ff;font-weight:800}.add-source{margin-left:auto;border:1px solid #fff;border-radius:15px;padding:10px 14px;color:#6659ba;background:#ffffffa8;box-shadow:0 8px 20px #756b9b1c;cursor:pointer}.discover-page,.library-page,.detail-page{max-width:1120px;margin:auto;padding:64px 25px 90px}.page-heading h1{margin:0;font:700 clamp(34px,5vw,54px) "Noto Serif SC",serif;letter-spacing:-2px}.page-heading p:not(.eyebrow){color:#77718e;margin:13px 0 0}.eyebrow{color:#8a7fc0;font:11px DM Mono,monospace;letter-spacing:1.4px;margin:0 0 10px}.empty-sources,.empty-library{margin-top:38px;min-height:350px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px solid #fff;border-radius:29px;background:var(--card);box-shadow:0 18px 40px #716b8d14}.empty-sources h2,.empty-library h2{margin:18px 0 7px;font:600 25px "Noto Serif SC",serif}.empty-sources p,.empty-library p{margin:0;color:#7c7691}.source-orbit,.empty-library>div{width:63px;height:63px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#f4dcff,#d9ddff);color:#795fd0;font-size:24px;font-weight:800}.empty-sources button,.empty-library button,.source-sheet article button,.source-search button{margin-top:22px;border:0;border-radius:14px;padding:11px 16px;background:linear-gradient(110deg,#7e71dc,#ff8eb7);color:#fff;font-weight:700;cursor:pointer}.source-home{margin-top:35px;padding:28px;border:1px solid #fff;border-radius:28px;background:var(--card);box-shadow:0 18px 40px #716b8d14}.source-title{display:flex;gap:13px;align-items:center}.source-title .source-logo{width:45px;height:45px;border-radius:16px}.source-title h2{margin:0;font-size:24px}.source-title small{color:#89829f}.source-title a{margin-left:auto;color:#6759bd;text-decoration:none;font-size:14px}.source-search{display:flex;gap:10px;margin:28px 0}.source-search input,.search-box input{min-width:0;flex:1;border:1px solid #e8e2f4;outline:0;border-radius:15px;padding:14px 16px;background:#fff;color:#48415f}.source-search button{margin:0;padding:0 21px}.category-row{border-top:1px solid var(--line);padding-top:20px}.category-row p{margin:0 0 12px;color:#817a9a;font-size:13px}.category-row div{display:flex;gap:8px;flex-wrap:wrap}.category-row button{border:1px solid #e8e2f4;border-radius:999px;padding:7px 11px;background:#fff;color:#6d6686;cursor:pointer}.source-note{margin-top:24px;padding:12px 14px;border-radius:12px;background:#f0edfb;color:#756e91;font-size:13px}.library-heading{display:flex;align-items:end;justify-content:space-between}.search-box{width:280px;display:flex;gap:7px;align-items:center;color:#9c92bf;border:1px solid #fff;border-radius:15px;padding:0 12px;background:#ffffffa3}.search-box input{border:0;padding:12px 0;background:transparent}.filter-row{display:flex;gap:7px;margin:30px 0 24px}.real-book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.real-book-card{text-align:left;display:flex;gap:14px;padding:12px;border:1px solid #fff;border-radius:23px;background:var(--card);color:var(--ink);box-shadow:0 10px 26px #716b8d14;cursor:pointer}.book-art,.detail-art{position:relative;flex:0 0 110px;aspect-ratio:.7;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#d9d4f6,#f7d8e9);display:grid;place-items:center;color:#7969c7;font-size:30px}.book-art img,.detail-art img{width:100%;height:100%;object-fit:cover}.book-art i{position:absolute;bottom:6px;left:6px;font-size:9px;font-style:normal;color:#fff;background:#4e4772b8;padding:3px 5px;border-radius:6px}.real-book-card p{color:#938bad;font-size:11px;margin:17px 0 5px}.real-book-card h2{margin:0;font:600 18px "Noto Serif SC",serif}.real-book-card small{color:#948da5;display:block;margin-top:10px}.back{border:0;background:none;color:#6d61b9;cursor:pointer;padding:0}.detail-card{display:flex;gap:31px;margin-top:27px;padding:30px;border:1px solid #fff;border-radius:30px;background:var(--card);box-shadow:0 18px 40px #716b8d14}.detail-art{flex-basis:210px;font-size:56px}.detail-copy{flex:1}.detail-copy h1{margin:0;font:700 36px "Noto Serif SC",serif}.detail-copy>a{display:inline-block;color:#6659ba;margin:13px 0}.shelf-actions{display:flex;gap:7px;margin:15px 0 23px}.shelf-actions button{border:1px solid #e7e1f4;border-radius:10px;padding:7px 10px;background:#fff;color:#766e91;cursor:pointer}.shelf-actions .active{background:#eeeaff;color:#6759bd;border-color:#d6cefc}.detail-copy section{border-top:1px solid var(--line);padding:18px 0 0;margin-top:15px}.detail-copy section h2{margin:0 0 7px;font-size:16px}.detail-copy section p{margin:0;color:#77718b;line-height:1.65;font-size:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#40395744;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.source-sheet{width:min(480px,calc(100vw - 35px));padding:27px;position:relative;border:1px solid #fff;border-radius:28px;background:#fffdfef6;box-shadow:0 24px 80px #40375a59}.source-sheet h2{margin:0 0 20px;font:700 28px "Noto Serif SC",serif}.close{position:absolute;right:15px;top:13px;border:0;width:33px;height:33px;border-radius:11px;background:#f2eff9;color:#827a9d;font-size:24px;cursor:pointer}.source-sheet article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #ebe6f7;border-radius:17px}.source-sheet article h3,.source-sheet article p{margin:0}.source-sheet article p{color:#8c849e;font-size:13px;margin-top:3px}.source-sheet article button{margin:0 0 0 auto}.source-sheet article button:disabled{background:#e5e1f0;color:#9189a3}@media (max-width:700px){.product-bar{padding:0 17px;gap:12px}.product-bar nav{display:none}.add-source{font-size:12px}.discover-page,.library-page,.detail-page{padding:42px 18px 70px}.library-heading{align-items:start;gap:20px;flex-direction:column}.search-box{width:100%}.source-title a{font-size:12px}.source-search{flex-direction:column}.source-search button{height:46px}.real-book-grid{grid-template-columns:1fr}.detail-card{display:block;padding:20px}.detail-art{width:150px;margin-bottom:20px}.detail-copy h1{font-size:29px}}.sync-status{display:block;margin-top:9px;color:#8c84a3;font-size:12px}.source-pill{margin-left:auto;border-radius:999px;padding:8px 12px;background:#eee9ff;color:#6457ba;font-size:12px;font-weight:700}.source-result-grid{margin-top:28px}.real-book-card h2{margin-top:17px}.real-book-card small{line-height:1.45}.loading-copy{color:#776f91;text-align:center;margin:34px}.detail-meta{margin:7px 0;color:#756d88;font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tag-row span{background:#eeeaff;color:#6759bd;border-radius:999px;padding:5px 10px;font-size:12px}.read-link{display:inline-block;margin:4px 0 12px;color:#6558ba;font-weight:700}.chapter-note{font-size:12px!important;color:#9189a2!important}.shelf-button{border:0;border-radius:13px;padding:11px 15px;background:linear-gradient(110deg,#7e71dc,#ff8eb7);color:#fff;font-weight:700;cursor:pointer}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:36px 0 10px}.pager button{border:1px solid #e2dcf0;border-radius:12px;background:#fff;padding:9px 14px;color:#6759bd;cursor:pointer}.pager button:disabled{opacity:.45;cursor:not-allowed}.pager span{color:#7c7493;font-size:13px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.chapter-grid a{border:1px solid #e7e1f4;border-radius:10px;padding:9px 10px;color:#6659ba;text-decoration:none;font-size:13px}.reader-page{max-width:940px;margin:auto;padding:32px 18px 80px}.reader-bar{position:sticky;top:82px;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:20px;border:1px solid #fff;border-radius:18px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reader-bar h1{font-size:18px;margin:0}.reader-bar span{color:#786f91;font-size:13px}.reader-pages{display:grid;justify-items:center;gap:12px}.reader-pages img{display:block;max-width:100%;height:auto;border-radius:7px;background:#eeeaf4}@media (max-width:700px){.chapter-grid{grid-template-columns:1fr}.reader-page{padding:18px 0 60px}.reader-bar{top:82px;border-radius:0}}.latest-section{margin-top:42px}.latest-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.latest-heading h2{margin:0;font:700 27px "Noto Serif SC",serif}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.latest-card{padding:0;border:1px solid #fff;border-radius:19px;overflow:hidden;text-align:left;color:var(--ink);background:#ffffffad;box-shadow:0 10px 25px #716b8d12;cursor:pointer}.latest-card img{display:block;width:100%;aspect-ratio:.72;object-fit:cover;background:#eee8f5}.latest-card div{padding:11px 12px 13px}.latest-card h3{font:600 15px "Noto Serif SC",serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-card p{margin:6px 0 0;color:#8b829d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.latest-grid{grid-template-columns:repeat(2,1fr)}}.eh-entry{margin-top:24px;display:flex;justify-content:space-between;gap:22px;align-items:center;padding:23px 27px;border:1px solid #fff;border-radius:25px;background:#ffffffa5;box-shadow:0 12px 30px #716b8d12}.eh-entry h2{margin:0;font:700 23px "Noto Serif SC",serif}.eh-entry p:not(.eyebrow){margin:7px 0 0;color:#7f7891;font-size:13px}.eh-entry form{display:flex;gap:8px;min-width:min(470px,50%)}.eh-entry input{min-width:0;flex:1;border:1px solid #e7e1f4;border-radius:13px;padding:11px 13px;background:#fff}.eh-entry button{border:0;border-radius:13px;padding:0 15px;background:linear-gradient(110deg,#7e71dc,#ff8eb7);color:#fff;font-weight:700}.eh-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.eh-thumbs a{display:block;aspect-ratio:.72;overflow:hidden;border-radius:9px;background:#eeeaf4}.eh-thumbs img{width:100%;height:100%;object-fit:cover}@media (max-width:700px){.eh-entry{display:block;padding:20px}.eh-entry form{min-width:0;margin-top:15px}.eh-thumbs{grid-template-columns:repeat(3,1fr)}}