@font-face{font-family:Paper;src:url(assets/NanumMyeongjo-Regular.ttf);font-display:swap}*{box-sizing:border-box}body{--paper:#fbf8f0;--bg:#eae6dd;--ink:#393c34;--muted:#828477;--line:#d9d9ce;--accent:#57654b;margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,sans-serif}body[data-theme=light]{--paper:#fffefa;--bg:#f0efea}body[data-theme=dark]{--paper:#282d2a;--bg:#1c211e;--ink:#e4e1d6;--muted:#aaa99a;--line:#454c43;--accent:#b7c8a9}body[data-theme=sepia]{--paper:#f5ead5;--bg:#e4d6bc;--ink:#584636;--muted:#99856b;--line:#cfbda0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:11px 14px;border-radius:5px}button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:88px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font-family:Paper,serif;font-size:30px;letter-spacing:.12em}.brand span{font:10px system-ui;display:block;letter-spacing:.18em;margin-top:6px;color:var(--muted)}nav{display:flex;gap:12px}nav button{color:var(--muted)}nav .active{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.actions{display:flex;gap:1px}main{max-width:1040px;margin:0 auto;padding:0 30px}.chapterbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0;color:var(--muted);font-size:12px}.chapterbar button:nth-child(2){font-family:Paper;font-size:17px;color:var(--ink)}.book{position:relative;background:var(--paper);border:1px solid var(--line);min-height:610px;padding:30px 62px 24px;box-shadow:0 22px 55px #29271912,3px 3px 0 var(--paper),5px 5px 0 var(--line);perspective:1600px}.running{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px}#pages{font-family:Paper,Georgia,serif;font-size:var(--font-size,20px);line-height:1.95;padding:30px 0;min-height:490px}h1{font-family:Paper;font-weight:400;font-size:32px;margin:0 0 10px}.subtitle{font:11px system-ui;letter-spacing:.2em;color:var(--muted);margin-bottom:30px}.verse{display:grid;grid-template-columns:24px 1fr;margin-bottom:20px;gap:8px}.verse sup{font:10px system-ui;color:var(--muted);padding-top:12px}.pair{display:grid;gap:8px}.en{color:var(--muted);font-size:.83em}.book[data-layout=side] .pair{grid-template-columns:1fr 1fr;gap:30px}.book[data-layout=auto] .pair{grid-template-columns:1fr}mark{color:inherit;border-radius:2px}body[data-theme=dark] mark{color:#252c22}.pagefoot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--muted)}footer span{font-size:11px;letter-spacing:.18em}.demo-label{text-align:center;font-size:10px;color:var(--muted);margin:15px 0 24px}.curl{position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,var(--paper) 70%,#81775f30 92%,var(--paper));transform-origin:left center;backface-visibility:visible;animation:turn var(--turn-speed,650ms) ease-in-out forwards;box-shadow:12px 4px 30px #0002;border-radius:0 2% 8% 0;pointer-events:none}.curl.reverse{transform-origin:right center;animation-name:back}@keyframes turn{0%{transform:rotateY(0)}50%{transform:rotateY(-85deg) skewY(-3deg);border-radius:0 18% 25% 0}100%{transform:rotateY(-175deg);opacity:0}}@keyframes back{0%{transform:rotateY(0)}100%{transform:rotateY(175deg);opacity:0}}#scoreStage{height:65vh;min-height:320px;overflow:hidden;touch-action:none;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}#score{max-width:100%;max-height:100%;transform-origin:center center;user-select:none;pointer-events:none}body[data-theme=dark] #score{filter:invert(.84) sepia(.1)}.scoretools{display:flex;justify-content:center;align-items:center;gap:12px}dialog{width:min(520px,calc(100vw - 30px));max-height:85vh;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#17201855;backdrop-filter:blur(3px)}.panelhead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:20px}.panelhead h2{font-family:Paper;font-size:23px;font-weight:400}label{display:block;margin:18px 0}select,input:not([type=checkbox]),textarea{width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:5px;margin-top:8px}input[type=range]{padding:0}textarea{min-height:120px}.primary{background:var(--accent);color:var(--paper);width:100%;margin-top:12px}.hint{font-size:12px;line-height:1.8;color:var(--muted)}.card{border:1px solid var(--line);border-radius:6px;padding:15px;margin:12px 0;line-height:1.6}.card p{margin:5px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{font-size:10px;border:1px solid var(--line);padding:3px 8px;border-radius:20px}#selectionToolbar{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:5;background:var(--paper);border:1px solid var(--line);box-shadow:0 7px 35px #0002;border-radius:12px;white-space:nowrap}#selectionToolbar button{padding:12px 8px}#selectionToolbar button[data-color]{color:var(--swatch);font-size:23px;padding:6px}#toast{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:5px;opacity:0;pointer-events:none;font-size:12px;z-index:10}.note-marker{font:12px system-ui;padding:2px 5px}.focus header,.focus .chapterbar{visibility:hidden}.focus header{height:20px}.focus .chapterbar{height:0;margin:5px}body[data-spread=yes] #pages{columns:2;column-gap:65px;column-rule:1px solid var(--line)}body[data-spread=yes] .verse{break-inside:avoid}@media(min-width:800px){.book[data-layout=auto] .pair{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:650px){header{height:auto;min-height:110px;padding:14px 16px;flex-wrap:wrap}.brand{font-size:23px}.brand span{font-size:8px}.actions button{padding:8px;font-size:12px}nav{order:3;width:100%;justify-content:center;gap:30px;margin-top:12px}main{padding:0 12px}.chapterbar{margin:12px 0}.chapterbar>span{font-size:10px}.chapterbar button{padding:8px;font-size:11px}.chapterbar button:nth-child(2){font-size:14px}.book{padding:22px 24px;min-height:650px}#pages{padding-top:25px;font-size:var(--font-size,19px)}.book[data-layout=side] .pair{gap:15px}h1{font-size:28px}.pagefoot span:first-child{font-size:9px}#selectionToolbar{max-width:96vw;white-space:normal;width:max-content;bottom:30px}#selectionToolbar button{padding:8px 6px}body[data-spread=yes] #pages{columns:1}.focus nav{display:none}}@media(prefers-reduced-motion:reduce){.curl{animation:none}}
footer{justify-content:center}.pickersteps{font-size:12px;color:var(--muted);margin-bottom:20px}.testaments{display:grid;grid-template-columns:1fr 1fr;gap:14px}.testaments button{border:1px solid var(--line);font-family:Paper;font-size:24px;padding:30px 10px}.pickergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.pickergrid button{border:1px solid var(--line);padding:14px 6px}.pickergrid.numbers{grid-template-columns:repeat(5,1fr)}.verse:target{outline:1px solid var(--accent);outline-offset:8px}

.memo-underline{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:#b3914f;text-decoration-thickness:1px;text-underline-offset:5px}.memo-sticky{display:inline-block;width:22px;height:24px;padding:2px;vertical-align:baseline;margin-left:3px;line-height:1;color:#c4a454;user-select:none}.memo-sticky svg{width:18px;height:18px;vertical-align:middle}.memo-sticky:hover{color:var(--accent)}

.memo-end{white-space:nowrap}

.edition-caption{font:10px system-ui;opacity:.75;margin-bottom:5px}.edition-text{font-size:1em}.missing-verse{font:12px system-ui;opacity:.65}#editionLabel{max-width:38%;font-size:11px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=dark] .edition-text,body[data-theme=dark] .edition-caption{filter:brightness(1.9)}input[type=color]{height:40px;padding:3px}

#editionLabel{max-width:none;flex-shrink:0;min-height:46px;padding:12px 18px;font-size:16px;font-weight:600;color:var(--ink);background:var(--paper);border:1px solid var(--accent);border-radius:8px;box-shadow:0 2px 5px #00000008;white-space:nowrap;text-align:center}#editionLabel:hover{background:color-mix(in srgb,var(--accent) 12%,var(--paper))}@media(max-width:650px){.chapterbar{flex-wrap:wrap;gap:8px}.chapterbar #editionLabel{font-size:15px;padding:12px 15px;min-height:46px}.chapterbar #chapterPicker{font-size:14px}.chapterbar #focus{margin-left:auto}}

#editionLabel{min-height:40px;padding:9px 10px;font-size:14px;font-weight:500;background:none;border:0;border-radius:5px;box-shadow:none}#editionLabel:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}@media(max-width:650px){.chapterbar #editionLabel{font-size:13px;padding:9px 8px;min-height:40px}}

dialog.navigation-panel{width:min(700px,calc(100vw - 24px));padding:0;overflow:hidden}.navigation-panel .panelhead{padding:12px 22px;margin:0;background:var(--accent);color:var(--paper)}.navigation-panel .panelhead h2{font:18px system-ui}.picker-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(65px,.8fr) minmax(60px,.75fr);height:min(48vh,440px)}.picker-columns section{overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line)}.picker-columns section:last-child{border-right:0}.picker-columns button{display:block;width:100%;border-radius:0;border-bottom:1px solid var(--line);min-height:53px;font-size:18px;padding:14px 9px}.picker-columns .book-choice{text-align:left;padding:12px 20px;font-family:Paper}.book-choice small{display:block;font:10px system-ui;color:var(--muted);margin-top:4px}.picker-columns button.chosen{background:color-mix(in srgb,var(--accent) 22%,var(--paper));color:var(--ink);font-weight:600}.picker-bottom{border-top:1px solid var(--line);background:var(--bg);padding:10px 12px 14px}.picker-query{display:flex;gap:4px;align-items:center}.picker-query input{margin:0;min-width:0;background:var(--paper);height:44px}.picker-query button{font-size:21px;padding:9px}.initial-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.initial-keys[hidden]{display:none}.initial-keys button{background:var(--paper);font-size:23px;padding:9px;min-height:43px}.empty-picker{padding:12px}.keyword-form{display:flex;gap:8px;align-items:center}.keyword-form input{margin:0;min-width:0}.keyword-form button{background:var(--accent);color:var(--paper);flex-shrink:0}.search-result{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);border-radius:0;padding:15px 4px}.search-result strong{font-size:14px}.search-result small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.search-result p{font-family:Paper;line-height:1.8;margin:9px 0 0}.search-result mark{background:#efdf9d}.verse.search-target{outline:1px solid var(--accent);outline-offset:6px;border-radius:2px}@media(max-width:650px){.picker-columns .book-choice{padding:11px 14px;font-size:18px}.navigation-panel .panelhead{padding:8px 16px}.picker-columns{height:40vh}.picker-columns button{min-height:50px;font-size:17px}.initial-keys button{min-height:40px;padding:7px}.picker-bottom{padding:8px}.actions button{padding:7px}}

.picker-columns button,.picker-columns .book-choice{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:17px;font-weight:400;line-height:1.35}.book-choice small{font-family:inherit;font-size:11px;line-height:1.3}.picker-columns .new-testament{background:color-mix(in srgb,var(--accent) 7%,var(--paper))}.picker-columns .testament-start{margin-top:14px;border-top:1px solid var(--line)}.picker-columns button.chosen{font-weight:600;background:color-mix(in srgb,var(--accent) 22%,var(--paper))}.initial-keys button{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}

.navigation-panel .picker-columns{height:clamp(120px,calc(85dvh - 290px),420px)}

header{height:76px;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;flex-wrap:nowrap;padding:0 26px}.brand{font-size:26px;padding:5px 0}.brand span{font-size:9px;letter-spacing:.08em}header nav{order:initial;width:auto;justify-content:center;gap:12px;margin:0}header nav button{padding:11px 12px;white-space:nowrap}header .actions{display:flex;gap:4px;align-items:center}.icon-button{width:42px;height:42px;display:grid;place-items:center;padding:10px}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.settings-menu{display:grid;gap:5px}.settings-menu button{display:block;text-align:left;padding:17px 12px;border-bottom:1px solid var(--line)}.settings-menu strong{display:block;font-weight:500;font-size:16px}.settings-menu small{display:block;color:var(--muted);margin-top:6px;font-size:12px}@media(max-width:650px){header{height:70px;min-height:70px;padding:0 12px;gap:9px}.brand{font-size:22px;letter-spacing:.07em}.brand span{font-size:8px;letter-spacing:0;white-space:nowrap}header nav{gap:2px;justify-content:center;flex-wrap:nowrap}header nav button{font-size:12px;padding:12px 7px}header .actions{gap:0}header .actions .icon-button{width:36px;height:40px;padding:8px}.icon-button svg{width:20px;height:20px}}@media(max-width:360px){header{gap:5px;padding:0 8px}header nav button{font-size:11px;padding:12px 5px}.brand{font-size:20px}.brand span{font-size:7px}header .actions .icon-button{width:32px}}

select{appearance:none;-webkit-appearance:none;padding:11px 42px 11px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2372786b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}select:disabled{opacity:.6}

.score-picker{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:14px;height:min(65vh,560px);font-family:system-ui}.score-picker #scoreList{overflow-y:auto;overscroll-behavior:contain}.score-choice{display:block;text-align:left;width:100%;padding:16px 10px;border-bottom:1px solid var(--line);border-radius:0;font:15px system-ui}.score-choice.chosen{background:color-mix(in srgb,var(--accent) 16%,var(--paper));color:var(--accent)}.score-jump{display:flex;flex-direction:column;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:12px;font:12px system-ui;color:var(--muted)}.score-jump input[type=number]{width:64px;text-align:center;margin:0;padding:10px 4px;font:16px system-ui}.score-jump input[type=range]{writing-mode:vertical-lr;direction:ltr;flex:1;width:32px;min-height:100px;margin:0;padding:0;accent-color:var(--accent);touch-action:none}.score-jump button{font:13px system-ui;padding:10px;width:64px}

body[data-mode=hymn] .chapterbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:4px}body[data-mode=hymn] #chapterPicker{text-align:center;justify-self:center;width:100%;font-family:system-ui;line-height:1.5}body[data-mode=hymn] #editionLabel{justify-self:start;white-space:normal;text-align:left}body[data-mode=hymn] #focus{justify-self:end;margin-left:0}

.chapterbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:4px}.chapterbar #chapterPicker{text-align:center;justify-self:center;width:100%;line-height:1.5}.chapterbar #editionLabel{justify-self:start;white-space:normal;text-align:left}.chapterbar #focus{justify-self:end;margin-left:0}

/* Reading surface fills the available browser screen. */
body{background:var(--paper)}header{max-width:none}main{max-width:none;width:100%;padding:0}.chapterbar{margin:8px 0;padding:0 clamp(12px,3vw,36px);min-height:48px}.book{width:100%;border:0;box-shadow:none;min-height:calc(100dvh - 140px);padding:24px clamp(20px,5vw,80px)}#pages{max-width:1400px;margin:auto}.running,.pagefoot{max-width:1400px;margin:auto}#scoreStage{width:100%;height:calc(100dvh - 196px);min-height:180px;border:0;background:var(--paper)}#scoreView .scoretools{min-height:44px}main>footer{justify-content:center;margin:4px 0}main>.demo-label{margin:6px 12px 10px}body.focus #scoreStage{height:calc(100dvh - 95px)}@media(max-width:650px){#scoreStage{height:calc(100dvh - 190px)}.book{padding:20px clamp(16px,4vw,32px)}}

.book[data-compare=no] .pair{grid-template-columns:minmax(0,1fr)!important}

