:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10181d;color:#edf3f5}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:2;display:flex;gap:1rem;align-items:end;padding:1rem;background:#19272e;border-bottom:1px solid #536b76}header input{flex:1}label{display:grid;gap:.25rem;color:#c5d5db;font-size:.86rem}input,select,button{font:inherit;color:inherit;background:#17242a;border:1px solid #708590;border-radius:6px;padding:.6rem;min-height:42px}main{display:grid;grid-template-columns:minmax(17rem,31%) minmax(0,69%);gap:1rem;height:calc(100vh - 78px);padding:1rem}.people-panel,.verses-panel{min-height:0;overflow:auto;background:#152229;border:1px solid #425a65;border-radius:8px;padding:1rem}h1,h2{position:sticky;top:-1rem;margin:-1rem -1rem .7rem;padding:1rem;background:#1d3038;border-bottom:1px solid #425a65;font-size:1.15rem}.person{display:grid;grid-template-columns:1fr auto;width:100%;gap:.5rem;margin:.3rem 0;text-align:left;background:#20343d;cursor:pointer}.person.active{background:#376477;border-color:#a0d7eb}.person-name{font-weight:700}.strong-number,.count{font-size:.75rem;color:#bdcdd4}.verse-link{display:block;width:100%;margin:.4rem 0;text-align:left;line-height:1.45;background:#1e323b;cursor:pointer;text-decoration:none}.verse-reference{display:block;color:#a8dff4;font-weight:700;margin-bottom:.15rem}#status{position:fixed;bottom:.5rem;right:1rem;background:#10181de8;padding:.35rem .6rem}.empty{color:#aebec4}@media(max-width:700px){header{position:static;display:grid}main{grid-template-columns:1fr;height:auto}.people-panel,.verses-panel{max-height:none}h1,h2{position:static;margin:-1rem -1rem .7rem}}
#person-explanation{margin:0 0 1rem;padding:.85rem;background:#1c3038;border-left:4px solid #78b7d0;border-radius:5px;line-height:1.5;overflow-wrap:anywhere}#person-explanation:empty{display:none}#person-explanation b{color:#b9e5f7}