.reading-session{
  position:fixed;right:max(26px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
  z-index:6;font:12px/1.6 var(--interface);isolation:isolate;
}
.reading-tools-trigger{
  display:flex;align-items:center;justify-content:center;gap:9px;min-width:86px;min-height:44px;
  padding:10px 15px;border:1px solid var(--line);border-radius:28px;
  background:var(--paper);color:var(--muted);font:12px/1.6 var(--interface);
  box-shadow:0 2px 10px #18251a03;transition:color 220ms ease,border-color 220ms ease,background 220ms ease;
}
.reading-sand-mark{width:20px;height:20px;flex:none}
.reading-tools-trigger:hover,.reading-tools-trigger:focus-visible,.reading-session[data-expanded=true] .reading-tools-trigger{color:var(--ink);background:var(--panel)}
.reading-tools-trigger:focus-visible,.reading-tools-panel button:focus-visible,.reading-tools-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.reading-tools-dot{display:none;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.reading-session[data-reading=active] .reading-tools-dot,.reading-session[data-attention=true] .reading-tools-dot{display:block}
.reading-session[data-attention=true] .reading-tools-trigger{color:var(--ink);border-color:var(--muted)}
.reading-session[data-attention=true] .reading-tools-dot{background:#a56e3a}
.reading-tools-panel{
  position:absolute;right:0;bottom:54px;width:374px;max-width:calc(100vw - 36px);
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px 16px;
  border:1px solid var(--line);border-radius:16px;background:var(--panel);
  box-shadow:0 12px 40px #18251a0c;
  opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
  transition:opacity 420ms ease,transform 420ms cubic-bezier(.2,.65,.3,1),visibility 420ms;
}
.reading-tools-panel::after{content:"";position:absolute;top:100%;right:0;width:100%;height:14px}
.reading-session[data-expanded=true] .reading-tools-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-duration:260ms}
.reading-tools-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.reading-tools-panel button{min-width:44px;min-height:44px;padding:8px 12px;border-radius:6px;font:12px/1.6 var(--interface)}
.reading-tools-panel button:hover:enabled{background:var(--wash)}
.reading-tools-heading #reading-tools-close{padding:8px 0 8px 12px;color:var(--muted);font-size:11px}
.reading-tools-heading #reading-tools-close span{margin-left:5px}
.reading-controls{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 0 13px;border-bottom:1px solid var(--line);margin-bottom:2px}
.reading-meter{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0}
.reading-meter span{color:var(--muted);font-size:11px}
.reading-meter output{font:20px/1.3 var(--interface);font-variant-numeric:tabular-nums;min-width:54px;color:var(--ink)}
.reading-tools-panel #reading-toggle{background:var(--accent);color:var(--paper);min-width:76px}
.reading-tools-panel #reading-toggle:hover:enabled{filter:brightness(.93)}
.reading-tools-panel #reading-end{color:var(--muted)}
.reading-login{min-height:44px;display:flex;align-items:center;width:100%;text-decoration:none;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:4px}
.reading-tools-panel #reading-guide-open,.reading-tools-panel #reading-drafts-open{color:var(--muted);padding:8px 0;margin-right:14px}
.reading-goal-hint{margin-left:auto;color:var(--muted);font-size:11px}
.reading-sync-row{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.reading-sync-row:has(p:empty):not(:has(button:not([hidden]))){display:none}
.reading-sync-row p{margin:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.reading-sync-row .error{color:var(--ink)}
.reading-sync-row button{color:var(--accent);font-size:12px;padding:6px 0}
.book-page{padding-bottom:110px}
@media(max-width:767px){
  .reading-session{right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .reading-tools-panel{max-width:calc(100vw - 28px);padding:10px 16px 14px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .reading-tools-trigger{min-width:80px;padding:10px 13px}
  .reading-controls{gap:6px}
  .reading-tools-panel button{padding-left:10px;padding-right:10px}
}
@media(prefers-reduced-motion:reduce){.reading-tools-panel,.reading-tools-trigger{transition:none}}
.chapter-footer button{min-height:44px;min-width:70px}.quiet-button{min-height:44px}.chapter-reading-actions{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;text-align:center}.chapter-reading-actions button{border:1px solid var(--line);border-radius:6px;padding:10px 20px;min-height:44px;color:var(--accent);font-size:13px}.chapter-reading-actions button:hover{background:var(--wash)}.chapter-reading-actions p{color:var(--muted);font-size:11px;line-height:1.8;margin:12px 0 0}.reading-dialog{width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);overflow:auto;box-shadow:0 20px 100px #11211926;font:14px/1.85 var(--interface)}.reading-dialog::backdrop{background:#17241c66;backdrop-filter:blur(3px)}.reading-dialog header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.reading-dialog header>button{width:44px;height:44px;flex:none;font-size:24px;color:var(--muted);border-radius:50%;margin:-12px -12px 0 0}.reading-dialog header>button:hover{background:var(--wash)}.reading-dialog h2{font:400 29px/1.55 var(--book);margin:6px 0 0}.reading-dialog-kicker{color:var(--muted);font-size:11px;margin:0}.reading-source{background:var(--wash);border-radius:6px;padding:16px 18px;margin:24px 0}.reading-source>p{font:11px/1.6 var(--interface);color:var(--muted);margin:0 0 10px}.reading-source blockquote{font:15px/1.9 var(--english);color:var(--ink);margin:0;overflow-wrap:anywhere;white-space:pre-line;max-height:150px;overflow:auto}.reading-source blockquote[lang=zh-Hans]{font-family:var(--book)}.reading-guide-steps section{padding:15px 0;border-top:1px solid var(--line)}.reading-guide-steps h3{font-size:14px;font-weight:550;margin:0 0 7px}.reading-guide-steps p{font-size:13px;color:var(--muted);margin:0}.reading-guide-reference{font-size:11px;color:var(--muted);line-height:1.9;margin:20px 0 22px}.reading-primary{min-height:44px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--accent);color:var(--paper);border-radius:6px;font-size:13px}.ending-duration{font-size:13px;color:var(--muted);margin:15px 0 20px}.ending-source-details{font-size:12px;color:var(--muted)}.ending-source-details summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}.ending-source-details .reading-source{margin-top:7px}.ending-field{margin-top:24px}.ending-field label{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:8px}.ending-field label span{font-size:11px;color:var(--muted)}.ending-field textarea{width:100%;resize:vertical;max-height:230px;border:1px solid var(--line);border-radius:6px;padding:12px 14px;color:var(--ink);background:var(--paper);line-height:1.85;font-size:14px}.ending-field>button{color:var(--accent);border-bottom:1px solid var(--line);padding:7px 0;min-height:44px;font-size:12px}.ending-field p{font-size:11px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.ending-field p:empty{display:none}.ending-pending{background:var(--wash);padding:9px;border-radius:4px}.ending-actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.ending-actions>button{min-height:44px;color:var(--muted);font-size:12px}.ending-footnote{font-size:11px;color:var(--muted);margin:18px 0 0}.reading-dialog[open]{animation:reading-dialog-enter .18s ease-out}@keyframes reading-dialog-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:767px){.reading-goal-hint{display:none}.reading-dialog{padding:25px 22px;max-height:calc(100dvh - 24px);max-width:calc(100% - 24px)}.reading-dialog h2{font-size:25px}.reading-dialog header>button{margin:-8px -8px 0 0}.reading-login{padding:0 6px;font-size:12px}.chapter-reading-actions p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reading-dialog[open]{animation:none}}
@media(max-width:767px){.ending-field textarea,.composer textarea{font-size:16px}}
.reading-drafts-list{display:grid;gap:12px;margin-top:20px}.reading-drafts-list>button{display:grid;gap:8px;width:100%;text-align:left;padding:16px;background:var(--paper-soft);white-space:normal}.reading-drafts-list span{font-size:11px;color:var(--muted)}.reading-drafts-list strong{font-size:15px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.reading-drafts-list small{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}@media(max-width:767px){.reading-drafts-list>button{padding:14px}}