.reader-page{color:#2d2924;background:#f7f5f0;min-height:100vh}.reader-night{color:#e7edf6;background:#172033}.reader-sepia{color:#3c3429;background:#efe5cc}.reader-header{z-index:20;background:inherit;border-bottom:1px solid #7878782e;align-items:center;gap:22px;min-height:62px;padding:0 max(20px,50% - 590px);display:flex;position:sticky;top:0}.reader-night .brand,.reader-night .reader-story-link{color:#edf4fd}.reader-sepia .brand,.reader-sepia .reader-story-link{color:#3c3429}.reader-story-link{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.reader-tools{align-items:center;gap:6px;display:flex}.reader-settings{position:relative}.reader-settings>summary{cursor:pointer;min-height:34px;color:inherit;background:0 0;border:1px solid #78787840;border-radius:8px;align-items:center;gap:6px;padding:0 10px;list-style:none;display:flex}.reader-settings>summary::-webkit-details-marker{display:none}.reader-settings>summary span{font-family:Georgia,serif;font-size:16px;font-weight:800}.reader-settings>summary strong{font-size:11px}.reader-settings[open]>summary{border-color:var(--primary);color:var(--primary);background:#1976d214}.reader-settings-panel{z-index:30;color:#2d2924;background:#fff;border:1px solid #d7e0ea;border-radius:13px;gap:13px;width:min(350px,100vw - 28px);padding:15px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 36px #162d4e33}.reader-night .reader-settings-panel{color:#edf4fd;background:#222d42;border-color:#40506b}.reader-sepia .reader-settings-panel{color:#3c3429;background:#fbf5e8;border-color:#d1c29f}.reader-setting-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.reader-setting-row>span,.reader-theme-control legend{color:inherit;font-size:10px;font-weight:800}.reader-setting-row select{color:#2d2924;background:#fff;border:1px solid #d7e0ea;border-radius:7px;width:100%;height:35px;padding:0 8px;font-size:11px}.reader-font-size-control{background:#fff;border:1px solid #d7e0ea;border-radius:7px;grid-template-columns:35px minmax(0,1fr) 35px;align-items:center;display:grid;overflow:hidden}.reader-font-size-control button{color:#2d2924;background:0 0;border:0;height:34px;font-size:11px;font-weight:800}.reader-font-size-control button:hover{color:var(--primary);background:#eef6ff}.reader-font-size-control strong{color:#2d2924;text-align:center;font-size:11px}.reader-theme-control{border:0;margin:0;padding:0}.reader-theme-control legend{margin-bottom:7px}.reader-theme-control>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.reader-theme-control button{min-width:0;min-height:34px;color:inherit;background:0 0;border:1px solid #d7e0ea;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.reader-theme-control button.active{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.reader-theme-swatch{border:1px solid #46464640;border-radius:50%;flex:none;width:14px;height:14px}.reader-theme-swatch.paper{background:#f7f5f0}.reader-theme-swatch.sepia{background:#efe5cc}.reader-theme-swatch.night{background:#172033}.reader-content{width:min(1040px,100% - 40px);margin:0 auto;padding:55px 0 75px}.reader-content h1{text-align:center;margin:0 0 34px;font-size:29px;line-height:1.35}.reader-text{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reader-text p{line-height:inherit;text-align:justify;white-space:pre-wrap;margin:0 0 1.25em}.reader-text h2,.reader-text h3{margin:1.65em 0 .75em;font-family:inherit;line-height:1.45}.reader-text h2{font-size:1.45em}.reader-text h3{font-size:1.2em}.reader-text blockquote{opacity:.83;border-left:4px solid;margin:1.5em 0;padding:.3em 0 .3em 1.1em;font-style:normal}.reader-text ul,.reader-text ol{margin:0 0 1.3em;padding-left:1.7em}.reader-text li+li{margin-top:.45em}.reader-text hr{opacity:.28;border:0;border-top:2px solid;width:min(180px,45%);margin:2.25em auto}.reader-loading{text-align:center;color:#72716e}.reader-notice{border-radius:var(--r);text-align:center;background:#fff8e7;border:1px solid #e7d29d;margin:25px 0;padding:24px}.reader-notice h2{margin:0;font-size:20px}.reader-unlock-error{color:var(--danger);margin:12px auto;font-size:13px;font-weight:700}.reader-unlock-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.reader-notice.error{color:#a11a1a;background:#fff0f0;border-color:#f0c4c4}.reader-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:46px;display:grid}.reader-navigation a,.reader-navigation button{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:1px solid #78787859;border-radius:8px;padding:10px;font-weight:700}.reader-navigation button{cursor:pointer}.reader-navigation a:hover,.reader-navigation button:hover{border-color:var(--primary);color:var(--primary)}.reader-navigation-top{margin-top:28px;margin-bottom:38px}.reader-navigation-list{text-align:center}.reader-navigation-next{text-align:right}.reader-navigation-placeholder{display:block}.reader-chapter-popup{width:min(760px,100% - 28px);max-width:none;max-height:min(82dvh,780px);color:var(--ink);background:#fff;border:0;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 28px 80px #0b1b2d52}.reader-chapter-popup-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a162394}.reader-chapter-popup-card{flex-direction:column;max-height:min(82dvh,780px);display:flex;overflow:hidden}.reader-chapter-popup-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.reader-chapter-popup-head .eyebrow{margin:0 0 3px}.reader-chapter-popup-head h2{margin:0;font-size:20px}.reader-chapter-popup-head>button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#f7f9fb;border-radius:50%;flex:none;place-items:center;font-family:inherit;font-size:25px;line-height:1;display:grid}.reader-chapter-popup-head>button:hover{border-color:var(--primary);color:var(--primary)}.reader-chapter-popup .chapter-range-tabs{flex:none}.reader-chapter-popup .chapter-list{overscroll-behavior:contain;flex:1;max-height:none}.reader-chapter-popup .chapter-list li.current a{color:var(--primary);background:var(--muted);font-weight:800}.reader-chapter-popup-status{color:var(--text);text-align:center;margin:0;padding:54px 20px}.reader-unlock-popup{width:min(540px,100% - 28px);max-width:none;color:var(--ink);background:#fff;border:0;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 28px 80px #0b1b2d52}.reader-unlock-popup-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a16239e}.reader-unlock-popup-card{gap:18px;padding:22px;display:grid}.reader-unlock-popup-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reader-unlock-popup-head .eyebrow{margin-bottom:3px}.reader-unlock-popup-head h2{margin:0;font-size:22px}.reader-unlock-popup-head>button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#f7f9fb;border-radius:50%;flex:none;place-items:center;font-size:24px;line-height:1;display:grid}.reader-unlock-description,.reader-unlock-quote-hint,.reader-unlock-info{color:var(--text);margin:0;font-size:13px}.reader-unlock-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;display:grid}.reader-unlock-range>span{color:var(--text);padding-bottom:10px;font-weight:800}.reader-unlock-range label{color:#344054;gap:5px;font-size:11px;font-weight:800;display:grid}.reader-unlock-range input{border:1px solid var(--line);width:100%;height:43px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 10px}.reader-unlock-range input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1976d21a}.reader-unlock-summary{background:#fff8e7;border:1px solid #f0d19d;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px;display:grid}.reader-unlock-summary div{min-width:0}.reader-unlock-summary dt,.reader-unlock-summary dd{margin:0}.reader-unlock-summary dt{color:#7a6840;font-size:9px}.reader-unlock-summary dd{margin-top:3px;font-size:14px;font-weight:900}.reader-unlock-info{color:#17683f;background:#eef9f3;border-radius:8px;padding:10px;font-weight:700}.reader-unlock-popup-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding-top:16px;display:flex}.reader-night .reader-content{color:#e7edf6}.reader-sepia .reader-content{color:#3c3429}.reader-night .reader-notice{color:#2d2924}.reader-sepia .reader-notice{color:#3c3429}@media (max-width:760px){.reader-content{width:calc(100% - 28px)}}@media print{.reader-text{display:none}.reader-content:after{content:"Nội dung truyện được bảo vệ trên TruyenIO.";text-align:center;padding:30px;display:block}}