/* Tiên Giới Truyện 3D V13.8 — reader controls, member settings and focus mode */
.reading.tg-r138-reading{max-width:min(1060px,100%);padding-bottom:72px;--tg-r138-bg:#151f2b;--tg-r138-ink:#efe9df;--tg-r138-edge:#66543a;--tg-r138-font:Georgia,serif;--tg-r138-size:19px;--tg-r138-leading:2.1}
.tg-r138-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:13px;border:1px solid var(--v12-border,#82673f);background:var(--surface,#162334);border-radius:14px;box-shadow:0 12px 34px #0003;margin:14px 0 18px;position:relative;z-index:4}
.tg-r138-bar button,.tg-r138-settings button,.tg-r138-dialog button{cursor:pointer}
.tg-r138-bar button,.tg-r138-bar .tg-r138-nav{border:1px solid var(--v12-border,#82673f);border-radius:9px;background:var(--surface2,#253141);padding:10px 12px;color:var(--white,#f6d394);font:600 13px/1.3 system-ui,sans-serif;min-height:39px}
.tg-r138-bar .tg-r138-nav:hover,.tg-r138-bar button:hover,.tg-r138-bar button[aria-expanded="true"],.tg-r138-bar button[aria-pressed="true"]{border-color:var(--gold,#eac079);color:var(--gold,#eac079)}
.tg-r138-progress-wrap{flex:1;min-width:132px;display:grid;gap:5px;margin-left:auto}
.tg-r138-progress-text{color:var(--white,#ebddc3);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.tg-r138-progress-track{height:5px;border-radius:8px;background:var(--line,#475364);overflow:hidden}
#tg-r138-meter{height:100%;width:0;background:linear-gradient(90deg,#b78642,#edcf83);transition:width .16s;border-radius:8px}
.tg-r138-settings{border:1px solid var(--v12-border,#82673f);border-radius:14px;background:var(--surface,#192331);padding:20px;margin:0 0 18px;color:var(--white,#ecdbbf)}
.tg-r138-settings[hidden]{display:none!important}
.tg-r138-settings h2{font-size:18px;margin:0 0 16px;color:var(--gold,#eec582)}
.tg-r138-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tg-r138-settings label{display:grid;gap:7px;font-size:13px;font-weight:650}
.tg-r138-settings select,.tg-r138-settings input[type="range"]{width:100%;min-height:37px;accent-color:var(--gold,#d6ad66)}
.tg-r138-settings select{background:var(--surface2,#253244);border:1px solid var(--line,#455065);color:var(--white,#ecdbbf);border-radius:8px;padding:8px}
.tg-r138-settings .tg-r138-hint{color:var(--muted,#bec9d8);font-size:12px;margin:15px 0 0}
.tg-r138-settings .tg-r138-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.tg-r138-colors button{padding:9px 14px;border-radius:9px;border:1px solid var(--v12-border,#837052);color:var(--white,#ebdbca);background:var(--surface2,#253244)}
.tg-r138-colors button[aria-pressed="true"]{border:2px solid var(--gold,#e6bd70);box-shadow:0 0 0 2px #cfa65c33}
.reading.tg-r138-reading .reader-body{background:var(--tg-r138-bg)!important;color:var(--tg-r138-ink)!important;border-color:var(--tg-r138-edge)!important;font-size:var(--tg-r138-size)!important;line-height:var(--tg-r138-leading)!important;font-family:var(--tg-r138-font)!important;max-width:100%;overflow-wrap:anywhere}
.reading.tg-r138-reading .reader-body p{line-height:inherit}
.tg-r138-resume{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0;color:var(--muted,#b7c5d3);font-size:13px}
.tg-r138-resume button{border:1px solid var(--v12-border,#73644c);border-radius:8px;background:var(--surface2,#263342);color:var(--gold,#f1cd8d);padding:6px 10px;cursor:pointer}
.tg-r138-dialog{width:min(650px,calc(100vw - 28px));max-height:min(81vh,790px);border:1px solid #ab834c;border-radius:16px;background:#162132;color:#f5ecdc;padding:20px;box-shadow:0 24px 70px #000b}
.tg-r138-dialog::backdrop{background:#03070cc9;backdrop-filter:blur(4px)}
.tg-r138-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.tg-r138-dialog-head h2{color:#efc879;margin:0;font-size:21px}
.tg-r138-dialog-head button{border:1px solid #816846;border-radius:8px;background:#253447;color:#f3dec2;padding:9px 12px}
.tg-r138-dialog input{background:#0d1725;color:#f6ead7;border:1px solid #766243;border-radius:8px;padding:12px;width:100%;margin:14px 0;box-sizing:border-box}
.tg-r138-chapters{max-height:53vh;overflow:auto;display:grid;gap:5px;overscroll-behavior:contain}
.tg-r138-chapters a{color:#e9dfcc;background:#213044;border:1px solid transparent;display:block;padding:11px 12px;border-radius:8px;line-height:1.5;text-decoration:none}
.tg-r138-chapters a:hover,.tg-r138-chapters a[aria-current="page"]{color:#ffd58d;border-color:#9d7a48;background:#323347}
.tg-r138-chapters .tg-r138-no-results{color:#c7d0d9;margin:12px}
body.tg-r138-focus .realm-bar,body.tg-r138-focus .site-header,body.tg-r138-focus .footer{display:none!important}
body.tg-r138-focus .reading .tg-related,body.tg-r138-focus .reading .tg-v133-report-slot,body.tg-r138-focus .reading .tg-community-shell,body.tg-r138-focus .reading .reading-note{display:none!important}
body.tg-r138-focus .reading.tg-r138-reading{max-width:min(900px,100%)}
body.tg-r138-focus .tg-r138-bar{position:sticky;top:6px;box-shadow:0 8px 25px #0006}
@media(max-width:640px){.tg-r138-bar{padding:9px;gap:7px}.tg-r138-bar button,.tg-r138-bar .tg-r138-nav{padding:8px 9px;font-size:12px;min-height:37px}.tg-r138-progress-wrap{min-width:100%;margin-left:0}.tg-r138-settings-grid{grid-template-columns:1fr}.tg-r138-settings{padding:14px}.reading.tg-r138-reading .reader-body{padding:20px 17px!important}}
@media(prefers-reduced-motion:reduce){#tg-r138-meter{transition:none}}