*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,Times New Roman,serif;background:#f9f7f4;color:#1a1a1a;min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}#app.active{justify-content:flex-start;padding-top:2rem}#hero{text-align:center;margin-bottom:2rem}#hero h1{font-size:1.6rem;font-weight:400;letter-spacing:.02em;color:#3a3a3a}#hero p{margin-top:.4rem;font-size:.9rem;color:#888;font-family:system-ui,sans-serif}#app.active #hero{display:none}#session{width:100%;max-width:720px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}#input-wrap{width:100%;max-width:720px;display:flex;gap:.5rem}#app.active #input-wrap{position:sticky;bottom:0;background:#f9f7f4;padding:1rem 0 .5rem;border-top:1px solid #e8e4de}#query{flex:1;padding:.75rem 1rem;font-size:1rem;font-family:Georgia,serif;border:1px solid #d0cbc3;border-radius:6px;background:#fff;outline:none;color:#1a1a1a}#query:focus{border-color:#8b6f47;box-shadow:0 0 0 2px #8b6f4726}#submit{padding:.75rem 1.25rem;background:#8b6f47;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;font-family:system-ui,sans-serif;white-space:nowrap}#submit:hover{background:#7a5f3a}#submit:disabled{background:#c4b49a;cursor:not-allowed}.card{background:#fff;border:1px solid #e8e4de;border-radius:8px;padding:1.5rem 1.75rem;width:100%;max-width:720px}.card-query{font-size:.8rem;font-family:system-ui,sans-serif;color:#999;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.06em}.verse-block{margin:1rem 0}.verse-line{display:block;font-size:1rem;line-height:1.7;color:#3a3a3a;padding-left:1.5rem}.verse-line.target{color:#1a1a1a;font-weight:700;border-left:3px solid #8b6f47;padding-left:calc(1.5rem - 3px)}.verse-citation{display:block;font-size:.82rem;font-family:system-ui,sans-serif;color:#8b6f47;margin-top:.25rem;padding-left:1.5rem}.verse-citation .src{color:#bbb;font-size:.75rem;margin-left:.4em}.prose{font-size:1rem;line-height:1.8;color:#2a2a2a;margin-top:1rem}.spinner{display:flex;align-items:center;gap:.6rem;color:#999;font-family:system-ui,sans-serif;font-size:.9rem;padding:1rem 0}.spinner:before{content:"";width:16px;height:16px;border:2px solid #d0cbc3;border-top-color:#8b6f47;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:#b94a48;font-family:system-ui,sans-serif;font-size:.9rem;padding:.75rem 0;max-width:720px;width:100%}.concordance{margin:.5rem 0 1rem;font-size:.8rem;color:#888}.concordance-strongs{display:none;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.strongs-tag{background:#1e1e2e;border:1px solid #333;border-radius:4px;padding:2px 6px}.strongs-tag strong{color:#a78bfa}.concordance-refs{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;padding-top:10px}.concordance-label{color:#666}.ref-tag{background:#1a2a1a;border:1px solid #2a4a2a;border-radius:4px;padding:2px 6px;color:#6ee7b7}.no-results-message{padding:1rem 1.25rem;background:#fef9ec;border-left:3px solid #d4a017;color:#5a4a1a;border-radius:4px;line-height:1.6;font-size:.95rem}