#previousScore,#nextScore{font:32px system-ui;min-width:44px;min-height:44px;padding:0 12px;color:var(--accent)}#previousScore:disabled,#nextScore:disabled{opacity:.25;cursor:default}.scoretools{gap:8px}
@media(orientation:portrait){body[data-spread=yes] #pages{columns:1}.book[data-layout=auto] .pair{grid-template-columns:minmax(0,1fr)}}
.book[data-compare=no] #pages{columns:1}.book[data-compare=no] .edition-lane{width:100%;min-width:0}

#exitFocus{display:none;position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:4;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 8px #0001;font:13px system-ui}.focus #exitFocus{display:block}

.compact-bar,body[data-mode=hymn] .compact-bar{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);min-height:62px;margin:0;padding:6px 20px;border-bottom:1px solid var(--line);gap:8px}.compact-bar .brand{text-align:left;font-size:23px;letter-spacing:.06em;justify-self:start;line-height:1.1}.compact-bar .brand span{font-size:9px;margin-top:5px;white-space:nowrap}.compact-bar .actions{display:flex;justify-content:flex-end;gap:3px}.compact-bar #chapterPicker{font:16px system-ui;padding:8px;line-height:1.4}.compact-bar .icon-button{width:36px;height:38px;padding:8px}.compact-bar #bookSwitch{color:var(--accent);border:1px solid var(--accent);border-radius:6px}body[data-mode=hymn] #bookSwitch{background:var(--accent);color:var(--paper)}#exitFocus{display:none!important}@media(max-width:650px){.compact-bar,body[data-mode=hymn] .compact-bar{padding:6px 10px;grid-template-columns:82px minmax(0,1fr) 108px;gap:4px;min-height:58px}.compact-bar .brand{font-size:20px}.compact-bar .brand span{font-size:7px}.compact-bar #chapterPicker{font-size:13px;padding:6px 2px}.compact-bar .actions{gap:0}.compact-bar .icon-button{width:36px}}

