/* DX 듣기 — 글 화면 하단의 읽어주기 버튼과 플레이어. 그림자 없음 · 반응형 · 다크모드 */
#dxtts-bar{position:fixed;left:16px;z-index:9990;box-sizing:border-box;font-family:inherit}
/* 제목 아래 정보 줄의 원형 아이콘 버튼 (글 메뉴 ≡ 버튼과 같은 크기·모양) */
#dxtts-fab.dxtts-ib{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nb-line,var(--border,#d3d4c9));border-radius:50%;background:transparent;color:var(--nb-ink,var(--text-main,#20231f));font-size:14px;cursor:pointer;flex:none;box-sizing:border-box}
#dxtts-fab.dxtts-ib:hover,#dxtts-fab.dxtts-ib.is-on{background:var(--nb-hover,rgba(148,163,184,.18));border-color:var(--nb-ink,var(--text-main,#20231f))}
#dxtts-fab.dxtts-ib.is-on i{color:#0ea5e9}
#dxtts-fab.dxtts-in{margin-left:auto}
#dxtts-fab.dxtts-in + .nb-vmenu{margin-left:8px}
/* 정보 줄이 없는 스킨 : 화면 왼쪽 아래 */
#dxtts-fab.dxtts-float{position:fixed;left:16px;bottom:24px;z-index:9990;display:flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--dxtts-ink,#20231f);border-radius:100px;background:var(--dxtts-ink,#20231f);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;line-height:1}
#dxtts-fab.dxtts-float.is-on{opacity:.75}
#dxtts-bar[hidden]{display:none}
#dxtts-bar{bottom:24px;width:min(560px,calc(100vw - 32px));padding:14px 14px 12px;border:1px solid var(--border,#d3d4c9);border-radius:14px;background:var(--bg-card,#fffefa);color:var(--text-main,#20231f)}
#dxtts-bar *{box-sizing:border-box}
.dxtts-cap{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px}
.dxtts-cap i{margin-top:3px;color:#0ea5e9}
.dxtts-txt{flex:1;min-width:0;font-size:14px;line-height:1.55;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.dxtts-pos{flex:none;font-size:12px;color:var(--text-muted,#6d6f66);font-weight:700;white-space:nowrap}
.dxtts-prog{height:4px;border-radius:4px;background:var(--border,#d3d4c9);overflow:hidden;margin:0 0 12px}
.dxtts-prog b{display:block;height:100%;width:0;background:var(--dxtts-ink,#20231f);transition:width .25s}
.dxtts-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dxtts-row button,.dxtts-row select{height:38px;border:1px solid var(--border,#d3d4c9);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.dxtts-row button{min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dxtts-row button:hover,.dxtts-row select:hover{border-color:var(--text-main,#20231f)}
.dxtts-row button:focus-visible,#dxtts-fab:focus-visible,.dxtts-row select:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}
.dxtts-row .dxtts-play{background:var(--dxtts-ink,#20231f);border-color:var(--dxtts-ink,#20231f);color:#fff;min-width:48px}
.dxtts-row select{padding:0 8px;max-width:100%;background:var(--bg-card,#fffefa)}
.dxtts-row .dxtts-sp{flex:1}
.dxtts-cap .dxtts-x{flex:none;width:30px;height:30px;margin:-4px -4px 0 0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted,#6d6f66);font-size:15px;cursor:pointer}
.dxtts-cap .dxtts-x:hover{color:var(--text-main,#20231f)}
.dxtts-row select[data-a=voice]{flex:1 1 120px;min-width:0;max-width:200px}
.dxtts-note{margin:10px 0 0;font-size:12px;color:var(--text-muted,#6d6f66);line-height:1.5}
body.dark{--dxtts-ink:#d7fb55}
body.dark #dxtts-fab.dxtts-float,body.dark .dxtts-row .dxtts-play{color:#20231f}
@media (max-width:1023px){#dxtts-fab.dxtts-float,#dxtts-bar{bottom:76px;left:12px}#dxtts-bar{width:calc(100vw - 24px)}.dxtts-row select{flex:1 1 38%}}
@media (prefers-reduced-motion:reduce){.dxtts-prog b{transition:none}}