@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@100..900&family=Lexend:wght@300;400;700;900&family=Noto+Serif+TC:wght@200..900&display=swap";:root{--header-bg:#2c3e50;--header-color:#fff;--body-bg:#f7f7f7;--text-color:#000;--dark-bg:#111;--dark-text:#eee;--font-scale:1}html{overscroll-behavior-y:none;height:auto;overflow-x:hidden;overflow-y:auto!important}body{background:var(--body-bg);min-height:100vh;color:var(--text-color);margin:0;padding:0;font-family:Merriweather,Noto Serif TC,serif;transition:background .3s,color .3s}body.dark{background:var(--dark-bg);color:var(--dark-text)}#root{display:block}.app-container{width:100%;min-height:100vh;display:block}header{height:clamp(50px, calc(50px * var(--font-scale)), 75px);background:var(--header-bg);color:var(--header-color);padding:0 10px;padding-top:env(safe-area-inset-top);z-index:100;font-size:clamp(14px, calc(14px * var(--font-scale)), 20px);align-items:center;transition:transform .3s ease-out;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}header select,header button{height:clamp(28px, calc(32px * var(--font-scale)), 44px);font-size:inherit;flex-shrink:1;min-width:0}.hdr-dropdown{flex-shrink:1;min-width:0}.hdr-dropdown-btn{height:clamp(28px, calc(32px * var(--font-scale)), 44px);color:var(--header-color);font-size:inherit;white-space:nowrap;cursor:pointer;user-select:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:4px;align-items:center;gap:4px;padding:0 8px;display:flex}.hdr-dropdown-btn:hover{background:rgba(255,255,255,.22)}.hdr-dropdown-arrow{opacity:.7;flex-shrink:0;font-size:.6em}.hdr-dropdown-list{background:var(--header-bg);z-index:1000;border:1px solid rgba(255,255,255,.2);border-radius:4px;width:max-content;max-width:min(260px,80vw);max-height:60vh;margin:0;padding:4px 0;list-style:none;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.35)}.hdr-dropdown-item{white-space:nowrap;cursor:pointer;color:var(--header-color);font-size:inherit;padding:6px 14px}.hdr-dropdown-item:hover{background:rgba(255,255,255,.15)}.hdr-dropdown-item.selected{background:rgba(255,255,255,.22);font-weight:700}.dark .hdr-dropdown-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.dark .hdr-dropdown-list{background:#1a252f;border-color:#4a6080}.dark .hdr-dropdown-item:hover{background:rgba(255,255,255,.1)}header.hidden{transform:translateY(-100%)}#content{padding-top:calc(clamp(50px, calc(50px * var(--font-scale)), 75px) + env(safe-area-inset-top));width:100%}.verse{padding:2px 12px;line-height:1.65;display:block}.prefix{color:#888;margin-right:8px;font-size:.9em}.verse-content{display:inline}@media (min-width:768px){.verse{align-items:flex-start;display:flex}.prefix{flex-shrink:0;min-width:4.5em;margin-right:0;display:block}.verse-content{flex:1;display:block}}.chi-text{display:inline}.eng-text{color:#777;font-size:.9em;line-height:1.3;display:block}.dark .eng-text{color:#aaa}.strong-number{color:#c0392b;vertical-align:super;cursor:pointer;opacity:.8;margin:0 1px;font-family:sans-serif;font-size:.65em;text-decoration:underline}.strong-number.visited{color:#2daf2b;opacity:.6}.dark .strong-number{color:#e74c3c}.dark .strong-number.visited{color:#2daf2b}.tools{top:50%;left:calc(env(safe-area-inset-left) - 40px * var(--font-scale));backdrop-filter:none;box-shadow:none;z-index:20;opacity:0;width:calc(60px * var(--font-scale));box-sizing:border-box;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px);overscroll-behavior:contain;background:0 0;border-radius:0 8px 8px 0;flex-direction:column;align-items:flex-end;padding:8px 4px;transition:opacity .3s,left .3s,background .3s;display:flex;position:fixed;overflow-x:hidden;overflow-y:auto;transform:translateY(-50%)}.tools:hover,.tools.active{opacity:1;left:calc(env(safe-area-inset-left) - 20px * var(--font-scale));backdrop-filter:blur(10px);background:rgba(255,255,255,.85);transition:opacity .3s,background .3s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.tools.forced-hidden,.tools.forced-hidden:hover,.tools.forced-hidden.active{pointer-events:none;opacity:0!important;left:calc(env(safe-area-inset-left) - 40px)!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important}.tools::-webkit-scrollbar{width:0;height:0}.tools>*{pointer-events:none;transition:pointer-events}.tools:hover>*,.tools.active>*{pointer-events:auto;transition:pointer-events 0s .3s}.tools>:not(:last-child){margin-bottom:8px}.tools button{width:calc(32px * var(--font-scale));height:calc(32px * var(--font-scale));cursor:pointer;font-size:calc(14px * var(--font-scale));background:#fff;border:1px solid #ddd;border-radius:6px;flex-shrink:0}@media (max-width:480px),(max-height:740px){.tools{width:calc(56px * var(--font-scale));padding:6px 3px}.tools>:not(:last-child){margin-bottom:6px}.tools button{width:calc(30px * var(--font-scale));height:calc(30px * var(--font-scale))}}#nav-panel{right:0;top:calc(clamp(50px, calc(50px * var(--font-scale)), 75px) + env(safe-area-inset-top));opacity:0;z-index:5;background:0 0;border-left:none;width:30px;transition:opacity .3s ease-in-out,width .3s,background .3s,top .3s ease-out;position:fixed;bottom:0;overflow-x:hidden;overflow-y:auto}header.hidden~#nav-panel{top:env(safe-area-inset-top)}#nav-panel:hover,#nav-panel.active{opacity:1;width:calc(100px * var(--font-scale));background:#eee;border-left:1px solid #ddd;transition:opacity .3s ease-in-out,background .3s,top .3s ease-out}#nav-panel.forced-hidden,#nav-panel.forced-hidden:hover,#nav-panel.forced-hidden.active{pointer-events:none;opacity:0!important;background:0 0!important;border-left:none!important;width:30px!important}#nav-panel>*{pointer-events:none;transition:pointer-events}#nav-panel:hover>*,#nav-panel.active>*{pointer-events:auto;transition:pointer-events 0s .3s}.book-item{cursor:pointer;text-align:center;font-weight:700;font-size:calc(16px * var(--font-scale));user-select:none;color:#333;border-bottom:1px solid rgba(0,0,0,.05);padding:12px 0}.chapter-grid{background:0 0;grid-template-columns:repeat(3,1fr);padding:4px 0;display:grid}.chapter-grid div{cursor:pointer;font-size:calc(16px * var(--font-scale));text-align:center;user-select:none;color:#666;padding:6px 0}.book-item:hover,.chapter-grid div:hover{color:#fff;background:#a21919}.dark header{background:#1a252f}.dark header select{color:#fff;background:#2c3e50;border-color:#4a6080}.dark #nav-panel:hover,.dark #nav-panel.active{background:#222;border-left:1px solid #444}.dark .book-item{color:#ccc}.dark .chapter-grid div{color:#aaa}.dark .tools:hover,.dark .tools.active{background:rgba(30,30,30,.9);box-shadow:0 4px 16px rgba(0,0,0,.4)}.dark .tools button{color:#eee;background:#2a2a2a;border-color:#555}#selection-controls{z-index:100;background:rgba(255,255,255,.9);border-radius:30px;padding:10px 20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 15px rgba(0,0,0,.2)}#selection-controls.active{transform:translate(-50%)translateY(0)}#selection-controls>:not(:last-child){margin-right:20px}#selection-controls button{cursor:pointer;color:#555;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .2s;display:flex}#selection-controls button:active{transform:scale(.9)}.bookmark-button{box-shadow:0 4px 10px rgba(231,76,60,.3);color:#fff!important;background:#e74c3c!important}.selectable{cursor:pointer;transition:background-color .2s}.selected{background-color:rgba(231,76,60,.1);border-left:3px solid #e74c3c}.dark #selection-controls{background:rgba(30,30,30,.9)}.dark #selection-controls button{color:#eee;background:#333}#overlay{z-index:900;opacity:0;visibility:hidden;background:rgba(0,0,0,.5);width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}#overlay.active{opacity:1;visibility:visible}#bookmark-panel{z-index:1000;opacity:0;visibility:hidden;background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 10px 25px rgba(0,0,0,.2)}#bookmark-panel.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.bookmark-header{color:#333;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;font-size:18px;font-weight:700;display:flex}.bookmark-list{flex:1;padding:0;overflow-y:auto}.bookmark-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .2s;display:flex}.bookmark-item:last-child{border-bottom:none}.bookmark-item:hover{background:#f9f9f9}.bookmark-info{cursor:pointer;color:#444;flex:1;font-size:16px}.bookmark-time{color:#999;margin-top:4px;font-size:12px;display:block}.bookmark-delete{color:#ccc;cursor:pointer;padding:8px;font-size:18px;transition:color .2s}.bookmark-delete:hover{color:#e74c3c}.dark #bookmark-panel{color:#eee;background:#222}.dark .bookmark-header{color:#eee;border-bottom-color:#333}.dark .bookmark-item{border-bottom-color:#333}.dark .bookmark-item:hover{background:#2a2a2a}.dark .bookmark-info{color:#ddd}