/* Kiếm Thư – tương thích Astra, tối ưu tiếng Việt */
#kt-app{--bg:#f6f1e7;--surface:#fffaf0;--text:#2b2620;--muted:#7a6f60;--accent:var(--ast-global-color-0,#a8321f);--line:#e3d9c6;
width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:var(--bg);color:var(--text);box-sizing:border-box;
font-size:16px;line-height:1.75;font-family:inherit;letter-spacing:0;text-transform:none;hyphens:manual;word-break:normal;overflow-wrap:break-word;
text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-synthesis:none}
@media (prefers-color-scheme:dark){#kt-app[data-theme="system"]{--bg:#17140f;--surface:#211c15;--text:#e8dfcf;--muted:#9a8f7c;--accent:#d9674f;--line:#352d22;color-scheme:dark}}
#kt-app[data-theme="dark"]{--bg:#17140f;--surface:#211c15;--text:#e8dfcf;--muted:#9a8f7c;--accent:#d9674f;--line:#352d22;color-scheme:dark}
#kt-app[data-theme="sepia"]{--bg:#ead9b8;--surface:#f1e3c6;--text:#3b2f1c;--muted:#7d6a48;--accent:var(--ast-global-color-0,#8c2a14);--line:#d6c29a}
#kt-app[data-theme="light"]{--bg:#fff;--surface:#f5f5f3;--text:#1d1d1b;--muted:#6b6b66;--accent:var(--ast-global-color-0,#b0301c);--line:#e4e4e0}
#kt-app *{box-sizing:border-box}
#kt-app [hidden]{display:none!important}
#kt-app h1{color:var(--text);margin:.2em 0 .1em;font-size:26px;line-height:1.35;font-weight:700;text-transform:none}
#kt-app h2{color:var(--text);text-transform:none;line-height:1.4}
#kt-app p{margin:0 0 1em;color:inherit}
#kt-app button{font:inherit;font-size:14px;font-weight:400;line-height:1.4;background:var(--kt-btn-bg,var(--surface));color:var(--kt-btn-fg,var(--text));border:1px solid var(--kt-btn-bd,var(--line));border-radius:var(--kt-radius,8px);padding:6px 11px;cursor:pointer;min-height:0;box-shadow:none;text-transform:none;letter-spacing:0;text-decoration:none;width:auto}
#kt-app button:hover,#kt-app button:focus{border-color:var(--accent);background:var(--kt-btn-bg,var(--surface));color:var(--kt-btn-fg,var(--text))}
#kt-app button[disabled]{opacity:.4;cursor:default}
#kt-app .kt-head{position:sticky;top:var(--kt-top,var(--wp-admin--admin-bar--height,0px));z-index:20;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px}
#kt-app .kt-logo{font-weight:700;font-size:20px;color:var(--accent);cursor:pointer}
#kt-app .kt-tools{display:flex;gap:6px}
#kt-app .kt-main{max-width:var(--kt-main-w,980px);margin:0 auto;padding:22px 20px 60px}
#kt-app .kt-main.wide{max-width:none;padding:0 0 60px}
#kt-app .kt-hero{padding:16px var(--kt-pad-x,clamp(18px,6vw,64px)) 14px}
#kt-app .kt-sub{color:var(--muted);font-size:14px;margin:4px 0 14px}
#kt-app input.kt-srch{display:block;width:100%;height:auto;font:inherit;font-size:16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0;box-shadow:none}
#kt-app input.kt-srch:focus{border-color:var(--accent);outline:none}
#kt-app .kt-grid{display:grid;grid-template-columns:repeat(var(--kt-cols,3),1fr);gap:var(--kt-gap,clamp(12px,2.6vw,28px));padding:4px var(--kt-pad-x,clamp(18px,6vw,64px)) 0}
#kt-app .kt-tile{cursor:pointer;position:relative;min-width:0}
#kt-app .kt-cv{aspect-ratio:2/3;overflow:hidden;position:relative;border-radius:var(--kt-cv-radius,10px);box-shadow:0 8px 22px rgba(0,0,0,.2);transition:transform .25s}
#kt-app .kt-tile:hover .kt-cv{transform:translateY(-4px)}
#kt-app .kt-cv svg,#kt-app .kt-cv img{width:100%;height:100%;max-width:none;display:block;object-fit:cover;margin:0;border-radius:0;box-shadow:none;transition:transform .4s}
#kt-app .kt-tile:hover svg,#kt-app .kt-tile:hover img{transform:scale(1.06)}
#kt-app .kt-bd{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font:700 11px/1.6 sans-serif;padding:0 8px;border-radius:20px}
#kt-app .kt-cap{padding:10px 2px 14px;text-align:center}
#kt-app .kt-cap b{display:block;font-size:clamp(12px,2.4vw,17px);line-height:1.4}
#kt-app .kt-cap .kt-cs{display:block;font-style:italic;font-size:clamp(10px,1.8vw,13px);color:var(--muted)}
#kt-app .kt-empty{grid-column:1/-1;padding:40px 16px;text-align:center;color:var(--muted)}
#kt-app .kt-back{color:var(--accent);cursor:pointer;font-size:14px;display:inline-block;margin-bottom:12px}
#kt-app .kt-list{margin-top:18px}
#kt-app .kt-chap{display:flex;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer}
#kt-app .kt-chap:hover{color:var(--accent)}
#kt-app .kt-meta{color:var(--muted)}

/* Nội dung truyện: font có dấu tiếng Việt đầy đủ, giãn dòng đủ cho dấu chồng */
#kt-app .kt-read{font-family:var(--kt-read-font,"Noto Serif","Times New Roman","Palatino Linotype",Georgia,serif);line-height:var(--kt-lh,1.8)}
#kt-app .kt-read h1{text-align:center;font-size:1.2em;margin-bottom:18px}
#kt-app .kt-read p{text-indent:1.6em;text-align:justify}
#kt-app .kt-nav{display:flex;justify-content:space-between;gap:10px;margin-top:30px}
#kt-app .kt-pl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 22px;position:sticky;top:calc(var(--kt-top,var(--wp-admin--admin-bar--height,0px)) + 56px);z-index:10;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;text-indent:0}
#kt-app .kt-pl button{min-width:40px}
#kt-app .kt-pl .kt-pp{background:var(--accent);color:#fff;border-color:var(--accent)}
#kt-app .kt-pl input[type=range]{flex:1 1 120px;min-width:0;width:auto;padding:0;margin:0;border:0;background:transparent;accent-color:var(--accent)}
#kt-app .kt-tm{font-size:12px;color:var(--muted);white-space:nowrap}

/* Nút Thích */
#kt-app .kt-likes{display:flex;align-items:center;gap:10px;margin:2px 0 16px}
#kt-app .kt-cmhd{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin:0 0 14px}
#kt-app .kt-cmhd .kt-likes{margin:0}
#kt-app .kt-like{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:var(--kt-radius,8px);font-size:15px;font-weight:600;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;background:var(--surface);color:var(--muted);border:1px solid var(--line);transition:background .2s,color .2s,border-color .2s,transform .15s}
#kt-app .kt-like:hover{color:var(--accent);border-color:var(--accent);background:var(--surface)}
#kt-app .kt-like .kt-ic{display:inline-flex}
#kt-app .kt-like .kt-ln{min-width:1.2em;padding-left:10px;border-left:1px solid currentColor;font-variant-numeric:tabular-nums;opacity:.9}
#kt-app .kt-like.on,#kt-app .kt-like.on:hover{background:var(--kt-like-on,var(--accent));color:#fff;border-color:var(--kt-like-on,var(--accent))}
#kt-app .kt-like.pop .kt-ic{animation:ktpop .35s ease}
@keyframes ktpop{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-12deg)}100%{transform:scale(1)}}
#kt-app .kt-lmsg{font-size:13px;color:#c0392b;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif}