@media(min-width:700px) and (orientation:landscape){.book{padding-left:clamp(24px,4vw,70px);padding-right:clamp(24px,4vw,70px)}.book::before{content:"";position:absolute;top:20px;bottom:20px;left:50%;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#534a3420,transparent);pointer-events:none}.book[data-compare=no] #pages{columns:2;column-gap:72px;column-rule:1px solid var(--line)}.book[data-compare=no] .verse{break-inside:avoid}.book[data-compare=no] #pages>h1,.book[data-compare=no] #pages>.subtitle{column-span:all}.book[data-compare=yes] #pages{columns:1}.book[data-compare=yes] .pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:72px}.book[data-compare=yes] .verse{grid-template-columns:18px minmax(0,1fr)}}
.curl{animation-timing-function:cubic-bezier(.32,.02,.18,1);background:linear-gradient(95deg,var(--paper) 62%,color-mix(in srgb,var(--paper) 80%,#8a7960) 92%,var(--paper));box-shadow:14px 0 28px #0002}.curl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#55452b24 91%,#ffffff45);pointer-events:none;animation:paper-shade var(--turn-speed,650ms) ease-in-out forwards}.curl-half{left:50%;right:0;top:0;bottom:0;overflow:hidden;transform-origin:left center;border-radius:0 3px 3px 0}.curl-half.reverse{left:0;right:50%;transform-origin:right center}.turn-copy{position:absolute!important;top:0;left:-100%;width:200%;min-height:100%;margin:0;pointer-events:none}.curl-half.reverse .turn-copy{left:0}.turn-copy::before{display:none}.curl-half{animation-name:turn-half}.curl-half.reverse{animation-name:back-half}@keyframes turn-half{0%{transform:rotateY(0deg);filter:brightness(1)}35%{transform:rotateY(-45deg) skewY(-.8deg);filter:brightness(.98)}70%{transform:rotateY(-115deg) skewY(-1.5deg);filter:brightness(.93)}100%{transform:rotateY(-179deg);opacity:0}}@keyframes back-half{0%{transform:rotateY(0deg)}35%{transform:rotateY(45deg) skewY(.8deg)}70%{transform:rotateY(115deg) skewY(1.5deg)}100%{transform:rotateY(179deg);opacity:0}}@keyframes paper-shade{0%,100%{opacity:0}45%{opacity:1}}@media(prefers-reduced-motion:reduce){.curl::after{animation:none}}

html,body{height:100%;overflow:hidden}main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.compact-bar{flex-shrink:0;position:relative;z-index:3;background:var(--paper)}#reader{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}main>footer,main>.demo-label{flex-shrink:0}.book{min-height:0}#scoreView{flex:1;min-height:0;display:flex;flex-direction:column}#scoreView[hidden],#reader[hidden]{display:none}#scoreStage{position:relative;perspective:1800px;flex:1;min-height:0;height:auto!important;gap:0}.score-leaf{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.score-leaf img,.score-turn-image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;pointer-events:none;transform-origin:center}.second-leaf{display:none}.scoretools{flex-shrink:0}body .compact-bar #bookSwitch{border:0;box-shadow:none}body[data-mode=hymn] #bookSwitch{background:var(--accent);color:var(--paper)}@media(min-width:700px) and (orientation:landscape){#scoreStage>.score-leaf{width:50%}#scoreStage>.second-leaf:not([hidden]){display:flex;border-left:1px solid var(--line)}#scoreStage::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#50432b20,transparent);pointer-events:none;z-index:1}.score-turn-copy .score-leaf{width:50%}.score-turn-copy .second-leaf:not([hidden]){display:flex}}.score-turn-copy{display:flex;align-items:center;justify-content:center;height:100%;background:var(--paper)}.score-turn-copy.curl{width:100%}.score-turn-copy.turn-copy{width:200%}.curl-half{transform-style:preserve-3d}.curl-half::after{background:linear-gradient(90deg,#0002,transparent 16%,transparent 60%,#0003 94%,#fff7)}

.book .running{display:none}
.book #pages{padding-top:8px}

.book[data-compare=yes] .verse>sup{display:none}.book[data-compare=yes] .verse{grid-template-columns:minmax(0,1fr)!important}.book[data-compare=yes] .edition-lane{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}.book .lane-verse-number{font:10px system-ui;color:var(--muted);padding-top:12px}

#quickBookmarks{position:fixed;right:0;top:86px;z-index:4;display:flex;flex-direction:column;gap:10px}#quickBookmarks[hidden]{display:none}.quick-bookmark{position:relative;width:34px;height:44px;padding:3px 6px;color:var(--paper);border-radius:0}.quick-bookmark svg{width:24px;height:34px;fill:var(--accent);stroke:var(--accent);stroke-width:1}.quick-bookmark span{position:absolute;top:10px;left:0;right:0;font:12px system-ui;text-align:center}.quick-bookmark.empty{opacity:.4}.quick-bookmark:hover{background:none;filter:brightness(1.15)}@media(max-width:650px){#quickBookmarks{top:76px;gap:8px}.quick-bookmark{width:28px;padding:3px 2px}.book{padding-right:38px}}

.bookmark-underline{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:5px}.verse-bookmark{display:inline-flex;vertical-align:middle;padding:2px 5px;line-height:1}.verse-bookmark svg{width:14px;height:18px;fill:var(--accent);stroke:var(--accent);stroke-width:1}.bookmark-underline.memo-underline{border-bottom:1px dotted var(--accent);text-decoration-style:wavy}

#quickBookmarks{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 70px)}.verse-bookmark svg{width:18px;height:24px}.verse-bookmark svg text{fill:var(--paper);stroke:none;font:12px system-ui;font-weight:600}@media(max-width:650px){#quickBookmarks{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 70px)}}

.verse.bookmark-target .edition-lane{background:color-mix(in srgb,var(--accent) 10%,var(--paper));border-radius:4px;outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:5px}

dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:85dvh}.panelhead{flex-shrink:0}#panelBody{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}dialog.search-panel{height:min(85dvh,820px)}.search-panel #panelBody{display:flex;flex-direction:column;overflow:hidden;flex:1}.search-controls{flex-shrink:0;background:var(--paper)}.search-controls label{margin-top:0}.search-panel #searchResults{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;-webkit-overflow-scrolling:touch}.navigation-panel #panelBody{overflow:hidden;flex:1}

.edition-lane.selection-other,.edition-lane.selection-other *{user-select:none;-webkit-user-select:none}

#undoHighlight{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:4;background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 12px #0001;font:12px system-ui}#undoHighlight[hidden]{display:none}

.highlight-numbers{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle;user-select:none;-webkit-user-select:none}.highlight-number{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;color:#30342d;font:11px system-ui;font-weight:600;line-height:1;border:1px solid #00000015}.highlight-number:hover{filter:brightness(.95)}

#pages,.book h1,.search-result p{font-family:var(--reading-font,Paper),Georgia,serif}

.compact-bar .brand{font:15px system-ui;letter-spacing:0}.compact-bar .brand span{font:15px Paper;letter-spacing:.04em;color:var(--ink);margin-top:3px}@media(max-width:650px){.compact-bar .brand{font-size:12px}.compact-bar .brand span{font-size:15px}}

.compact-bar .brand,.compact-bar .brand span{font-family:Paper,serif;font-size:16px;font-weight:400;letter-spacing:.02em;color:var(--ink)}@media(max-width:650px){.compact-bar .brand,.compact-bar .brand span{font-size:14px}}

.compact-bar .brand,.compact-bar .brand span{font-family:system-ui,-apple-system,sans-serif;font-weight:500;letter-spacing:0}

.help-guide{font:14px system-ui;line-height:1.85}.help-guide h3{font-size:16px;margin:26px 0 10px}.help-guide h3:first-child{margin-top:0}.help-guide p{color:var(--muted);margin:8px 0 14px}.help-guide ol{padding-left:22px}.help-guide li{margin:8px 0}.help-guide strong{color:var(--ink)}

#appUpdate{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--paper);z-index:8;border-radius:8px}

#reader{touch-action:pan-y pinch-zoom}

dialog.navigation-panel{width:min(620px,calc(100vw - 32px));height:min(78dvh,600px,var(--dialog-viewport,78dvh));max-height:var(--dialog-viewport,calc(100dvh - 32px));margin:auto}.navigation-panel .panelhead{padding:6px 14px;min-height:44px}.navigation-panel .panelhead h2{font-size:16px;margin:8px 0}.navigation-panel #panelBody{display:flex;flex:1;min-height:0;overflow:hidden}.navigation-panel .bible-picker{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.navigation-panel .picker-columns{flex:1;height:auto;min-height:0}.navigation-panel .picker-columns section{min-height:0}.navigation-panel .picker-bottom{flex-shrink:0;padding:6px 8px 8px}.navigation-panel .picker-query input{height:36px;font-size:16px}.navigation-panel .initial-keys{gap:4px;margin-top:6px}.navigation-panel .initial-keys button{font-size:20px;min-height:34px;padding:4px}.navigation-panel[data-short-height=yes] .initial-keys button{min-height:25px;font-size:17px;padding:2px}.navigation-panel[data-short-height=yes] .picker-query input{height:30px}.navigation-panel[data-short-height=yes] .picker-query button{padding:4px;font-size:18px}

main>footer,main>.demo-label,.book .pagefoot{display:none}

main{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.compact-bar,body[data-mode=hymn] .compact-bar{background-color:var(--paper);opacity:1;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;isolation:isolate;position:relative;z-index:5}.compact-bar::before{content:"";position:absolute;inset:0;background:var(--paper);z-index:-1;pointer-events:none}

/* Keep installed iPad controls below the system's softened top edge. */
html[data-ipad-standalone=yes] main{padding-top:calc(env(safe-area-inset-top,0px) + 26px)}