.reader{--reader-bg: #fff;--reader-text: #0f172a;background:var(--reader-bg);color:var(--reader-text)}.reader[data-reader-theme=giay]{--reader-bg: #f7f1e3;--reader-text: #292524}.reader[data-reader-theme=toi]{--reader-bg: #0f172a;--reader-text: #e2e8f0}.reader[data-reader-theme=sang]{--reader-bg: #fff;--reader-text: #202124}.reader[data-reader-theme=kem]{--reader-bg: #fff5df;--reader-text: #30291f}.reader[data-reader-theme=xanh_reu]{--reader-bg: #e8eee3;--reader-text: #243024}.reader[data-reader-theme=xam]{--reader-bg: #e5e7eb;--reader-text: #252932}.reader[data-reader-theme=toi]{--reader-bg: #18212d;--reader-text: #e2e8f0}.reader[data-reader-theme=den]{--reader-bg: #000;--reader-text: #dedede}.reader-content{max-width:960px;margin-inline:auto;padding:32px 16px calc(80px + env(safe-area-inset-bottom));font:19px/1.7 var(--font-reading);overflow-wrap:anywhere}.reader-content p{margin-bottom:1em}.reader-content[data-font=sans]{font-family:var(--font-ui)}.reader-content[data-width=hep]{max-width:720px}.reader-content[data-width=rong]{max-width:1240px}.reader{min-height:100dvh}.reader-heading{max-width:1240px;margin-inline:auto;padding:16px}.reader-nav{display:flex;gap:20px;justify-content:space-between;margin-top:16px;flex-wrap:wrap}.reader a:not(.button){color:inherit;text-underline-offset:.2em}.reader-content h1{font-size:1.4em;margin-bottom:1.5em;line-height:1.5}.reader-toolbar{display:none}@media(max-width:767px){.reader-toolbar{position:fixed;z-index:20;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--reader-bg);color:var(--reader-text);border-top:1px solid currentColor;transform:translateY(0)}.reader-toolbar[data-visible=false]{transform:translateY(110%);visibility:hidden}.reader-toolbar a,.reader-toolbar button{min-height:44px;display:inline-flex;align-items:center;padding-inline:8px;background:transparent;border:0;color:inherit;font:inherit}}.cd-cuon{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:18px;padding:2px;scrollbar-width:thin}.cd-muc{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.cd-nhan{display:flex;justify-content:space-between;width:100%;padding:0;color:var(--text-muted);font:600 13px/1.4 var(--font-ui)}.cd-mau{display:flex;flex-wrap:wrap;gap:8px}.cd-mau button{width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:999px;cursor:pointer}.cd-mau button[aria-pressed=true]{outline:2px solid var(--nut);outline-offset:2px}.cd-chon{display:flex;flex-wrap:wrap;gap:6px}.cd-chon button{flex:1 1 auto;min-height:36px;padding:6px 12px;border:1px solid var(--border-soft);border-radius:999px;background:transparent;color:var(--text);font:600 14px var(--font-ui);cursor:pointer}.cd-chon button[aria-pressed=true]{border-color:var(--nut);background:var(--nut);color:var(--nut-chu)}.cd-chon--chu{display:grid;grid-template-columns:1fr 1fr}.cd-chon--chu button{border-radius:var(--r-vua);font-size:15px;font-weight:500}.cd-tat{justify-self:start;padding:4px 0;border:0;background:none;color:var(--text-muted);font:13px var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cai-dat-ngan :focus-visible{outline:2px solid var(--nut);outline-offset:2px}.cai-dat-ngan input.ink-slider{--thumb-image: url(/art/reader/but-long.webp);--thumb-width: 44px;appearance:none;width:100%;height:36px;margin:0;background:transparent;cursor:pointer}.cai-dat-ngan input.ink-slider--boat{--thumb-image: url(/art/reader/thuyen.webp);--thumb-width: 60px}.cai-dat-ngan input.ink-slider::-webkit-slider-runnable-track{height:10px;background:url(/art/reader/net-muc.svg) center/100% 100% no-repeat}.cai-dat-ngan input.ink-slider::-webkit-slider-thumb{appearance:none;width:var(--thumb-width);height:36px;margin-top:-18px;border:0;background:var(--thumb-image) center/contain no-repeat;cursor:grab}.cai-dat-ngan input.ink-slider::-moz-range-track{height:10px;background:url(/art/reader/net-muc.svg) center/100% 100% no-repeat}.cai-dat-ngan input.ink-slider::-moz-range-thumb{width:var(--thumb-width);height:36px;border:0;background:var(--thumb-image) center/contain no-repeat;cursor:grab}@media(max-width:767px){.side-drawer.cai-dat-ngan{top:auto;width:100%;height:52svh;border-left:0;border-top:1px solid var(--border);border-radius:var(--radius-dialog);border-end-start-radius:0;border-end-end-radius:0;transform:translateY(105%)}.side-drawer.cai-dat-ngan[data-open=true]{transform:none}.cai-dat-ngan .side-drawer-head{padding:12px 16px 8px}.cai-dat-ngan .side-drawer-head h2{font-size:18px}}.reader[data-reader-theme=giay],.reader[data-reader-theme=kem]{background:var(--reader-bg)}.reader-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:18px 16px;font-family:var(--font-ui)}.reader-heading .reader-nav{margin-top:0;gap:10px}.reader-heading .reader-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1.5px solid var(--nut);border-radius:4px;background:transparent;color:var(--nut);text-decoration:none;font-weight:700;font-size:14px}.reader-heading .reader-nav a:hover{background:var(--nut-nhat)}.site-shell .reader-content h1{text-align:center;font-family:inherit;padding-bottom:.6em;border-bottom:1px solid #b8994766}.reader-content .notice{background:#f4e6c4aa;border-left:3px solid #b89947;border-radius:3px;font-size:.85em;color:#5c3a21}@media(max-width:767px){.reader-frame-decoration{border-width:90px 104px 104px 90px}.reader-settings-dialog{padding:30px 26px 88px 30px;height:min(780px,86svh)}.reader-settings-dialog .dialog-heading{margin:0 74px 8px 36px}.reader-toolbar{background:linear-gradient(#4a2f1b,#3d2616);color:#f3e3bd;border-top:2px solid #b89947}}.reader-frame-decoration:before{content:"";position:absolute;inset:-108px -124px -124px -108px;pointer-events:none;filter:blur(8px);opacity:.9;background:radial-gradient(closest-side,#fffffff0,#fff0) left -26px bottom -14px / 170px 90px no-repeat,radial-gradient(closest-side,#ffffffd0,#fff0) left 40px bottom -30px / 130px 70px no-repeat,radial-gradient(closest-side,#ffffffe0,#fff0) right -30px top -20px / 160px 90px no-repeat,radial-gradient(closest-side,#ffffffc8,#fff0) right -30px bottom -24px / 150px 86px no-repeat}.reader-settings-dialog input[type=range]{height:42px}.reader-settings-dialog input[type=range]::-webkit-slider-runnable-track{height:22px;background:url(/art/reader/net-muc-dam.webp) center/100% 100% no-repeat}.reader-settings-dialog input[type=range]::-webkit-slider-thumb{margin-top:-10px;height:42px}.reader-settings-dialog input[type=range]::-moz-range-track{height:22px;background:url(/art/reader/net-muc-dam.webp) center/100% 100% no-repeat}.reader-settings-dialog{box-shadow:none}@media(max-width:767px){.reader-settings-dialog:before{inset:14px 20px 16px 8px}}.reader-settings-dialog{width:min(420px,calc(100vw - 24px));height:min(720px,calc(100svh - 24px));padding:28px 30px 84px 32px}.reader-frame-decoration{border-width:92px 106px 106px 92px}.reader-frame-decoration:before{inset:-92px -106px -106px -92px}.reader-settings-dialog:before{inset:14px 20px 15px 19px}.reader-settings-dialog .dialog-heading{margin:0 70px 6px 40px;min-height:48px}.reader-settings-dialog .dialog-heading h2{font-size:27px}.reader-settings-dialog .dialog-heading button,.reader-settings-dialog .dialog-heading button img{width:38px;height:38px}.reader-settings-dialog .reader-settings-fields{gap:9px}.reader-settings-dialog label{font-size:15px;gap:3px}.reader-settings-dialog select{min-height:38px;font-size:15px;padding-block:4px}.reader-settings-dialog input[type=range]{height:36px}.reader-settings-dialog input[type=range]::-webkit-slider-thumb{height:36px;margin-top:-8px}.reader-settings-scroll{margin-right:-16px;padding-right:24px;scrollbar-color:#d9bf7a #0000;scrollbar-width:thin}.reader-settings-scroll::-webkit-scrollbar{width:8px}.reader-settings-scroll::-webkit-scrollbar-track{background:transparent}.reader-settings-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:linear-gradient(90deg,#8a6d2c,#f0d894 50%,#8a6d2c);box-shadow:0 0 3px #000a}.reader-preview-scroll{margin:12px 16px 4px;border:0;border-radius:2px;box-shadow:0 5px 9px #3c301433,inset 0 1px #fff;background:linear-gradient(90deg,#cdb98a 0,#efe1bd 3%,#fffaf0 11%,#fffdf6,#fffaf0 89%,#efe1bd 97%,#cdb98a)}.reader-preview-scroll:before,.reader-preview-scroll:after{top:-13px;bottom:-13px;width:16px;border-radius:8px;border:1px solid #6f5a2c;background:linear-gradient(#d9bf7a,#8a6d2c) top / 100% 9px no-repeat,linear-gradient(#8a6d2c,#d9bf7a) bottom / 100% 9px no-repeat,linear-gradient(90deg,#12291f,#4f8a6c 30%,#2e5a43 60%,#10241b);box-shadow:0 3px 5px #0005}.reader-preview-scroll:before{left:-11px}.reader-preview-scroll:after{right:-11px}.reader-settings-dialog .reader-font-preview{background:transparent;padding:14px 18px;font-size:min(1em,20px)}@media(max-width:767px){.reader-settings-dialog{width:calc(100vw - 16px);height:min(700px,84svh);padding:26px 24px 78px 28px}.reader-frame-decoration{border-width:84px 97px 97px 84px}.reader-frame-decoration:before{inset:-84px -97px -97px -84px}.reader-settings-dialog:before{inset:13px 18px 14px 17px}.reader-settings-dialog .dialog-heading{margin:0 62px 6px 34px}.reader-settings-scroll{margin-right:-14px;padding-right:20px}}.reader-home{display:inline-flex;align-items:center;gap:8px;color:#3e2723!important;text-decoration:none;font:700 16px var(--font-ui)}.reader-home img{width:34px;height:34px;transform:rotate(-3deg)}.reader-heading>.reader-story-link{font-weight:700;font-size:18px;color:#8b2323;text-decoration:none;margin-right:auto}.reader-content .comic-pages{max-width:800px;margin-inline:auto}.reader-content .comic-pages figure{margin:0}.reader-content .comic-pages img{display:block;width:100%;height:auto}.reader-content .comic-credit{font:14px/1.7 var(--font-ui);text-align:left}.reader-content .comic-credit img{width:88px;height:31px;object-fit:contain;display:inline-block}.reader[data-kind=tranh][data-reader-theme=toi]{--reader-bg: #14110f;--reader-text: #eadfca}.reader[data-kind=tranh] .reader-content{max-width:none;padding-inline:0}.reader[data-kind=tranh] .reader-content h1{max-width:760px;margin-inline:auto;padding-inline:16px;font-size:1.15em}.reader[data-kind=tranh] .comic-pages{max-width:760px}.reader[data-kho=rong] .comic-pages{max-width:1040px}.reader[data-kho=tran] .comic-pages{max-width:100%}.reader[data-kind=tranh] .comic-pages figure+figure{margin-top:0}.reader[data-khe=co] .comic-pages figure+figure{margin-top:18px}.reader[data-kind=tranh] .comic-pages img{box-shadow:0 0 0 1px #0000000d;background:#0000000a;min-height:40vh}.reader[data-kind=tranh] .comic-pages img[src]{min-height:0}.reader[data-kind=tranh] .comic-credit{max-width:760px;margin:0 auto 14px;padding:8px 16px;font-size:12px;line-height:1.55;opacity:.78;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.reader[data-kind=tranh] .comic-credit:hover,.reader[data-kind=tranh] .comic-credit:focus-within{-webkit-line-clamp:unset;opacity:1}.reader[data-kind=tranh] .comic-credit img{width:66px;height:23px;vertical-align:middle;margin-right:6px}.reader[data-kind=tranh][data-reader-theme=toi] .comic-credit a{color:#f2b8a0}.reader[data-kind=tranh][data-reader-theme=toi] .reader-content h1{color:#f1e4cc}.tranh-nut{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tranh-nut .xh-tab{margin:0}.tranh-bat{border:0;border-radius:999px;padding:7px 14px;font:700 13px var(--font-ui);background:#f3e6c8;color:#6b4a2b;cursor:pointer}.tranh-bat[aria-pressed=true]{background:#3d2616;color:#fbe7b5}.reader[data-reader-theme=toi] .tranh-nut .xh-tab,.reader[data-reader-theme=toi] .tranh-bat{background:#ffffff14;color:#eadfca}.reader[data-reader-theme=toi] .tranh-bat[aria-pressed=true]{background:#eadfca;color:#14110f}.tranh-so-trang{position:fixed;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;margin:0;padding:5px 12px;border-radius:999px;background:#000000b3;color:#fff;font:700 13px var(--font-ui);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tranh-tap-sau{display:block;width:min(320px,80%);margin:0 auto 14px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #c9a24a,0 8px 20px #0000004d}.tranh-tap-sau img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}@media(max-width:760px){.reader[data-kind=tranh] .comic-pages{max-width:100%}.reader[data-kind=tranh] .reader-heading-nut{width:100%}.tranh-nut{width:100%;justify-content:flex-start}}.tranh-nut .xh-tab button[aria-checked=true]{background:var(--nut);color:#fff}.reader[data-kind=tranh][data-reader-theme=toi] .reader-story-link{color:#f2c48a}.reader[data-kind=tranh] .comic-credit{padding:0;margin:4px auto 16px;max-width:min(760px,calc(100% - 32px))}@media(max-width:760px){.tranh-nut .xh-tab{display:none}.reader[data-kind=tranh] .reader-content{padding-top:16px}}@media(max-width:760px){.tranh-so-trang{right:auto;left:12px}}.reader[data-kind=tranh] [data-luoc-trang-cuoi] .comic-pages figure:last-child{display:none}.reader[data-kind=tranh] [data-luoc-trang-cuoi] .comic-credit:after{content:" Đã lược trang danh sách nhà tài trợ cuối tập."}.reader-content .comic-pages figure{position:relative}.reader .reader-content a.tem-cc{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;background:#fbf4e2;color:#3d2616;font:700 11px/1 var(--font-ui);letter-spacing:.02em;text-decoration:none;border:1px dashed #3d261666;outline:3px solid #fbf4e2;box-shadow:0 1px 4px #0004;transform:rotate(-4deg);opacity:.82;transition:opacity var(--t-nhanh) var(--ease)}.reader .reader-content a.tem-cc b{display:inline-grid;place-items:center;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font-size:8px;text-transform:lowercase}.reader .reader-content a.tem-cc:hover,.reader .reader-content a.tem-cc:focus-visible{opacity:1;transform:rotate(0)}