.reader-surface{--reader-size:20px;--reader-line:1.9;background:#fbf9f2;color:#23382d;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-top:150px}.reader-body{font-size:var(--reader-size)!important;line-height:var(--reader-line)!important;letter-spacing:.04em!important;overflow-wrap:anywhere}.reader-body p{font-size:inherit!important;line-height:inherit!important}.reader-tools{position:sticky;top:-1px;z-index:3;background:#fbf9f2f7;border-block:1px solid #b9c0b3;padding:10px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 24px}.reader-tabs{display:flex;gap:8px;flex-wrap:wrap}.reader-tools button,.reader-tools select,.reader-tools summary,.narration-controls button,.narration-controls select{font:inherit;font-size:15px;min-height:44px;padding:8px 12px;border:1px solid #a8b5a6;color:#294734;background:#fbf9f2;cursor:pointer}.reader-tabs [aria-selected=true]{background:#36543f;color:#fff}.reader-prefs label{display:inline-flex;gap:5px;align-items:center;margin:8px}.reader-progress{font-size:13px;color:#495a4c}.reader-surface [hidden],.narration-controls[hidden]{display:none!important}.reader-surface button:focus-visible{outline:2px solid #915131;outline-offset:3px}.narration-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.narration-controls button:disabled{opacity:.4}.narration-audio{width:100%;margin:12px 0}.version-note{font-size:14px;line-height:1.8;color:#4c5c4c;margin:10px 0}.version-picker{font:inherit;font-size:16px;max-width:100%;padding:10px;min-height:44px}.reader-surface .site-music{display:none}.reader-surface .modal-title{font-size:26px}.reader-surface .poem-full-text{text-align:left;white-space:pre-line}.reader-surface .modal-close{position:sticky;top:8px;float:right;z-index:5;min-height:44px;background:#fbf9f2;border:1px solid #a8b5a6;padding:8px 16px}.reader-dialog{width:min(860px,calc(100% - 40px));max-width:none;height:90dvh;max-height:90dvh;margin:auto;border:1px solid #bbc4b5;padding:24px 36px;overflow-y:auto}.reader-dialog::backdrop{background:#1b2b2077}.reader-dialog .modal{max-width:none;width:auto;max-height:none;overflow:visible;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.reader-dialog .guwen-dialog-head{position:sticky;top:-24px;z-index:4;background:#fbf9f2;padding-top:12px}#guwenDialog.reader-dialog{width:min(860px,calc(100% - 40px));height:90dvh;max-height:90dvh}.reader-media-pane{line-height:1.9}.reader-media-pane h3{font-size:19px;margin:16px 0}.reader-media-pane button{min-height:44px}.pc-match{font-size:13px;color:#46634a;line-height:1.8;margin-top:12px}.pc-match mark{background:#e8dcb1;color:#23382d}.pc-versions{font-size:13px;color:#784d35;margin-top:10px}.search-header .search-bar input{min-width:0} @media(max-width:720px){.reader-dialog,#guwenDialog.reader-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;margin:0;padding:16px 20px calc(24px + env(safe-area-inset-bottom))}.reader-tools{gap:8px}.reader-tabs{gap:6px}.reader-tools button{padding:8px 10px}.reader-body{font-size:var(--reader-size)!important}.reader-dialog .guwen-dialog-head{top:-16px}.reader-dialog .modal-title{padding-right:65px;font-size:24px}.reader-progress{font-size:12px}}@media(min-width:721px) and (max-width:1100px){.reader-dialog,#guwenDialog.reader-dialog{width:calc(100% - 48px);height:92dvh;max-height:92dvh}}
.reader-dialog .reader-tools{top:56px}.reader-dialog .reader-prefs[open]{flex-basis:100%}.reader-dialog .reader-prefs label{max-width:100%}.reader-dialog .reader-body{padding-bottom:24px}#poemModal[open]{display:block}