:root{color-scheme:light;--ink:#183654;--muted:#63768a;--green:#173f6d;--green-2:#2f6398;--gold:#9dbbda;--cream:#f2f5f8;--paper:#fff;--line:#d7e0e9;--error:#a63b31;--shadow:0 18px 48px rgba(15,47,80,.14);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--green) 0 15.5rem,var(--cream) 15.5rem);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}.shell{width:min(100% - 1.5rem,42rem);margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 0 max(2rem,env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:.85rem;color:white;margin:.25rem .35rem 1.4rem}.brand-mark{width:3.25rem;height:3.25rem;border:1px solid rgba(255,255,255,.28);border-radius:1rem;display:block;object-fit:cover;background:rgba(255,255,255,.08)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:800;color:#c8d9ea;margin:0 0 .18rem}.brand h1{font-family:Georgia,serif;font-size:1.75rem;line-height:1;margin:0;font-weight:600}.search-card{background:var(--paper);border-radius:1.45rem;box-shadow:var(--shadow);padding:1.35rem}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.step{margin:0 0 .3rem;text-transform:uppercase;color:var(--green-2);font-size:.7rem;font-weight:800;letter-spacing:.12em}.section-heading h2{font-family:Georgia,serif;font-size:1.38rem;line-height:1.2;margin:0;font-weight:600}.version{display:flex;flex-direction:column;gap:.3rem}.version span,.picker-grid label>span{font-size:.75rem;font-weight:700;color:var(--muted)}select,input,button{font:inherit}.version select{border:1px solid var(--line);border-radius:.7rem;background:#f8fafc;color:var(--ink);font-weight:800;padding:.55rem 1.8rem .55rem .65rem;min-height:2.65rem}.search-row{position:relative}#reference{width:100%;min-height:4rem;border:2px solid #b6c8da;border-radius:1rem;padding:.8rem 3rem .8rem 1rem;font-size:1.25rem;font-weight:650;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}#reference::placeholder{color:#8293a5;font-weight:500}#reference:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(47,99,152,.12)}#reference.invalid{border-color:var(--error)}.clear{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border:0;background:#eef3f8;color:var(--muted);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}.hint,.error{min-height:1.25rem;margin:.45rem .2rem .7rem;font-size:.8rem}.hint{color:var(--muted)}.error{color:var(--error);font-weight:700;margin-top:-1.95rem;visibility:hidden}.error.show{visibility:visible}.primary,.secondary{width:100%;min-height:3.65rem;border:0;border-radius:1rem;font-weight:850;letter-spacing:.025em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.65rem;transition:transform .12s,opacity .12s}.primary{background:var(--green);color:white;box-shadow:0 8px 18px rgba(23,63,109,.22)}.primary svg{width:1.2rem;fill:none;stroke:currentColor;stroke-width:2}.primary:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.primary:not(:disabled):active,.secondary:active{transform:scale(.985)}.picker-toggle{width:100%;min-height:3.3rem;margin-top:.7rem;padding:0 .35rem;border:0;background:transparent;color:var(--green-2);font-weight:750;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.picker-toggle svg{width:1.3rem;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}.picker-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.picker-panel{padding-top:.6rem;border-top:1px solid var(--line)}.picker-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:.8rem;margin:.35rem 0 1rem}.picker-grid label{display:flex;flex-direction:column;gap:.35rem}.picker-grid select{width:100%;min-height:3.2rem;border:1px solid #b6c8da;border-radius:.8rem;background:white;padding:.6rem;color:var(--ink);font-weight:650}.picker-grid select:disabled{background:#f2f4f6;color:#99a5b0}.secondary{background:#e5edf5;color:var(--green);min-height:3.35rem}.saved{margin:1.2rem .2rem 0}.saved-tabs{display:flex;gap:1.2rem;border-bottom:1px solid rgba(24,54,84,.15)}.tab{border:0;background:transparent;padding:.8rem .15rem .65rem;color:var(--muted);font-weight:800;cursor:pointer;position:relative}.tab.active{color:var(--green)}.tab.active:after{content:"";height:3px;border-radius:3px;background:var(--gold);position:absolute;left:0;right:0;bottom:-2px}.passage-list{padding:.55rem 0}.passage{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(24,54,84,.09)}.passage-open{display:flex;align-items:center;gap:.75rem;padding:.85rem .15rem;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer;min-height:3.6rem}.passage-open strong{display:block;font-family:Georgia,serif;font-size:1.05rem}.passage-open small{display:block;color:var(--muted);margin-top:.18rem}.book-icon{width:2.15rem;height:2.15rem;border-radius:.6rem;background:#dce8f3;color:var(--green);display:grid;place-items:center;font-family:Georgia,serif;font-weight:700}.favorite{border:0;background:transparent;width:3rem;height:3rem;color:#8b99a6;font-size:1.5rem;cursor:pointer}.favorite.active{color:#2f6398}.empty{padding:1.4rem .2rem;color:var(--muted);font-size:.9rem}footer{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;color:#708092;font-size:.78rem;margin:1.25rem 0}footer p{margin:0}footer button{border:0;background:transparent;color:var(--green-2);font-weight:800;cursor:pointer}.toast{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));transform:translate(-50%,1rem);background:#173f6d;color:white;padding:.75rem 1rem;border-radius:.75rem;font-size:.85rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:46rem){body{background:linear-gradient(180deg,var(--green) 0 18rem,var(--cream) 18rem)}.shell{padding-top:2.5rem}.search-card{padding:1.8rem 2rem}.brand{margin-bottom:1.8rem}.brand h1{font-size:2rem}.picker-grid{grid-template-columns:2fr 1fr 1fr 1fr}.saved{margin-top:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Multi-input search and supplied organization branding */
#reference{padding-right:5.7rem}.clear{right:3.2rem}.voice{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border:0;background:#eef2f1;color:var(--muted);border-radius:50%;cursor:pointer;display:grid;place-items:center}.voice svg{width:1.15rem;fill:none;stroke:currentColor;stroke-width:1.9}.voice.listening{background:var(--error);color:#fff;animation:pulse 1s infinite}.voice.unsupported{display:none}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(166,59,49,.14)}}
.topic-section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.topic-label{margin:0 0 .65rem;font-size:.75rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.topics{display:flex;gap:.5rem;overflow-x:auto;padding:0 0 .25rem;scrollbar-width:none}.topics::-webkit-scrollbar{display:none}.topics button{flex:none;border:1px solid #cbd8d5;background:#f6f9f8;color:var(--green);min-height:2.6rem;padding:.45rem .8rem;border-radius:999px;font-size:.85rem;font-weight:750;cursor:pointer}.picker-toggle{margin-top:.5rem}
footer{flex-direction:column;gap:.7rem;margin-top:1.5rem}.footer-meta{display:flex;align-items:center;justify-content:center;gap:.45rem}