:root{--bg:#f3f5f2;--surface:#fff;--surface-2:#f7f9f6;--ink:#18201c;--muted:#69756d;--line:#dbe1dc;--accent:#08766c;--accent-soft:#dcefeb;--danger:#b44343;--shadow:0 18px 48px #18201c1a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #08766c33}img{color:#0000}.boot-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.auth-page{grid-template-columns:minmax(260px,1fr) minmax(420px,560px);min-height:100vh;display:grid}.auth-brand{color:#fff;background:#1b2c27 url(https://images.unsplash.com/photo-1612036782180-6f0b6cd846fe?auto=format&fit=crop&w=1600&q=80) 50%/cover;align-items:flex-start;gap:13px;min-height:100vh;padding:38px;display:flex;position:relative}.auth-brand:after{content:"";background:#11211cbf;position:absolute;inset:0}.auth-brand>*{z-index:1;position:relative}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:22px}.auth-brand span{color:#ffffffb8;margin-top:3px;font-size:13px}.auth-panel{align-self:center;width:min(100% - 64px,420px);margin:auto}.auth-heading h1{letter-spacing:0;margin:0;font-size:30px}.auth-heading p{color:var(--muted);margin:12px 0 24px;line-height:1.7}.segmented{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.segmented button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #141e1914}.auth-form{gap:15px;display:grid}.auth-form label>span,.source-url-form label>span{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.auth-form input,.source-url-form input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:46px;padding:0 13px}.form-error{color:#923636;background:#fff0f0;border:1px solid #efcccc;border-radius:8px;padding:10px 12px;font-size:13px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.full{width:calc(100% - 40px);margin:0 20px 18px}.auth-language{justify-content:flex-end;margin-bottom:18px;display:flex}.language-select{color:var(--muted);gap:5px;font-size:12px;display:grid}.language-select select{border:1px solid var(--line);min-width:112px;height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 30px 0 10px}.sidebar>.language-select{margin:10px 4px 0}.sidebar>.language-select select{width:100%}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfcfa;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{max-width:140px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.sidebar nav{gap:5px;display:grid}.sidebar nav button{min-height:43px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 12px;display:flex}.sidebar nav button:hover{background:var(--surface-2)}.sidebar nav button.active{color:var(--accent);background:var(--accent-soft);font-weight:800}.sidebar-spacer{flex:1}.source-switch{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.source-switch span,.source-switch small,.source-switch strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.source-switch small{color:var(--muted);font-size:11px;font-weight:400}.source-switch strong{margin-top:2px;font-size:13px}.account-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:10px;padding:8px 4px 0;display:flex}.account-row>div{align-items:center;gap:8px;min-width:0;display:flex}.account-row span{text-overflow:ellipsis;overflow:hidden}.account-row button,.icon-button,.reader-actions button,.source-actions button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;display:grid}.account-row button{background:0 0;border:0}.main-area{min-width:0;padding:28px 32px}.content-view{max-width:1180px;margin:0 auto}.home-view{max-width:1280px}.home-masthead{justify-content:space-between;align-items:flex-start;gap:24px;min-height:104px;display:flex}.home-masthead h1{letter-spacing:0;max-width:680px;margin:0;font-size:34px;line-height:1.18}.home-masthead p{color:var(--muted);margin:10px 0 0;line-height:1.65}.source-chip{border:1px solid var(--line);height:36px;color:var(--accent);background:#fff;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.home-search{max-width:none;margin:0 0 24px}.editorial-opening{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:24px;min-height:356px;margin-bottom:34px;display:grid}.featured-story{color:#fff;text-align:left;background-color:#1c2a25;background-position:50% 25%;background-size:cover;border:0;border-radius:8px;align-items:flex-end;min-width:0;min-height:356px;padding:0;display:flex;position:relative;overflow:hidden}.featured-story:before{content:"";background:#0a141094;transition:background .2s;position:absolute;inset:0}.featured-story:hover:before{background:#0a14107a}.featured-copy{z-index:1;justify-items:start;gap:8px;width:min(620px,88%);padding:34px;display:grid;position:relative}.featured-copy>small{color:#16342c;text-transform:uppercase;background:#f0c94a;padding:5px 8px;font-size:11px;font-weight:900}.featured-copy>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:34px;line-height:1.16;overflow:hidden}.featured-copy>em{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-style:normal;overflow:hidden}.featured-copy>span{color:#12352d;background:#fff;border-radius:7px;align-items:center;gap:7px;min-height:40px;margin-top:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.editorial-picks{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);min-width:0}.editorial-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;min-height:64px;display:flex}.editorial-title span{color:var(--muted);font-size:12px;font-weight:700}.editorial-title strong{font-size:19px}.editorial-picks>div:last-child{display:grid}.editorial-picks button{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:72px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:28px 44px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:7px 0;display:grid}.editorial-picks button:last-child{border-bottom:0}.editorial-picks button:hover strong{color:var(--accent)}.pick-number{color:#c94f43;font-size:12px;font-weight:900}.editorial-picks img{object-fit:cover;background:#e6ebe7;border-radius:4px;width:44px;height:58px}.editorial-picks button>span:nth-child(3),.editorial-picks strong,.editorial-picks small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.editorial-picks small{color:var(--muted);margin-top:5px;font-size:11px}.editorial-picks svg{color:var(--muted)}.editorial-skeleton{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:24px;min-height:356px;margin-bottom:34px;display:grid}.editorial-skeleton>i{background:#dfe5e0;border-radius:8px;animation:1.2s ease-in-out infinite pulse}.editorial-skeleton>div{border-top:3px solid #dfe5e0;gap:8px;padding-top:62px;display:grid}.editorial-skeleton b{border-bottom:1px solid var(--line);background:#edf0ed;animation:1.2s ease-in-out infinite pulse;display:block}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;min-height:58px;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:21px}.section-heading>span{color:var(--muted);font-size:12px}.continue-section{margin:0 0 36px;padding-top:2px}.continue-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.continue-list button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.continue-list button:last-child{border-right:0}.continue-list button:hover{background:#fff}.continue-list img{object-fit:cover;background:#e6ebe7;border-radius:5px;width:48px;height:64px}.continue-list strong,.continue-list small,.continue-list em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.continue-list small{color:var(--muted);margin-top:5px;font-size:11px}.continue-list em{color:var(--accent);font-size:11px;font-style:normal}.continue-list i{background:#dce3de;height:3px;margin-top:9px;display:block;overflow:hidden}.continue-list i b{background:var(--accent);height:100%;display:block}.discovery-dashboard{grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin-bottom:38px;display:grid}.release-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.release-grid button{text-align:left;background:0 0;border:0;min-width:0;padding:0}.release-grid img{aspect-ratio:3/4;object-fit:cover;background:#e6ebe7;border-radius:6px;width:100%;transition:transform .18s;display:block}.release-grid button:hover img{transform:translateY(-3px)}.release-grid strong,.release-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.release-grid strong{margin-top:9px;font-size:13px}.release-grid small{color:var(--muted);margin-top:5px;font-size:11px}.ranking-section{border-top:3px solid var(--ink);min-width:0}.ranking-section .section-heading{border-bottom:1px solid var(--line);min-height:62px}.ranking-list{display:grid}.ranking-list button{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:55px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:30px 34px minmax(0,1fr);align-items:center;gap:9px;padding:6px 0;display:grid}.ranking-list button>b{color:#c94f43;font-size:15px}.ranking-list img{object-fit:cover;border-radius:3px;width:34px;height:44px}.ranking-list span,.ranking-list strong,.ranking-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.ranking-list small{color:var(--muted);margin-top:4px;font-size:10px}.ranking-list button:hover strong{color:var(--accent)}.editorial-tabs{border-top:1px solid var(--line);margin-top:0;padding-top:14px}.catalog-heading{min-height:70px}.category-tabs{scrollbar-width:thin;gap:7px;margin:0 0 8px;padding:2px 0 12px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:8px;flex:none;padding:0 13px}.category-tabs button.active{border-color:var(--accent);color:#fff;background:var(--accent);font-weight:700}.admin-users{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin:8px 20px 20px;padding:15px}.admin-users>div:first-child>strong{display:block}.user-list{gap:7px;margin-top:12px;display:grid}.user-row{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:7px 8px;display:flex}.user-row span,.user-row strong,.user-row small{min-width:0;display:block}.user-row small{color:var(--muted);margin-top:3px;font-size:11px}.user-row button{min-height:32px;padding:0 10px;font-size:12px}.danger-button{color:var(--danger);background:#fff6f6;border:1px solid #e8caca;border-radius:7px}.catalog-section{padding-bottom:30px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.catalog-loading{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px;display:grid}.comic-skeleton{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.comic-skeleton i{aspect-ratio:3/4;background:linear-gradient(90deg,#e8ece9 25%,#f4f6f4 50%,#e8ece9 75%) 0 0/200% 100%;width:100%;animation:1.2s infinite shimmer;display:block}.comic-skeleton span,.comic-skeleton small{background:#e8ece9;border-radius:4px;height:12px;margin:11px;display:block}.comic-skeleton small{width:58%;height:9px;margin-top:-3px}@keyframes shimmer{to{background-position:-200% 0}}.view-heading{justify-content:space-between;align-items:flex-start;min-height:70px;display:flex}.view-heading h1{letter-spacing:0;margin:0;font-size:27px}.search-form{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:54px;margin:6px 0 24px;padding:0 7px 0 16px;display:grid;box-shadow:0 8px 28px #1c28220d}.search-form svg{color:var(--muted)}.search-form input{background:0 0;border:0;outline:0;min-width:0;height:100%}.search-form button{color:#fff;background:var(--accent);border:0;border-radius:7px;min-width:76px;height:40px;font-weight:700}.result-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px;display:grid}.result-grid.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}.comic-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-width:0;padding:0;transition:transform .16s,box-shadow .16s;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.comic-card img{aspect-ratio:3/4;object-fit:cover;background:#e6ebe7;width:100%;display:block}.comic-card>span{padding:11px;display:block}.comic-card strong,.comic-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comic-card small{color:var(--muted);margin-top:6px;font-size:12px}.library-heading{align-items:center}.clear-library-button{min-height:38px;color:var(--danger);background:#fff7f7;border:1px solid #e4caca;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.shelf-entry{min-width:0;position:relative}.shelf-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:66px minmax(0,1fr);gap:12px;width:100%;height:100%;padding:9px;display:grid}.shelf-card:hover{border-color:var(--accent)}.shelf-entry .shelf-card{padding-right:50px}.library-delete-button{width:34px;height:34px;color:var(--danger);background:#fff;border:1px solid #ebd1d1;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.library-delete-button:hover{background:#fff1f1}.shelf-card img{object-fit:cover;background:#e6ebe7;border-radius:6px;width:66px;height:88px}.shelf-card span{align-self:center;min-width:0}.shelf-card strong,.shelf-card small,.shelf-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shelf-card small{color:var(--muted);margin-top:7px}.shelf-card em{color:var(--accent);margin-top:8px;font-size:11px;font-style:normal}.empty-state{min-height:230px;color:var(--muted);text-align:center;border:1px dashed #cbd4cc;border-radius:8px;grid-column:1/-1;place-content:center;justify-items:center;gap:8px;padding:30px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{max-width:360px;font-size:13px;line-height:1.6}.book-community{border-top:1px solid var(--line);background:#fbfcfb;margin-top:10px;padding:28px}.community-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.community-heading h2{margin:0;font-size:22px}.rating-summary{align-items:baseline;gap:7px;display:flex}.rating-summary strong{font-size:30px}.rating-summary span{color:var(--muted);font-size:11px}.rating-control{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:58px;margin:14px 0;display:flex}.rating-control>span{color:var(--muted);font-size:12px}.rating-control>div{gap:2px;display:flex}.rating-control button{color:#e0a91b;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.comment-form{border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;overflow:hidden}.comment-form textarea{min-height:92px;color:var(--ink);resize:vertical;background:0 0;border:0;outline:0;padding:12px}.comment-form>div:last-child{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:7px 9px 7px 12px;display:flex}.comment-form small{color:var(--muted)}.replying-to{min-height:36px;color:var(--accent);background:var(--accent-soft);justify-content:space-between;align-items:center;padding:0 10px 0 12px;font-size:12px;display:flex}.replying-to button{width:28px;height:28px;color:var(--accent);background:0 0;border:0;place-items:center;display:grid}.comment-list{margin-top:18px}.comment-thread{border-bottom:1px solid var(--line)}.comment-row{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:16px 0;display:grid}.comment-row.reply{margin-left:48px;padding-top:10px}.comment-avatar{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.comment-row header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.comment-row header>span{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 5px;font-size:9px}.comment-row time{color:var(--muted);margin-left:auto;font-size:10px}.comment-row p{white-space:pre-wrap;word-break:break-word;margin:7px 0;font-size:13px;line-height:1.65}.comment-row p.deleted{color:var(--muted);font-style:italic}.comment-row footer{gap:12px;display:flex}.comment-row footer button{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.comment-row footer button.danger{color:var(--danger)}.comments-empty{min-height:120px;color:var(--muted);place-content:center;justify-items:center;gap:7px;font-size:12px;display:grid}.book-detail-page{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:1120px;min-height:calc(100vh - 56px);margin:0 auto;overflow:hidden;box-shadow:0 10px 36px #18201c0f}.book-detail-page>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:60px;padding:0 18px;font-weight:800;display:flex}.book-detail-page .book-summary{grid-template-columns:170px minmax(0,1fr);padding:28px}.book-detail-page .book-summary img{width:170px}.book-detail-page .book-summary h2{max-width:680px;font-size:30px}.book-detail-page .book-intro{max-width:900px;padding:0 28px 25px}.book-detail-page .chapter-title{padding:18px 28px 12px}.detail-action-row{flex-wrap:wrap;gap:8px;display:flex}.chapter-tools{grid-template-columns:minmax(220px,360px) 72px;gap:8px;padding:0 28px 14px;display:grid}.chapter-tools>div{border:1px solid var(--line);height:40px;color:var(--muted);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 11px;display:grid}.chapter-tools input{background:0 0;border:0;outline:0;min-width:0;height:100%}.chapter-tools>button,.load-more{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px}.load-more{min-height:42px;margin:0 auto 28px;padding:0 16px;display:block}.book-detail-page .chapter-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 22px 30px}.book-detail-page .chapter-list button{border:1px solid var(--line);border-radius:7px;padding:0 10px}.detail-pane{z-index:20;border-left:1px solid var(--line);background:#fff;width:min(430px,100vw - 236px);height:100vh;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #19231e1f}.detail-pane>header,.source-drawer>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:64px;padding:0 18px;font-weight:800;display:flex}.icon-button.ghost{background:0 0;border-color:#0000}.detail-loading{color:var(--muted);padding:30px}.book-summary{grid-template-columns:112px 1fr;gap:16px;padding:22px;display:grid}.book-summary img{aspect-ratio:3/4;object-fit:cover;background:#e6ebe7;border-radius:8px;width:112px}.book-summary h2{overflow-wrap:anywhere;margin:1px 0 8px;font-size:22px}.book-summary p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.book-intro{color:var(--muted);margin:0;padding:0 22px 20px;font-size:13px;line-height:1.75}.chapter-title{border-top:1px solid var(--line);justify-content:space-between;padding:16px 22px 10px;display:flex}.chapter-title span{color:var(--muted);font-size:12px}.chapter-list{padding:0 14px 22px;display:grid}.chapter-list button{min-height:42px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;display:grid}.chapter-list button:hover,.chapter-list button.active{color:var(--accent);background:var(--accent-soft)}.chapter-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-backdrop{z-index:39;background:#10191461;border:0;position:fixed;inset:0}.source-drawer{z-index:40;border-left:1px solid var(--line);width:min(420px,100vw);height:100vh;box-shadow:var(--shadow);background:#fff;transition:transform .2s;position:fixed;top:0;right:0;overflow:auto;transform:translate(105%)}.source-drawer.open{transform:translate(0)}.source-drawer>header{justify-content:space-between}.source-drawer h2{margin:0;font-size:21px}.active-source{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin:20px;padding:14px}.active-source span,.active-source strong,.active-source small{display:block}.active-source span{color:var(--accent);font-size:11px;font-weight:800}.active-source strong{margin-top:5px}.active-source small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.source-url-form{padding:0 20px 12px}.source-url-form label>div{grid-template-columns:1fr 46px;display:grid}.source-url-form input{border-radius:8px 0 0 8px}.source-url-form button{color:#fff;background:var(--accent);border:0;border-radius:0 8px 8px 0}.admin-settings{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:11px;margin:8px 20px 20px;padding:15px;display:grid}.admin-settings strong{display:block}.admin-settings label>span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.admin-settings input{border:1px solid var(--line);border-radius:8px;width:100%;height:42px;padding:0 11px}.drawer-language{display:none}.source-list{gap:8px;padding:0 20px 24px;display:grid}.source-item{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.source-item.active{border-color:var(--accent)}.source-item strong,.source-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-item span{color:var(--muted);margin-top:4px;font-size:11px}.source-actions{gap:5px;display:flex}.source-actions .status{color:var(--accent);align-items:center;gap:4px;font-size:12px;display:flex}.source-actions button{width:32px;height:32px}.source-actions button.danger{color:var(--danger)}.offline-list{gap:9px;display:grid}.offline-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:92px;padding:10px;display:grid}.offline-item>img{object-fit:cover;background:#e7ebe8;border-radius:5px;width:58px;height:72px;display:block}.offline-main{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;gap:4px;padding:8px 0;display:grid}.offline-main strong,.offline-main span,.offline-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.offline-main span{color:var(--muted);font-size:13px}.offline-main small{color:var(--muted);font-size:11px}.icon-button.danger{color:var(--danger)}.offline-skeleton{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:58px 1fr;gap:12px;min-height:92px;padding:10px;display:grid}.offline-skeleton i{background:#e2e8e3;border-radius:5px;width:58px;height:72px;animation:1.2s ease-in-out infinite pulse}.offline-skeleton div{align-content:center;gap:10px;display:grid}.offline-skeleton b,.offline-skeleton span{background:#e2e8e3;border-radius:4px;height:13px;animation:1.2s ease-in-out infinite pulse;display:block}.offline-skeleton b{width:48%}.offline-skeleton span{width:72%}.admin-view{max-width:1280px}.admin-heading{align-items:center;gap:20px}.admin-heading p{color:var(--muted);margin:8px 0 0;line-height:1.6}.admin-metrics{gap:10px;display:flex}.admin-metrics span{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:center;min-width:108px;min-height:62px;padding:10px 12px;display:grid}.admin-metrics strong,.admin-metrics small{display:block}.admin-metrics strong{font-size:22px}.admin-metrics small{color:var(--muted);margin-top:3px;font-size:12px}.admin-layout{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;gap:18px;display:grid}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:18px}.admin-panel:nth-child(3){grid-column:1/-1}.admin-panel .section-heading{min-height:44px;margin-bottom:12px}.admin-panel .section-heading>span{text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:220px;overflow:hidden}.admin-table,.admin-source-list{gap:8px;display:grid}.admin-user-entry,.admin-source-entry{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:58px;padding:10px;display:grid}.admin-user-entry strong,.admin-user-entry small,.admin-source-entry strong,.admin-source-entry small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.admin-user-entry small,.admin-source-entry small{color:var(--muted);margin-top:4px;font-size:11px}.admin-source-entry.active{border-color:var(--accent);background:var(--accent-soft)}.admin-source-entry>div:last-child{align-items:center;gap:7px;display:flex}.admin-source-entry .status{color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.admin-inline-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:12px;display:grid}.admin-inline-form input,.admin-settings-form input{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;height:42px;padding:0 11px}.admin-settings-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-settings-form label>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.reader-toggle label{justify-content:space-between;align-items:center;gap:16px;display:flex}.reader-toggle span,.reader-toggle strong,.reader-toggle small{display:block}.reader-toggle small{color:#aeb8b2;margin-top:4px;font-size:11px}.reader-toggle input{accent-color:#75a58b;width:38px;height:22px}.reader-overlay{z-index:60;color:#f5f7f6;background:#111412;position:fixed;inset:0;overflow:hidden}.reader-canvas{background:inherit;position:absolute;inset:0;overflow:hidden}.reader-toolbar{z-index:66;height:62px;color:inherit;background:#222825f5;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 16px;transition:transform .22s,opacity .22s;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #ffffff14}.controls-hidden .reader-toolbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.controls-hidden .reader-bottom-controls{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 24px))}.reader-toolbar .icon-button,.reader-actions button{color:inherit;background:#303733;border-color:#46504a}.reader-toolbar strong,.reader-toolbar span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reader-toolbar span{color:#b6c0ba;margin-top:2px;font-size:12px}.reader-progress{color:#cbd3ce;text-align:right;white-space:nowrap;min-width:58px;font-size:12px}.reader-actions{gap:7px;display:flex}.reader-actions button{border:1px solid;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.reader-actions button:disabled{opacity:.35}.reader-scroll{scrollbar-gutter:stable;height:100%;padding-top:62px;overflow:auto}.mode-scroll .reader-image{margin-bottom:var(--reader-gap)}.reader-status{color:#c8d0cb;text-align:center;padding:50px}.reader-scroll .empty-state{color:#aeb8b2;border-color:#465049;width:min(560px,100% - 28px);margin:40px auto}.reader-scroll .empty-state strong{color:inherit}.reader-footer{color:#aeb8b2;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,980px);min-height:110px;margin:0 auto;padding:20px;display:grid}.reader-footer button{color:#fff;background:#262d29;border:1px solid #3c453f;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;display:flex}.reader-image{background:#0d0f0e;width:min(100%,980px);min-height:260px;margin:0 auto;position:relative;overflow:hidden}.reader-image img{z-index:1;opacity:0;width:100%;height:auto;filter:brightness(var(--reader-brightness));transition:opacity .25s;display:block;position:relative}.reader-image.loaded{min-height:0}.reader-image.loaded img{opacity:1}.image-shimmer{z-index:0;background:linear-gradient(90deg,#181d1a 25%,#252d28 50%,#181d1a 75%) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}.reader-image.loaded .image-shimmer,.reader-image.error .image-shimmer{display:none}.image-error{color:#bfc8c2;align-content:center;place-items:center;gap:12px;min-height:260px;display:grid}.image-error button{color:#fff;background:#2c332f;border:1px solid #4b5650;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:flex}.mode-scroll.width-fit .reader-image{width:min(calc(100% * var(--reader-zoom)), calc(980px * var(--reader-zoom)));max-width:none}.mode-scroll.width-comfortable .reader-image{width:min(calc(100% * var(--reader-zoom)), calc(820px * var(--reader-zoom)));max-width:none}.width-comfortable .reader-footer{width:min(100%,820px)}.width-original .reader-image{width:max-content;max-width:none}.width-original .reader-image img{width:auto;max-width:none}.paged-reader{touch-action:pan-y;place-items:center;height:100%;padding:70px 38px 56px;display:grid;overflow:auto}.paged-reader .reader-image{width:auto;max-width:100%;min-height:0;max-height:calc(100vh - 118px);transform:scale(var(--reader-zoom));transform-origin:50%;background:0 0;transition:transform .2s;overflow:visible}.paged-reader .reader-image img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100vh - 118px)}.paged-reader .image-error{min-width:min(520px,80vw)}.page-zone{z-index:2;cursor:pointer;background:0 0;border:0;width:34%;position:absolute;top:62px;bottom:0}.page-zone:disabled{cursor:default}.previous-zone{left:0}.next-zone{right:0}.reader-bottom-controls{z-index:66;color:#eef2ef;background:#222825f0;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:12px;width:min(620px,100vw - 36px);min-height:42px;padding:0 14px;transition:transform .22s,opacity .22s;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000003d}.reader-bottom-controls span{text-align:right;white-space:nowrap;font-size:12px}.reader-bottom-controls input,.reader-range{accent-color:#79a98e;cursor:pointer;width:100%}.reader-settings legend{justify-content:space-between;width:100%;display:flex}.reader-settings output{color:#edf2ef;font-size:12px}.reader-range{height:28px}.theme-white .reader-bottom-controls{color:#202521;background:#fafbfaf5;border-color:#ccd3ce}.reader-drawer-backdrop{z-index:67;background:#0006;border:0;position:fixed;inset:0}.reader-drawer{z-index:68;color:#edf2ef;background:#202522;grid-template-rows:62px minmax(0,1fr);width:min(390px,92vw);transition:transform .22s;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-16px 0 40px #00000042}.reader-drawer.open{transform:translate(0)}.reader-drawer>header{border-bottom:1px solid #3a433e;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.reader-drawer>header button{width:38px;height:38px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.reader-chapter-list{padding:8px 10px 24px;overflow:auto}.reader-chapter-list button{color:#c8d0cb;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;width:100%;min-height:42px;padding:0 10px;display:block;overflow:hidden}.reader-chapter-list button:hover{background:#2c332f}.reader-chapter-list button.active{color:#fff;background:#3c5347}.reader-settings{padding:16px 18px 28px;overflow:auto}.reader-settings fieldset{border:0;margin:0 0 22px;padding:0}.reader-settings legend{color:#b5beb8;margin-bottom:10px;font-size:12px}.setting-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.setting-options.three,.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.setting-options button,.theme-options button{color:#e8eeea;background:#2c332f;border:1px solid #46504a;border-radius:7px;min-height:40px;padding:0 7px}.setting-options button.active,.theme-options button.active{border-color:#75a58b;box-shadow:inset 0 0 0 1px #75a58b}.theme-options .theme-black{color:#fff;background:#111412}.theme-options .theme-gray{color:#fff;background:#505753}.theme-options .theme-white{color:#1c211e;background:#f5f6f5}.reader-overlay.theme-gray{background:#505753}.reader-overlay.theme-white{color:#202521;background:#f2f4f2}.theme-white .reader-toolbar{color:#202521;background:#fafbfaf5;box-shadow:0 1px #d7ddd9}.theme-white .reader-toolbar span,.theme-white .reader-progress{color:#69736d}.theme-white .reader-toolbar .icon-button,.theme-white .reader-actions button{color:#202521;background:#eef1ef;border-color:#ced5d0}.theme-white .reader-image{background:#e7ebe8}.theme-white .reader-footer{color:#66716a}.theme-white .reader-footer button{color:#202521;background:#fff;border-color:#cbd2cd}.theme-white .image-shimmer{background:linear-gradient(90deg,#e5e9e6 25%,#f4f6f5 50%,#e5e9e6 75%) 0 0/200% 100%}.toast{z-index:100;color:#fff;max-width:min(560px,100vw - 30px);box-shadow:var(--shadow);background:#24302a;border-radius:8px;padding:11px 15px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.error{background:#8f3838}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.spin,.loading-spinner>svg{animation:.8s linear infinite spin}.loading-spinner{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:inline-flex}.is-refreshing{opacity:.5;pointer-events:none;transition:opacity .18s}.infinite-loader{min-height:74px;color:var(--muted);place-items:center;font-size:12px;display:grid}.drawer-progress{z-index:3;background:var(--accent-soft);height:3px;position:sticky;top:0;overflow:hidden}.drawer-progress i{background:var(--accent);width:38%;height:100%;animation:1s ease-in-out infinite loading-bar;display:block}@keyframes loading-bar{0%{transform:translate(-110%)}to{transform:translate(365%)}}.source-drawer.busy{cursor:progress}.source-drawer.busy .source-list,.source-drawer.busy .admin-settings,.source-drawer.busy .admin-users{opacity:.6;pointer-events:none}.detail-skeleton{grid-template-columns:170px 1fr;gap:18px;padding:28px;display:grid}.detail-skeleton i{aspect-ratio:3/4;background:#e5eae6;border-radius:8px;width:170px;animation:1.2s ease-in-out infinite pulse}.detail-skeleton>div{align-content:start;gap:13px;display:grid}.detail-skeleton b,.detail-skeleton span,.detail-skeleton em,.detail-skeleton p,.detail-skeleton section{background:#e5eae6;border-radius:5px;animation:1.2s ease-in-out infinite pulse;display:block}.detail-skeleton b{width:58%;height:28px}.detail-skeleton span{width:38%;height:13px}.detail-skeleton em{width:128px;height:42px;margin-top:8px}.detail-skeleton p{grid-column:1/-1;height:13px;margin:0}.detail-skeleton section{grid-column:1/-1;height:280px;margin-top:12px}.app-loading-screen{background:var(--bg);grid-template-columns:236px 1fr;min-height:100vh;display:grid}.loading-sidebar{border-right:1px solid var(--line);background:#fff;align-content:start;gap:12px;padding:22px 18px;display:grid}.loading-sidebar i{width:128px;height:42px;margin-bottom:16px}.loading-sidebar b{width:100%;height:42px}.loading-main{padding:34px}.loading-main>span{width:min(520px,70%);height:30px;margin-bottom:16px;display:block}.loading-main>span:nth-child(2){width:min(740px,90%);height:54px;margin-bottom:28px}.loading-sidebar i,.loading-sidebar b,.loading-main>span{background:#e2e8e3;border-radius:8px;animation:1.2s ease-in-out infinite pulse}@media (width<=800px){.app-loading-screen{grid-template-columns:1fr}.loading-sidebar{display:none}.loading-main{padding:22px 14px}.detail-skeleton{grid-template-columns:96px 1fr;padding:16px}.detail-skeleton i{width:96px}.auth-page{grid-template-columns:1fr}.auth-brand{background-image:none;min-height:auto;padding:22px}.auth-panel{width:min(100% - 32px,440px);padding:40px 0}.app-shell{padding-bottom:68px;display:block}.sidebar{z-index:15;border:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:4px;width:100%;height:64px;padding:6px 8px;display:grid;position:fixed;top:auto;bottom:0}.brand,.sidebar-spacer,.account-row>div{display:none}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:2px;display:grid}.sidebar nav button{grid-template-rows:24px 18px;align-content:center;justify-items:center;gap:2px;min-width:0;height:50px;min-height:50px;padding:3px 2px;font-size:10px;line-height:18px;display:grid}.sidebar nav button svg{align-self:center;width:21px;height:21px}.sidebar nav button span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;height:18px;overflow:hidden}.source-switch{border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.source-switch span,.source-switch>svg:last-child,.sidebar>.language-select{display:none}.drawer-language{margin:0 20px 16px;display:block}.drawer-language .language-select select{width:100%}.account-row{border:0;width:44px;height:44px;margin:0;padding:0}.account-row button{width:44px;height:44px}.main-area{padding:22px 14px}.view-heading{min-height:62px}.view-heading h1{font-size:23px}.home-heading,.home-masthead{min-height:126px;display:block}.home-masthead h1{font-size:27px}.home-masthead .source-chip{margin-top:14px}.editorial-opening,.editorial-skeleton{grid-template-columns:1fr;gap:18px}.featured-story{min-height:300px}.featured-copy{padding:24px}.featured-copy>strong{font-size:28px}.editorial-picks>div:last-child{grid-template-columns:1fr 1fr;column-gap:14px}.discovery-dashboard{grid-template-columns:1fr;gap:28px}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-list{grid-template-columns:1fr 1fr;column-gap:16px}.home-heading h1{font-size:26px}.source-chip{width:fit-content;margin-top:15px}.continue-list{grid-template-columns:1fr}.category-tabs{margin-inline:-2px}.source-drawer{padding-bottom:70px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comic-card>span{padding:9px}.shelf-grid{grid-template-columns:1fr}.library-heading{gap:12px}.clear-library-button{min-width:38px;padding:0 10px}.offline-item{grid-template-columns:48px minmax(0,1fr) 38px;gap:9px}.offline-item>img{width:48px;height:64px}.admin-heading{display:grid}.admin-metrics{width:100%}.admin-metrics span{flex:1;min-width:0}.admin-layout{grid-template-columns:1fr}.admin-panel:nth-child(3){grid-column:auto}.admin-inline-form,.admin-settings-form,.admin-source-entry,.admin-user-entry{grid-template-columns:1fr}.admin-source-entry>div:last-child{flex-wrap:wrap;justify-content:flex-start}.book-detail-page{min-height:auto}.book-detail-page .book-summary{grid-template-columns:96px minmax(0,1fr);padding:16px}.book-detail-page .book-summary img{width:96px}.book-detail-page .book-summary h2{font-size:22px}.book-detail-page .book-intro{padding:0 16px 18px}.book-community{padding:22px 16px}.comment-row.reply{margin-left:24px}.community-heading{align-items:flex-start}.chapter-tools{grid-template-columns:1fr 68px;padding:0 16px 12px}.book-detail-page .chapter-list{grid-template-columns:1fr;padding:0 10px 20px}.detail-pane{width:100vw;height:calc(100vh - 64px)}.reader-overlay{bottom:0}.reader-toolbar{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;height:56px;padding:0 8px}.reader-progress{display:none}.reader-actions{gap:4px}.reader-actions button{width:34px;height:34px}.reader-actions button:nth-last-child(-n+2){display:none}.reader-scroll{padding-top:56px}.reader-footer{min-height:92px;padding:14px 8px}.reader-footer span{display:none}.reader-footer{grid-template-columns:1fr 1fr}.paged-reader{padding:62px 8px 52px}.paged-reader .reader-image,.paged-reader .reader-image img{max-height:calc(100vh - 112px)}.reader-bottom-controls{width:calc(100vw - 20px);bottom:8px}.page-zone{top:56px}.setting-options.three,.theme-options{grid-template-columns:1fr}}@media (width<=380px){.editorial-picks>div:last-child,.ranking-list{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-story{min-height:270px}.featured-copy>strong{font-size:24px}.result-grid{grid-template-columns:1fr}.book-summary{grid-template-columns:88px 1fr;padding:16px}.book-summary img{width:88px}}