:root{--bg:#faf8f4;--surface:#fff;--surface-2:#f2eee6;--text:#22262a;--muted:#6b6f75;--line:#e4ded3;--accent:#2f5d73;--accent-soft:#e3edf1;--gold:#b7862d;--select:#fbeec9;--flash:#f7dc8f;--alt-text:#4f5f6b;--shadow:0 8px 30px #00000024;--reading-size:18px;--sans:-apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", sans-serif;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", "MingLiU", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16191c;--surface:#1e2226;--surface-2:#262b30;--text:#e6e3dc;--muted:#9aa0a6;--line:#33393f;--accent:#8cc2d8;--accent-soft:#23343d;--gold:#d9b060;--select:#3f3620;--flash:#5c4a1c;--alt-text:#a9b8c2;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#16191c;--surface:#1e2226;--surface-2:#262b30;--text:#e6e3dc;--muted:#9aa0a6;--line:#33393f;--accent:#8cc2d8;--accent-soft:#23343d;--gold:#d9b060;--select:#3f3620;--flash:#5c4a1c;--alt-text:#a9b8c2;--shadow:0 8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.panes{flex-direction:column;flex:1;min-height:0;display:flex}.pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.panes.is-split .pane-b{border-top:3px solid var(--line)}@media (orientation:landscape) and (width>=700px),(width>=1000px){.panes.is-split{flex-direction:row}.panes.is-split .pane-b{border-top:0;border-left:3px solid var(--line)}}.pane-inner{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pane-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 16px 32px;overflow-y:auto}.pane-body>*{max-width:720px;margin-left:auto;margin-right:auto}.pane-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:52px;padding:6px 8px;display:flex}.pane-title{flex:1;min-width:0;padding:0 4px}.pane-title-main{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.pane-title-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-btn{width:40px;height:40px;color:var(--text);border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:active,.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.icon-spacer{width:8px}.seg{background:var(--surface-2);border-radius:9px;flex:none;padding:2px;display:inline-flex}.seg button{color:var(--muted);border-radius:7px;padding:5px 9px;font-size:13px}.seg button.on{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0000001f}.menu-wrap{position:relative}.menu-backdrop{z-index:20;position:fixed;inset:0}.menu{z-index:21;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:170px;padding:6px;display:flex;position:absolute;top:44px;right:0}.menu button{text-align:left;border-radius:8px;padding:10px 12px}.menu button:active{background:var(--surface-2)}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex}.tabbar button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 0 6px;font-size:11px;display:flex}.tabbar button.on{color:var(--accent)}.btn{background:var(--surface-2);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.btn.primary{background:var(--accent);color:var(--surface)}.btn:active{filter:brightness(.95)}.muted{color:var(--muted)}.small{font-size:13px}.status{text-align:center;color:var(--muted);padding:40px 0}.status.error{flex-direction:column;align-items:center;gap:12px;display:flex}.notice{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:14px}.badge{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:20px;flex:none;padding:2px 7px;font-size:11px}.toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);z-index:100;box-shadow:var(--shadow);border-radius:20px;padding:10px 18px;font-size:14px;position:fixed;transform:translate(-50%)}.continue{text-align:left;background:var(--accent);width:100%;color:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;margin-bottom:16px;padding:14px 16px;display:flex}.continue-label{opacity:.8;font-size:12px}.continue-title{font-size:18px;font-weight:600}.continue-book{opacity:.8;font-size:13px}.section-title{color:var(--muted);margin:18px 4px 6px;font-size:13px;font-weight:600}.entry-list,.toc{margin:0;padding:0;list-style:none}.entry-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.entry-list li+li{border-top:1px solid var(--line)}.entry{text-align:left;width:100%;color:inherit;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.entry:active{background:var(--surface-2)}.entry svg{color:var(--muted);flex:none}.thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;width:44px;height:44px}.entry-title{flex:1;min-width:0}.toc details>summary{cursor:pointer;border-bottom:1px solid var(--line);padding:12px 8px;font-weight:600;list-style-position:inside}.toc .toc{padding-left:12px}.toc-item{text-align:left;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;width:100%;padding:11px 8px;display:flex}.toc-item small{color:var(--muted);font-size:13px}.song-no{min-width:2.4em;color:var(--gold);font-weight:600;display:inline-block}.toc-item.current{color:var(--accent);font-weight:600}.toc-item:active{background:var(--surface-2)}.gl-body{font-size:var(--reading-size);word-break:break-word;line-height:1.85}.serif .gl-body{font-family:var(--serif)}.gl-body[lang=en],.gl-body .alt-lang{line-height:1.6}.gl-body img{border-radius:8px;max-width:100%;height:auto}.gl-body img.icon{vertical-align:middle;width:28px;height:28px;margin-right:6px}.gl-body figure{margin:16px 0}.gl-body .credit,.gl-body figcaption{color:var(--muted);font-size:12px}.gl-body header{text-align:center;margin-bottom:20px}.gl-body h1{margin:12px 0;font-size:1.5em;line-height:1.35}.gl-body h2{margin:1.6em 0 .6em;font-size:1.2em}.gl-body h3,.gl-body h4{margin:1.4em 0 .5em;font-size:1.05em}.gl-body .title-number{color:var(--muted);margin:6px 0;font-size:.9em}.gl-body .subtitle,.gl-body .kicker{color:var(--muted);font-style:italic}.gl-body .intro,.gl-body .study-summary{color:var(--muted);text-align:left;font-size:.92em;font-style:italic}.gl-body .reference,.gl-body .short-reference{display:none}.gl-body .byline{text-align:center;margin:12px 0 20px}.gl-body .byline p{margin:0}.gl-body .byline p:first-child{font-weight:600}.gl-body .byline p+p{color:var(--muted);font-size:.85em}.gl-body img.headshot{object-fit:cover;border-radius:50%;width:64px;height:64px;margin-top:8px}.gl-body p{margin:0 0 .9em}.gl-body .verse{border-radius:6px;margin:0 -6px .55em;padding:2px 6px}.gl-body .verse-number{color:var(--gold);font-size:.8em;font-weight:700;font-family:var(--sans);margin-right:2px}.gl-body sup.marker:before{content:attr(data-value)}.gl-body sup.marker{color:var(--accent);font-size:.6em;font-family:var(--sans);margin-right:1px}.hide-markers .gl-body sup.marker{display:none}.gl-body [data-note]{color:inherit;cursor:pointer;text-decoration:none}.gl-body [data-ref-uri],.gl-body a[href]{color:var(--accent);text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gl-body .song-number{color:var(--gold);margin:0;font-size:1.3em;font-weight:700}.gl-body .stanza{margin-bottom:1.1em}.gl-body p.line{border-radius:4px;margin:0 0 0 -6px;padding:1px 6px}.gl-body figure.music>.label{color:var(--muted);font-style:italic}.gl-body ul,.gl-body ol{padding-left:1.4em}.gl-body ul.no-marker{padding-left:0;list-style:none}.gl-body figure.for-teacher,.gl-body aside,.gl-body .sidebar{background:var(--surface-2);border-radius:10px;padding:10px 14px}.gl-body footer.notes{color:var(--muted);border-top:1px solid var(--line);margin-top:2em;padding-top:1em;font-size:.85em}.gl-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.gl-body td,.gl-body th{border:1px solid var(--line);padding:4px 8px}.gl-body [data-aid].selected,.gl-body .alt-lang.selected{background:var(--select);border-radius:6px}.gl-body .flash{border-radius:6px;animation:2.4s ease-out flash}@keyframes flash{0%,30%{background:var(--flash)}to{background:0 0}}.gl-body .alt-lang{color:var(--alt-text);font-size:.9em;font-family:var(--sans);border-left:3px solid var(--line);margin-top:-.3em;padding-left:10px}.gl-body .alt-lang.verse{margin-left:0}.gl-body h1.alt-lang,.gl-body h2.alt-lang{border-left:0;padding-left:0}.prev-next{justify-content:space-between;gap:8px;margin-top:28px;display:flex}.prev-next .btn{max-width:48%;overflow:hidden}.prev-next .btn span{text-overflow:ellipsis;overflow:hidden}.audio{width:100%;margin-bottom:12px}.action-bar{z-index:10;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;max-width:720px;margin:0 auto;padding:8px 10px;position:absolute;bottom:8px;left:8px;right:8px}.action-cite{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 4px 6px;font-size:13px;overflow:hidden}.action-btns{align-items:center;gap:6px;display:flex;overflow-x:auto}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:720px;max-height:78vh;box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;animation:.18s ease-out up;display:flex}@keyframes up{0%{opacity:.6;transform:translateY(30px)}}.sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:6px 6px 6px 8px;display:flex}.sheet-grip{width:8px}.sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sheet-body{padding:14px 18px 18px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.note-body,.preview{font-size:calc(var(--reading-size) * .95)}.preview .verse{margin-left:0;margin-right:0}.compare-side+.compare-side{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.compare-side h3{color:var(--muted);letter-spacing:.1em;margin:0 0 6px;font-size:12px}.compare-text{font-size:calc(var(--reading-size) * .95);margin:0 0 8px;line-height:1.8}.serif .compare-side[lang=zh-Hant] .compare-text{font-family:var(--serif)}.compare-text .hl{background:var(--flash);border-radius:4px}.missing{color:var(--gold);background:var(--surface-2);border-radius:8px;padding:8px 12px}.settings .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.settings input[type=range]{flex:1}.settings .val{text-align:right;width:28px;color:var(--muted)}.preview-text{font-family:var(--serif);padding:8px 4px;line-height:1.8}:root:not(.serif) .preview-text{font-family:var(--sans)}:root{--mk-yellow:#fbe38e;--mk-green:#bfe6b5;--mk-blue:#b9dcf2;--mk-pink:#f6c4d4;--mk-purple:#d9c9f0;--danger:#b3261e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mk-yellow:#6b5a1c;--mk-green:#2f5a2a;--mk-blue:#234e6b;--mk-pink:#6b2e42;--mk-purple:#4a3a6b;--danger:#f2b8b5}}:root[data-theme=dark]{--mk-yellow:#6b5a1c;--mk-green:#2f5a2a;--mk-blue:#234e6b;--mk-pink:#6b2e42;--mk-purple:#4a3a6b;--danger:#f2b8b5}.mk-yellow{--mk:var(--mk-yellow)}.mk-green{--mk:var(--mk-green)}.mk-blue{--mk:var(--mk-blue)}.mk-pink{--mk:var(--mk-pink)}.mk-purple{--mk:var(--mk-purple)}.gl-body mark.mk{background:var(--mk);color:inherit;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.05em 0}.gl-body mark.mk.mk-other{border-bottom:3px solid var(--mk);background:0 0;border-radius:0}.gl-body .mark-pin{vertical-align:text-top;background:var(--accent);border-radius:50%;place-items:center;width:1.3em;height:1.3em;margin:0 2px;font-size:.7em;display:inline-grid}.gl-body .mark-pin:before{content:"✎";color:var(--surface);font-size:.85em;line-height:1}.field{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.field:focus{border-color:var(--accent)}.field.area{resize:none;min-height:96px;line-height:1.7;overflow:hidden}.field.search{margin-bottom:10px}.title-field{margin:12px 0 8px;font-size:18px;font-weight:600}.field-label{color:var(--muted);letter-spacing:.05em;margin:18px 0 8px;font-size:12px;font-weight:600}.stack{flex-direction:column;gap:10px;display:flex}.add-row{gap:8px;margin-bottom:14px;display:flex}.error-text{color:var(--danger);margin:0;font-size:14px}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5}.spacer{flex:1}.seg.wide{margin-bottom:12px;display:flex}.seg.wide button{flex:1}.colors{gap:12px;margin:12px 0 4px;display:flex}.swatch{background:var(--mk);border:2px solid #0000;border-radius:50%;width:32px;height:32px}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chips.scroll-x{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chip{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:20px;padding:5px 11px;font-size:14px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chip.new{color:var(--accent);border-style:dashed}.chip.tiny{padding:1px 7px;font-size:11px}.tag-editor .field{margin:4px 0}.filter-row{justify-content:space-between;margin-bottom:8px;display:flex}.note-list{flex-direction:column;gap:10px;display:flex}.note-card,.quote-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:10px 12px;display:flex}.note-card:active,.quote-card:active{background:var(--surface-2)}.quote[class*=bar-]{border-left-style:solid;border-left-width:5px}.bar-yellow{border-left-color:var(--mk-yellow)}.bar-green{border-left-color:var(--mk-green)}.bar-blue{border-left-color:var(--mk-blue)}.bar-pink{border-left-color:var(--mk-pink)}.bar-purple{border-left-color:var(--mk-purple)}.nc-cite{color:var(--accent);align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex}.nc-quote,.nc-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.nc-quote{font-family:var(--serif)}:root:not(.serif) .nc-quote{font-family:var(--sans)}.nc-body{color:var(--muted);white-space:pre-line}.nc-title{font-weight:600}.nc-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.nc-date{margin-left:auto}.empty{text-align:center;color:var(--muted);padding:40px 12px;line-height:1.7}.fab{background:var(--accent);color:var(--surface);box-shadow:var(--shadow);border-radius:28px;padding:12px 18px;font-weight:600;position:absolute;bottom:16px;right:16px}.tag-hash{text-align:center;width:28px;color:var(--gold);font-weight:700}.related{border-top:1px solid var(--line);margin-top:28px;padding-top:8px}.note-edit{padding-bottom:80px}.quote-card .quote-text{font-family:var(--serif);white-space:pre-line;font-size:15px;line-height:1.7}.quote{font-family:var(--serif);color:var(--muted);white-space:pre-line;max-height:7.5em;margin:0 0 8px;padding:6px 12px;font-size:15px;line-height:1.7;overflow:auto}.link-list{margin:0 0 8px;padding:0;list-style:none}.link-list li{border-bottom:1px solid var(--line);align-items:center;display:flex}.link-item{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 4px;display:flex}.link-label{color:var(--accent);text-overflow:ellipsis;overflow:hidden}.pick-list{margin:8px 0 0;padding:0;list-style:none}.pick-list li+li{border-top:1px solid var(--line)}.pick-list button{text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding:10px 4px;display:flex;position:relative}.pick-list .dot{position:absolute;top:16px;left:-10px}.pick-sub{color:var(--muted);font-size:12px}.dot{background:var(--mk);border-radius:50%;width:8px;height:8px}.search-box{gap:8px;margin-bottom:10px;display:flex}.small-chip{padding:3px 10px;font-size:13px}.hint{margin-top:20px;line-height:1.7}.hits{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hit{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:3px;width:100%;padding:10px 12px;display:flex}.hit:active{background:var(--surface-2)}.hit-cat{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.hit-title{color:var(--accent);font-weight:600}.hit-snippet{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.hit-snippet b{color:var(--text)}.btn.more{margin:12px auto;display:flex}.linkish{color:var(--accent);text-decoration:underline}.find-bar{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;margin-bottom:10px;padding:2px 4px 2px 12px;display:flex;position:sticky;top:-12px;box-shadow:0 2px 8px #00000014}.find-q{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-weight:600;overflow:hidden}.gl-body mark.find{color:inherit;outline:2px solid var(--gold);outline-offset:1px;background:0 0;border-radius:2px}.gl-body mark.find.current{background:var(--flash)}.sync-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.sync-box p{margin:0}.row-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-dot{background:#3a9d5d;border-radius:50%;flex:none;width:10px;height:10px}.sync-dot.syncing{background:var(--gold)}.sync-dot.error{background:var(--danger)}.sync-dot.offline{background:var(--muted)}.notice.warn{text-align:left;background:var(--select);width:100%;color:var(--text);display:block}