/* Bình luận */
#kt-app .kt-cmwrap{max-width:var(--kt-cm-w,none);margin:36px auto 0;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
#kt-app .kt-cmt{font-size:20px;margin:0;color:var(--text)}
#kt-app .kt-cmf{border:1px solid var(--line);background:var(--surface);border-radius:var(--kt-card-radius,14px);padding:14px}
#kt-app .kt-cmf input[type=text],#kt-app .kt-cmf textarea{display:block;width:100%;height:auto;font:inherit;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:0 0 10px;box-shadow:none}
#kt-app .kt-cmf input[readonly]{opacity:.75}
#kt-app .kt-cmf textarea{resize:vertical;min-height:96px}
#kt-app .kt-cmf input:focus,#kt-app .kt-cmf textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
#kt-app .kt-cmf .kt-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;margin:0;padding:0;border:0}
#kt-app .kt-cmact{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#kt-app .kt-cnt{font-size:12px;color:var(--muted)}
#kt-app .kt-st{flex:1;font-size:13px;color:var(--muted);min-width:0}
#kt-app .kt-st.bad{color:#c0392b}
#kt-app .kt-send{background:var(--kt-send-bg,var(--accent));color:var(--kt-send-fg,#fff);border-color:var(--kt-send-bg,var(--accent));padding:8px 26px;font-size:15px;font-weight:600;border-radius:var(--kt-radius,8px)}
#kt-app .kt-send:hover,#kt-app .kt-send:focus{background:var(--kt-send-bg,var(--accent));color:var(--kt-send-fg,#fff);filter:brightness(1.08)}
#kt-app .kt-cmempty{color:var(--muted);text-align:center;margin:22px 0 4px}
#kt-app .kt-cml{margin-top:14px}
#kt-app .kt-cmi{display:flex;gap:12px;padding:14px;margin:0 0 10px;border:1px solid var(--line);border-radius:var(--kt-card-radius,14px);background:var(--surface)}
#kt-app .kt-new{animation:ktnew .8s ease}
@keyframes ktnew{from{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}to{background:var(--surface)}}
#kt-app .kt-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
#kt-app .kt-cmm{flex:1;min-width:0}
#kt-app .kt-cmh{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:4px}
#kt-app .kt-cmh b{font-size:15px;color:var(--text)}
#kt-app .kt-time{font-size:12px;color:var(--muted)}
#kt-app .kt-badge{font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 8px}
#kt-app .kt-del{margin-left:auto;font-size:12px;padding:1px 9px;color:#c0392b;border-color:#c0392b}
#kt-app .kt-cmb{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;color:var(--text)}
#kt-app .kt-more{display:block;margin:6px auto 0;padding:8px 22px}

