.toolbar,.toolbar button,.quick-tool,.primary-tool{white-space:nowrap;writing-mode:horizontal-tb;word-break:keep-all;flex-shrink:0}
#compareToggle{min-width:58px;padding-inline:14px}.quick-tool{min-width:46px;padding-inline:10px}.translation-select{min-width:150px;max-width:210px}.notebook-button{min-width:62px;padding-inline:12px}
.search-panel{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
.chapter-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:146px;margin:20px auto 28px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.chapter-heading h1{position:absolute;left:50%;top:50%;margin:0;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}
.chapter-bookmark-button{position:absolute;left:calc(50% + 150px);top:50%;z-index:2;min-width:38px;width:38px;height:38px;padding:0;border-color:transparent;border-radius:999px;color:var(--muted);background:transparent;font-size:24px;line-height:1;transform:translateY(-50%)}.chapter-bookmark-button:hover{border-color:var(--line);color:var(--text);background:var(--hover)}.chapter-bookmark-button.active{color:#9a7212;text-shadow:0 0 0 currentColor}
.title-chapter-nav{min-width:108px;padding:11px 16px;color:var(--muted);background:transparent;white-space:nowrap;align-self:flex-end;z-index:1}.title-chapter-nav:hover{color:var(--text);background:var(--hover)}#prevChapterTitle{margin-right:auto}#nextChapterTitle{margin-left:auto}
.reader-view-controls{display:flex;justify-content:center;margin:0 auto 26px}.reader-view-buttons{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--panel) 45%,transparent)}.reader-view-button{min-width:142px;border:0;border-radius:0;padding:9px 18px;color:var(--muted);background:transparent}.reader-view-button+.reader-view-button{border-left:1px solid var(--line)}.reader-view-button.active{color:var(--text);font-weight:700;background:var(--hover)}
#singleReader.dual-page{width:min(calc(var(--reader-width) * 1.5),calc(100vw - 48px));margin-left:50%;transform:translateX(-50%);transition:width .2s ease}#singleReader.dual-page .verses{column-count:2;column-gap:72px;column-rule:1px solid var(--line);padding-inline:34px}#singleReader.dual-page .verse{break-inside:avoid-column;-webkit-column-break-inside:avoid;margin-bottom:13px}
.compare-panel{padding-top:2px}.compare-head-selects{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:14px;position:static;z-index:auto;padding:8px 0 12px;background:var(--bg);border-bottom:1px solid var(--line)}.compare-head-selects .compare-translation-block{display:grid;justify-items:center;align-items:center;justify-content:stretch;text-align:center;padding:0 16px}.compare-head-selects .compare-translation-block select{width:min(100%,500px);text-align:center;text-align-last:center;background:var(--bg)}.compare-head-selects .swap-button{align-self:center}.compare-row .compare-cell:nth-child(2){padding-left:52px}.compare-row .compare-cell:nth-child(2) .compare-verse-number{visibility:hidden}.compare-panel.stacked .compare-head-selects{grid-template-columns:1fr auto 1fr}.compare-panel.stacked .compare-row{grid-template-columns:1fr;gap:0}.compare-panel.stacked .compare-cell:first-child{border-right:0;border-bottom:1px dashed var(--line)}
.verse{padding-right:50px}.verse-actions-trigger{position:absolute;right:8px;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--panel) 72%,transparent);font:700 18px/1 system-ui,sans-serif;opacity:.58;transform:translateY(-50%);transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.verse:hover .verse-actions-trigger,.verse:focus-within .verse-actions-trigger,.verse-actions-trigger:hover{opacity:1;color:var(--text);border-color:var(--line);background:var(--panel)}.verse-action-popover{position:absolute;z-index:80;display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 28px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.verse-action-popover button{padding:7px 10px;white-space:nowrap;border-color:transparent;color:var(--text);background:transparent}.verse-action-popover button:hover{border-color:var(--line);background:var(--hover)}.verse.user-highlight{background:color-mix(in srgb,#e6c85f 28%,var(--bg));box-shadow:inset 4px 0 0 #b28b1f}.verse.user-bookmarked::before{content:'◆';position:absolute;right:12px;top:7px;z-index:4;color:#a77b14;font-size:12px;filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--bg) 70%,transparent))}.verse.user-noted::after{content:'✎';position:absolute;right:11px;bottom:6px;z-index:4;color:#7659a8;font:700 15px/1 system-ui,sans-serif;filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--bg) 70%,transparent))}.verse.user-bookmarked.user-noted::before{top:5px}.verse.user-bookmarked.user-noted::after{bottom:5px}.verse.user-bookmarked .verse-actions-trigger,.verse.user-noted .verse-actions-trigger{right:35px}
.verse-note-editor{position:fixed;left:50%;top:50%;z-index:120;display:grid;gap:12px;width:min(520px,calc(100vw - 28px));padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(18px);transform:translate(-50%,-50%)}.verse-note-editor strong{font-size:14px}.verse-note-editor textarea{width:100%;min-height:150px;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}.verse-note-actions{display:flex;justify-content:flex-end;gap:8px}.verse-note-actions button{padding:8px 12px}
.notebook-panel{position:fixed;top:0;right:0;z-index:130;width:min(430px,94vw);height:100vh;display:flex;flex-direction:column;border-left:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:-14px 0 44px rgba(0,0,0,.16);backdrop-filter:blur(18px)}.notebook-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.notebook-title{font-size:18px}.notebook-close{padding:7px 10px}.notebook-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 14px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.notebook-tabs button{border:0;border-radius:0;padding:9px 10px;color:var(--muted);background:transparent}.notebook-tabs button+button{border-left:1px solid var(--line)}.notebook-tabs button.active{color:var(--text);font-weight:700;background:var(--hover)}.notebook-list{display:grid;gap:10px;overflow:auto;padding:14px}.notebook-empty{margin:24px 8px;color:var(--muted);text-align:center}.notebook-item{display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.notebook-item>strong{font-size:13px;color:#8f6913}.notebook-item>p{margin:0;white-space:pre-wrap;word-break:break-word;font:14px/1.6 system-ui,sans-serif}.notebook-item>.saved-verse-text{font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;font-size:15px;line-height:1.7;color:var(--text)}.notebook-item-actions{display:flex;justify-content:flex-end;gap:6px}.notebook-item-actions button{padding:6px 9px;font-size:12px}
@media(min-width:1041px){.topbar-inner.centered-nav{grid-template-columns:minmax(0,1fr) auto;gap:12px;width:min(1560px,100%)}.centered-nav .location-controls{grid-column:1;justify-self:stretch;display:grid;grid-template-columns:minmax(145px,1.1fr) minmax(105px,.8fr) minmax(150px,1.15fr) minmax(100px,.7fr) minmax(86px,.62fr) minmax(250px,1.55fr);gap:7px;width:100%;min-width:0}.location-controls>select{width:100%;min-width:0!important;max-width:none!important}.location-controls .top-search{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:6px;width:100%;min-width:0;margin-left:0}.location-controls .top-search input,.location-controls .top-search input:focus{width:100%!important;min-width:0}.toolbar{grid-column:2;justify-self:end;min-width:max-content}}
@media(max-width:1250px) and (min-width:1041px){.topbar{padding-inline:10px}.topbar-inner.centered-nav{gap:8px}.centered-nav .location-controls{grid-template-columns:minmax(125px,1fr) minmax(96px,.75fr) minmax(130px,1fr) minmax(90px,.65fr) minmax(78px,.55fr) minmax(210px,1.4fr);gap:5px}.toolbar{gap:2px}#compareToggle{min-width:50px;padding-inline:9px}.quick-tool{min-width:38px;padding-inline:6px}.notebook-button{min-width:54px;padding-inline:8px}}
@media(max-width:1040px){.topbar{position:relative}.topbar-inner.centered-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px}.toolbar{order:1;align-self:flex-end}.centered-nav .location-controls{order:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;justify-self:stretch}.location-controls>select{width:100%;min-width:0!important;max-width:none!important}.location-controls .top-search{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;margin:0}.location-controls .top-search input,.location-controls .top-search input:focus{width:100%!important;min-width:0}main{padding-top:18px}}
@media(max-width:760px){.topbar{padding:8px 10px}.toolbar{width:100%;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .toolbar-divider{display:none}.quick-tool,#compareToggle{min-width:42px;padding-inline:7px}.notebook-button{min-width:52px;padding-inline:7px}.centered-nav .location-controls{grid-template-columns:minmax(0,1.4fr) minmax(70px,.65fr) minmax(70px,.65fr);grid-template-rows:auto auto}.centered-nav #bookSelect{grid-column:1;grid-row:1}.centered-nav #chapterSelect{grid-column:2;grid-row:1}.centered-nav #verseSelect{grid-column:3;grid-row:1}.centered-nav .translation-select{grid-column:1;grid-row:2}.centered-nav .location-controls .top-search{grid-column:2/4;grid-row:2}.chapter-heading{height:112px;margin:18px auto 24px;padding-bottom:12px}.chapter-heading h1{top:50%;max-width:calc(100% - 130px);overflow:hidden;text-overflow:ellipsis}.chapter-bookmark-button{left:auto;right:48px;top:50%;width:34px;height:34px;font-size:21px}.title-chapter-nav{min-width:42px;width:42px;padding:8px 0;font-size:0;align-self:flex-end}#prevChapterTitle::after{content:'←';font-size:18px}#nextChapterTitle::after{content:'→';font-size:18px}.reader-view-buttons{width:100%}.reader-view-button{min-width:0;flex:1}#singleReader.dual-page{width:100%;margin-left:0;transform:none}#singleReader.dual-page .verses{column-count:1;column-rule:0;padding-inline:0}.compare-panel{width:100%;margin-left:0;transform:none;padding-inline:0}.compare-head-selects{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.compare-head-selects .compare-translation-block{padding:0}.compare-head-selects .compare-translation-block select{min-width:0;width:100%;padding-right:20px;font-size:12px}.compare-row{grid-template-columns:1fr}.compare-cell:first-child{border-right:0;border-bottom:1px dashed var(--line)}.compare-row .compare-cell:nth-child(2){padding-left:30px}.verse{padding-right:42px}.verse-actions-trigger{right:5px;opacity:.75}.verse-action-popover{max-width:calc(100vw - 24px);flex-wrap:wrap}.notebook-panel{width:100vw}}
@media(max-width:520px){main{padding:14px 12px 48px}.centered-nav .location-controls{grid-template-columns:minmax(0,1.4fr) minmax(64px,.65fr) minmax(64px,.65fr)}.chapter-heading{height:100px}.chapter-bookmark-button{right:42px}.verses{font-size:clamp(17px,var(--font-size),21px)}.verse{padding-left:30px;padding-right:38px}.verse-number{left:0}.reader-view-controls{margin-bottom:18px}}