/* 마음판의 차분한 석재·먹색 시각 체계. 연결별 색상 표시는 그대로 유지한다. */
:root{--stone-ink:#292e31;--stone-muted:#687073;--stone-line:#d8dad8;--stone-surface:#fbfaf7;--stone-soft:#f0f0ed;--stone-dark:#374047;--stone-accent:#56636b;background:#eeefed;color:var(--stone-ink)}
body{color:var(--stone-ink);background:radial-gradient(circle at 9% 3%,#f7f7f3 0,transparent 42%),linear-gradient(150deg,#efefeb,#e8eae8 80%);min-height:100vh}
.topbar{background:linear-gradient(125deg,#333b40,#41494d);border-bottom:1px solid #697176;box-shadow:0 8px 24px #242b2e13}
.brandmark{color:#d5d7d3}.brand small{color:#c7cdcb}.nav{color:#d0d5d3;white-space:nowrap}.nav:hover,.nav.active{color:#fff}.nav.active:after{background:#c4c9c7}
.topbar .outline{border-color:#919b9d;color:#f7f8f7}.topbar .outline:hover{background:#ffffff1b}
.offline-status{background:#e7e9e8;border-color:#cdd1d0;color:#495459}.offline-status strong{background:#d6dcda;color:#344146}.offline-status button{background:#f8f9f8;border-color:#c8cdcb;color:#465359}
.offline-status[data-state="offline"]{background:#f1ebe2;border-color:#ded2c2;color:#705c49}.offline-status[data-state="offline"] strong{background:#e7d9c4}
.offline-status[data-state="pending"]{background:#e7eaf0;color:#4a5666}.offline-status[data-state="pending"] strong{background:#d4dce7}
.offline-status[data-state="failed"]{background:#f2e8e5;color:#85554c}.offline-status[data-state="failed"] strong{background:#ead7d1}
.panel{background:var(--stone-surface);border:1px solid var(--stone-line);border-radius:16px;box-shadow:0 9px 28px #30373a0c,0 1px 2px #30373a0a}
.reader{background:linear-gradient(150deg,#fcfbf8,#faf9f6 55%,#f8f8f5)}
.content-title h1,.panel h1,.panel h2{color:#292f32}.content-title p:last-child,.muted,.hint{color:var(--stone-muted)}
.eyebrow{color:#6e777a;letter-spacing:.12em}.edition{background:#f1f1ee;border-color:#d4d6d3;color:#525c60}
select,input,textarea{background:#fffefa;border-color:#cfd3d1;color:#293135;border-radius:10px}
select:focus,input:focus,textarea:focus,button:focus-visible{outline:2px solid #68757c;outline-offset:2px}
label{color:#4c575a}.square{background:#f0f1ee;border-color:#cfd3d0;color:#48545a;border-radius:10px}.square:hover:not(:disabled){background:#e5e8e6}
.selectors{border-color:#e0e2df}.verse{color:#2c3234}.verse:hover,.verse-row:hover{background:#eeeeeb}.verse.focus{box-shadow:inset 3px 0 #77828a}
.verse-number{color:#67737a}.verse-row.is-start{background:#e5e9e9;box-shadow:inset 3px 0 #6d7d85}.verse-row.is-target{background:#ede8e1;box-shadow:inset 3px 0 #9b8977}
.verse-row.is-selected,.verse-row.is-dragging{background:#dfe6e7;box-shadow:inset 4px 0 #586b74}.verse-row.is-selected .verse{color:#26343a}.verse-row.is-group-from{box-shadow:inset 3px 0 #6c7a82}.verse-row.is-group-to{box-shadow:inset 3px 0 #9b8977}
.selected-tray,.reader-flow{background:#edf1f0;border-color:#c7d0cf}.selected-tray summary,.reader-flow button{color:#405258}.selected-chips button{border-color:#cbd3d1;color:#46595d}
.flow-state,.group-editor{background:#f3f4f1;border-color:#dfe2de}.flow-state p,.group-editor>p{color:#667074}.picked>div{background:#f2f3f0;border-color:#e0e3df}.step{background:#dfe3e2;color:#4b5b61}
.primary,.side-tabs button.active,.picker-steps button.active,.picker-column button.active{background:#46545c;border-color:#46545c;color:#fff}.primary:hover{background:#36444c}
.text-button,.conn-actions button{color:#4b626c}.text-button:hover,.conn-actions button:hover{color:#29383f}
.side-tabs button,.range-controls button,.verse-chips button,.marker-targets button,.queue-item button,.settings-actions button{background:#f6f7f5;border-color:#ccd3d0;color:#43555b}
.side-tabs button.active{background:#46545c;color:#fff}.range-controls{border-color:#dfe3df;color:#59676b}
.floating-connect{background:#46545c;border-color:#f7f7f4;box-shadow:0 10px 26px #2c383b55}.floating-connect:hover{background:#334149}.floating-connect span{background:#dce1df;color:#354149}
.connection,.search-card,.marker-link{background:#fffefa;border-color:#dedfdb}.connection:hover,.search-card:hover,.search-card:focus-visible{border-color:#9ca7aa;background:#fafaf8}
.tag{background:#e9edeb;color:#475a5c}.tag.kind{background:#ece9e3;color:#665e54}.tag.private{background:#e7e9ed;color:#5b6572}
.conn-ref{color:#313a3d}.conn-ref span{color:#899298}.conn-reason{color:#4f595c}.conn-meta,.empty{color:#758084}
.topic-tree button{color:#3f4a4e}.topic-tree button:hover,.topic-tree button.active{background:#e9eeed;color:#34454b}
.links-panel .panel-head,.topic-layout>.panel:nth-child(2) .panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.links-panel .panel-head>div{min-width:0}.links-panel h2,#topicResultTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
.links-panel select,.topic-layout>.panel:nth-child(2) select{width:110px;min-width:110px;max-width:110px;white-space:nowrap}
.search-panel{background:linear-gradient(135deg,#fbfaf7,#f3f4f1)}.search-rule,.search-status{color:#5c696e}.search-filters{border-color:#dfe3df}
.search-filters fieldset label{border-color:#ced4d1;background:#fffefa}.search-filters input[type=radio]{accent-color:#56656c}
.search-book-heading{background:#e8edeb;color:#394a50}.search-book-heading small{color:#697579}.search-ref{color:#52656c}.search-text{color:#2d3538}.search-text mark{background:#e6dcc1;color:#272e31}
.search-more{color:#4c5e66;border-color:#aeb8b8}.search-empty{background:#f8f8f5;border-color:#cbd2cf;color:#626f72}
.quiz-tabs{background:#e8ebea}.quiz-tabs button{color:#5b686d}.quiz-tabs button.active{background:#fcfbf8;color:#37474d}
.quiz-verse-text{background:#f2f1ed;border-color:#a4a8a2}.quiz-choices button{border-color:#d4d9d6;color:#374348;background:#fffefa}.quiz-choices button:hover:not(:disabled){border-color:#899a9f;background:#f3f5f4}
.quiz-choices button.correct{background:#e6eeea;border-color:#829b8e}.quiz-choices button.incorrect{background:#f1e7e5;border-color:#bb918a}.quiz-feedback{background:#edf0ec;color:#38474a}
.graph-canvas{background:radial-gradient(circle,#fafbf9,#f0f2ef);border-color:#dce0dc}.graph-record>button{background:#f8f9f6;border-color:#d2d9d5;color:#46585e}.graph-hub small{background:#fbfaf7;color:#4b5b60}
.passage-dialog::backdrop,.marker-dialog::backdrop,dialog::backdrop{background:#252b2cb3}.picker-column{background:#f8f8f5;border-color:#dce1dd}.picker-column button{color:#415257}.picker-column button:hover{background:#edf1ee;border-color:#adbab6}.picker-column .testament{background:#e8edeb}
.settings-actions button:hover,.queue-item button:hover{background:#e9eeec}.offline-compose-hint{background:#f3f0e9;border-color:#aaa092;color:#605b52}
footer{color:#707a7c}

.chapter-end-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;border-top:1px solid #d8ddda;margin-top:34px;padding-top:21px}
.chapter-end-nav button{display:flex;align-items:center;gap:10px;min-width:0;min-height:66px;padding:10px 14px;background:#f1f3f1;border:1px solid #d5dbd7;border-radius:12px;color:#3c4d54;text-align:left;transition:background .15s,border-color .15s,transform .15s}
.chapter-end-nav button:hover:not(:disabled){background:#e8edeb;border-color:#a5b2b0;transform:translateY(-1px)}
.chapter-end-nav button:disabled{opacity:.4}.chapter-end-nav button>span:first-child,.chapter-end-nav button>span:last-child{font-size:1.25rem;line-height:1}.chapter-end-nav button>span:has(small){font-size:inherit;min-width:0}
.chapter-end-nav button:last-child{justify-content:flex-end;text-align:right}.chapter-end-nav small{display:block;font-size:.72rem;color:#6f7b7f;margin-bottom:2px}.chapter-end-nav strong{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chapter-end-current{font-size:.75rem;color:#798487;white-space:nowrap;text-align:center}
#readView{scroll-margin-top:48px}
@media(max-width:1000px){.floating-dock{background:#e9ebe8;border-color:#cdd3cf;box-shadow:0 -7px 20px #29333718}}
@media(max-width:700px){.topbar nav{scrollbar-width:thin}.nav{padding:0 12px}.chapter-end-nav{gap:7px;margin-top:25px}.chapter-end-nav button{min-height:61px;padding:8px 9px;gap:6px}.chapter-end-nav strong{font-size:.76rem}.chapter-end-current{font-size:.66rem;max-width:67px;white-space:normal}.links-panel h2,#topicResultTitle{font-size:1.08rem}.links-panel select,.topic-layout>.panel:nth-child(2) select{width:104px;min-width:104px;max-width:104px}.offline-status{font-size:.75rem}}
@media(max-width:380px){.chapter-end-current{display:none}.chapter-end-nav{grid-template-columns:1fr 1fr}.links-panel select,.topic-layout>.panel:nth-child(2) select{width:96px;min-width:96px;max-width:96px}}