/* Nền toàn trang theo chế độ giao diện (Sáng / Giấy cũ / Tối) */
body.kt-page{background:var(--kt-page-bg,transparent)!important}
body.kt-astra .site,body.kt-astra .site-content,body.kt-astra #content,body.kt-astra #primary,body.kt-astra .site-main,body.kt-astra .entry-content,body.kt-astra .site-content>.ast-container{background:var(--kt-page-bg,transparent)!important}
#kt-app{min-height:60vh}

/* Astra: bỏ khung nội dung, tiêu đề trang, sidebar để web tràn viền */
body.kt-astra .entry-header,body.kt-astra .comments-area,body.kt-astra #secondary,body.kt-astra .ast-breadcrumbs-wrapper{display:none!important}
body.kt-astra .site-content>.ast-container{max-width:none;padding-left:0;padding-right:0;display:block}
body.kt-astra #primary{width:100%;max-width:none;margin:0!important;padding:0!important;border:0}
body.kt-astra .site-main,body.kt-astra .entry-content,body.kt-astra .ast-article-post,body.kt-astra .ast-article-single{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.kt-astra #kt-app{width:100%;max-width:none;margin-left:0}

/* Điện thoại: nút Chương trước / sau chừa chỗ giữa; nút về đầu trang đặt giữa cuối trang */
@media (max-width:768px){
  #kt-app .kt-main{padding-bottom:90px}
  #kt-app .kt-nav button{white-space:nowrap;font-size:13px;padding:6px 8px}
  /* Trình phát audio gọn trên một dòng */
  #kt-app .kt-pl{flex-wrap:nowrap;gap:6px;padding:8px 10px}
  #kt-app .kt-pl button{min-width:0;padding:5px 8px;font-size:13px;white-space:nowrap}
  #kt-app .kt-pl input[type=range]{flex:1 1 0;min-width:44px}
  #kt-app .kt-pl .kt-tm{font-size:11px}
  #kt-app .kt-cmi{padding:12px;gap:10px}
  /* Trang chủ trên điện thoại: chỉ hiện "Hoàn thành (Chương N)" / "Updating (Chương N)", một dòng, in nghiêng */
  #kt-app .kt-cap .kt-cg{display:none}
  #kt-app .kt-cap .kt-cs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(8px,2.5vw,11px);letter-spacing:-.1px}
  #kt-app .kt-bd{top:6px;left:6px;bottom:auto;right:auto;font-size:10px;padding:0 7px}
  body.kt-astra #ast-scroll-top{left:auto!important;right:16px!important;bottom:16px!important;transform:none}
}

/* Liên kết thật (<a>) cho SEO nhưng giữ nguyên giao diện cũ */
#kt-app a.kt-tile{display:block;color:inherit;text-decoration:none}
#kt-app a.kt-chap{color:inherit;text-decoration:none}
#kt-app a.kt-chap:hover{color:var(--accent)}
#kt-app a.kt-back{text-decoration:none}
/* Tiêu đề H1 ẩn bằng CSS nhưng vẫn có cho trình đọc màn hình và công cụ tìm kiếm */
#kt-app .kt-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Nội dung HTML hiện sẵn (trước khi JavaScript chạy / khi tắt JavaScript) */
#kt-app .kt-seo{max-width:var(--kt-main-w,980px);margin:0 auto;padding:20px}
#kt-app .kt-seo a{color:var(--accent)}
body.kt-astra .post-navigation,body.kt-astra .ast-single-related-posts-container,body.kt-astra .ast-author-box{display:none!important}

/* Trang truyện: tên truyện, tác giả, thể loại căn giữa; nút Đọc tiếp (trái) và nút Thích (phải) cùng một hàng */
#kt-app .kt-c{text-align:center}
#kt-app .kt-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 0}
#kt-app .kt-actions .kt-likes{margin:0}
#kt-app .kt-actions>button{padding:7px 14px;font-size:15px;font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif}
#kt-app .kt-lmsg:empty{display:none}

/* Thanh nghe audio tự ẩn / hiện khi cuộn */
#kt-app .kt-pl{transition:transform .25s ease,opacity .25s ease,visibility 0s linear 0s}
#kt-app .kt-pl.kt-pl-off{transform:translateY(-140%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s}