.library[data-v-e53ec637]{margin-top:38px}.library-filter[data-v-e53ec637]{border:1px solid var(--line);border-radius:50px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,460px);max-width:100%;margin-bottom:38px;padding:5px;display:grid;position:relative}.library-filter button[data-v-e53ec637]{cursor:pointer;color:var(--ink-muted);font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:40px;padding:11px 8px;font-size:12px;position:relative}.library-filter button[aria-pressed=true][data-v-e53ec637]{color:var(--button-ink)}.filter-background[data-v-e53ec637]{pointer-events:none;background:var(--button-bg);border-radius:40px;width:calc(33.3333% - 3.33333px);position:absolute;top:5px;bottom:5px;left:5px}.filter-label[data-v-e53ec637]{position:relative}.bookshelf[data-v-e53ec637]{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:20px;display:grid}.collection[data-v-e53ec637]{perspective:800px;min-width:0}.collection-cover[data-v-e53ec637]{aspect-ratio:.64;background:var(--cover);color:var(--cover-ink);transform-origin:10% 90%;border-radius:3px 9px 9px 3px;flex-direction:column;align-items:flex-start;padding:24px 14px 20px 21px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:4px 6px 0 -2px #e6e5dd,5px 8px 0 -2px #d5d8d1,9px 14px 19px -13px #173f454d}.collection:hover .collection-cover[data-v-e53ec637]{transform:translateY(-10px)rotate(-2deg)rotateY(-8deg);box-shadow:4px 6px 0 -2px #e6e5dd,5px 8px 0 -2px #d5d8d1,9px 22px 23px -13px #173f454d}.cover-spine[data-v-e53ec637]{background:#00000008;border-right:1px solid #ffffff18;width:5px;position:absolute;top:0;bottom:0;left:6px}.cover-icon[data-v-e53ec637]{opacity:.8;flex-shrink:0}.collection h3[data-v-e53ec637]{font:500 clamp(14px, 1.48vw, 21px)/1.28 var(--font-display);letter-spacing:-.04em;z-index:1;hyphens:auto;margin-top:25px;position:relative}.cover-art[data-v-e53ec637]{opacity:.25;width:calc(100% + 10px);position:absolute;bottom:35px;right:-5px}.cover-art path[data-v-e53ec637]{stroke:currentColor;stroke-width:.8px}.cover-art circle[data-v-e53ec637]{fill:currentColor}.cover-language[data-v-e53ec637]{opacity:.8;margin-top:auto;padding-top:25px;font-size:8px}.collection-footer[data-v-e53ec637]{color:var(--ink-muted);align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}@media (width<=1100px){.bookshelf[data-v-e53ec637]{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}.collection-cover[data-v-e53ec637]{aspect-ratio:.78;padding:25px}.collection h3[data-v-e53ec637]{max-width:130px;font-size:21px}.cover-language[data-v-e53ec637]{font-size:9px}.cover-art[data-v-e53ec637]{bottom:30px}}@media (width<=600px){.library-filter[data-v-e53ec637]{gap:0;width:100%;margin-bottom:28px;padding:5px}.library-filter button[data-v-e53ec637]{flex:1;padding:11px 6px;font-size:10px}.bookshelf[data-v-e53ec637]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.collection-cover[data-v-e53ec637]{aspect-ratio:.82;padding:19px 16px 18px 22px}.collection h3[data-v-e53ec637]{margin-top:18px;font-size:20px}.cover-language[data-v-e53ec637]{font-size:8px}.collection-footer[data-v-e53ec637]{margin-top:16px}.cover-art[data-v-e53ec637]{bottom:29px}}@media (prefers-reduced-motion:reduce){.collection-cover[data-v-e53ec637]{transition:none}.collection:hover .collection-cover[data-v-e53ec637]{transform:none}}.reader-panel[data-v-823be331]{flex-direction:column;height:100%;min-height:0;display:flex}.hymn-heading[data-v-823be331]{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.hymn-number[data-v-823be331]{color:var(--page-soft);letter-spacing:.05em;font-size:11px}.favorite-button[data-v-823be331]{margin-right:-4px}.favorite-button.is-saved[data-v-823be331]{color:#b28a39}.favorite-button>span[data-v-823be331]{display:flex}.hymn-title[data-v-823be331]{font:500 25px/1.22 var(--font-display);letter-spacing:-.04em;outline-offset:2px;flex-shrink:0;max-width:240px;margin:2px 0 17px}.hymn-verses[data-v-823be331]{line-height:1.65;font-family:var(--font-display);padding-right:2px;padding-block:14px}.hymn-verses p[data-v-823be331]{margin:0 0 20px}.hymn-verses p[data-v-823be331]:last-child{margin-bottom:10px}@media (width<=1050px){.hymn-title[data-v-823be331]{font-size:23px}}.demo-search[data-v-7051de65]{border:1px solid var(--page-line);color:var(--page-soft);border-radius:6px;flex-shrink:0;align-items:center;gap:7px;padding:5px 8px;display:flex}.demo-search input[data-v-7051de65]{width:100%;min-width:0;color:var(--page-ink);font:inherit;background:0 0;border:0;outline:0;height:30px;font-size:11px}.demo-search[data-v-7051de65]:focus-within{outline-offset:2px;outline:2px solid #7b9d9d}.demo-search input[data-v-7051de65]::-webkit-search-cancel-button{display:none}.demo-search input[data-v-7051de65]::placeholder{color:var(--page-soft)}.result-count[data-v-7051de65]{color:var(--page-soft);margin:0 0 4px;font-size:10px}.search-panel[data-v-7051de65]{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.search-results-window[data-v-7051de65]{padding:14px 5px 14px 0}.demo-results[data-v-7051de65]{margin:0;padding:0;list-style:none}.demo-results button[data-v-7051de65]{text-align:left;border:0;border-bottom:1px solid var(--page-line);width:100%;color:var(--page-ink);cursor:pointer;font:inherit;background:0 0;align-items:center;gap:12px;padding:13px 0;display:flex}.demo-results button>svg[data-v-7051de65]{flex-shrink:0;margin-left:auto}.demo-results button[data-v-7051de65]:hover{color:#4f999d}.result-number[data-v-7051de65]{font-family:var(--font-display);min-width:29px;font-size:17px}.demo-results strong[data-v-7051de65]{font-size:12px;font-weight:500;line-height:1.5;display:block}.demo-results small[data-v-7051de65]{color:var(--page-soft);margin-top:3px;font-size:9px;display:block}.demo-disclaimer[data-v-7051de65],.search-empty[data-v-7051de65]{color:var(--page-soft);margin-top:17px;font-size:10px;line-height:1.7}.search-empty[data-v-7051de65]{font-size:12px}.reading-controls[data-v-05171203]{border-top:1px solid var(--page-line);flex-shrink:0;align-items:center;gap:12px;min-height:45px;margin-top:12px;padding-top:8px;display:flex}.font-label[data-v-05171203]{font-family:var(--font-display);font-size:18px}.font-buttons[data-v-05171203]{align-items:center;gap:4px;display:flex}.font-value[data-v-05171203]{font-variant-numeric:tabular-nums;font-size:11px}.saved-indicator[data-v-05171203]{color:#b28a39;gap:3px;margin-left:auto;display:flex}.hymn-stage .icon-button{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:5px;display:inline-flex}.hymn-stage .icon-button:hover{background:#81989318}.hymn-stage .icon-button:disabled{opacity:.3;cursor:default}.hymn-stage .icon-button svg{flex-shrink:0}.hymn-stage .demo-search .icon-button{min-width:26px;min-height:26px}.hymn-stage .demo-scroll-window{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#92aaa466 transparent;flex:1;min-height:0;overflow-y:auto;mask-image:linear-gradient(#0000,#000 14px calc(100% - 14px),#0000)}.hymn-stage[data-v-9aa089a5]{perspective:1400px;place-items:center;width:100%;min-height:600px;display:grid;position:relative}.song-lines[data-v-9aa089a5]{pointer-events:none;color:#87abb3;opacity:.45;width:calc(100% + 140px);height:100%;position:absolute;inset:20px -70px 0}.song-lines path[data-v-9aa089a5]{stroke:currentColor;stroke-width:1px}.song-lines circle[data-v-9aa089a5]{fill:currentColor}.book-halo[data-v-9aa089a5]{pointer-events:none;background:var(--art-halo);opacity:.55;border-radius:50%;width:490px;height:490px;position:absolute}.hymn-book[data-v-9aa089a5]{width:min(100% - 52px,378px);height:474px;transform-style:preserve-3d;position:relative}.book-cover[data-v-9aa089a5]{pointer-events:none;background:#174853;border-radius:9px 29px 27px 9px;position:absolute;inset:-9px -9px -11px -15px;transform:rotate(-5deg);box-shadow:12px 26px 36px -18px #173f4555}.book-leaf[data-v-9aa089a5]{pointer-events:none;background:var(--book-leaf-bg);transform-origin:0;border:1px solid #d5d9d4;border-radius:3px 17px 17px 3px;position:absolute;inset:0 -3px -4px 5px}.leaf-one[data-v-9aa089a5]{transform:rotate(3deg)}.leaf-two[data-v-9aa089a5]{transform:rotate(1.5deg)}.book-page[data-v-9aa089a5]{--page:var(--reader-paper);--page-ink:var(--reader-ink);--page-soft:var(--reader-muted);--page-line:var(--reader-line);background:var(--page);color:var(--page-ink);border-left:1px solid #ced7ce;border-radius:4px 19px 19px 4px;flex-direction:column;height:100%;padding:18px 26px 14px 30px;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 13px 0 14px -12px #4b5c4e55,3px 4px 10px #203d4110}.demo-toolbar[data-v-9aa089a5]{color:var(--page-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:35px;font-size:10px;display:flex}.demo-brand[data-v-9aa089a5]{align-items:center;gap:8px;display:flex}.demo-tabs[data-v-9aa089a5]{background:color-mix(in srgb, var(--page-line) 55%, transparent);border-radius:7px;flex-shrink:0;gap:0;margin:10px 0 20px;padding:4px;display:flex;position:relative}.demo-tabs button[data-v-9aa089a5]{font:inherit;color:var(--page-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:9px 5px;font-size:11px;position:relative}.demo-tabs button[aria-pressed=true][data-v-9aa089a5]{color:var(--page-ink)}.demo-tabs button>span[data-v-9aa089a5]:last-child{justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.tab-highlight[data-v-9aa089a5]{pointer-events:none;background:var(--page);border-radius:5px;width:calc(50% - 4px);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #26464b13}.demo-content[data-v-9aa089a5]{flex:1;min-height:0;position:relative;overflow:hidden}.book-ribbon[data-v-9aa089a5]{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);z-index:-1;background:#c7a85d;width:22px;height:45px;position:absolute;bottom:-35px;right:35px;transform:rotate(-3deg)}.demo-note[data-v-9aa089a5]{color:var(--ink-muted);text-align:center;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:1px}.note-line[data-v-9aa089a5]{background:#8aa5a5;width:27px;height:1px}@media (width<=1050px){.hymn-stage[data-v-9aa089a5]{min-height:570px}.hymn-book[data-v-9aa089a5]{width:min(100% - 36px,340px)}.book-page[data-v-9aa089a5]{padding:16px 20px 12px 24px}.book-halo[data-v-9aa089a5]{pointer-events:none;width:400px;height:400px}}@media (width<=700px){.hymn-stage[data-v-9aa089a5]{max-width:470px;min-height:570px;margin:10px auto 0}.hymn-book[data-v-9aa089a5]{width:min(100% - 28px,350px);height:462px}.song-lines[data-v-9aa089a5]{width:calc(100% + 60px);inset:0 -30px}.demo-note[data-v-9aa089a5]{font-size:10px;bottom:0}.book-halo[data-v-9aa089a5]{pointer-events:none;width:350px;height:350px}}@media (prefers-reduced-motion:reduce){.book-page[data-v-9aa089a5]{transition:none}}.demo-panel-enter-active[data-v-9aa089a5],.demo-panel-leave-active[data-v-9aa089a5]{transition:opacity .14s,transform .14s}.demo-panel-enter-from[data-v-9aa089a5]{opacity:0;transform:translate(8px)}.demo-panel-leave-to[data-v-9aa089a5]{opacity:0;transform:translate(-8px)}.demo-panel-leave-active[data-v-9aa089a5]{pointer-events:none}@media (prefers-reduced-motion:reduce){.demo-panel-enter-active[data-v-9aa089a5],.demo-panel-leave-active[data-v-9aa089a5]{transition:none}}