:root{--bg:#0e1116;--bg2:#161b23;--bg3:#1e2530;--fg:#e8e6e1;--fg-dim:#9aa3ad;--accent:#c9a86a;--accent2:#8fb08a;--danger:#c97a6a;--radius:14px}:root[data-contrast=high]{--bg:#000;--bg2:#0a0a0a;--bg3:#151515;--fg:#fff;--fg-dim:#c9c9c9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex}main{flex:1;padding:16px 16px 90px}h1{margin:.4em 0 .6em;font-size:1.35rem;font-weight:600}h2{color:var(--fg);margin:.8em 0 .4em;font-size:1.05rem;font-weight:600}button{background:var(--bg3);color:var(--fg);border-radius:var(--radius);cursor:pointer;border:1px solid #2a3340;padding:12px 16px;font-size:1rem}button.primary{background:var(--accent);color:#141414;border:none;font-weight:600}button.ghost{color:var(--accent);background:0 0;border:none;padding:8px}button:disabled{opacity:.45}input,select,textarea{background:var(--bg2);color:var(--fg);border:1px solid #2a3340;border-radius:10px;width:100%;padding:11px 12px;font-size:1rem}label{color:var(--fg-dim);margin:14px 0 5px;font-size:.88rem;display:block}.card{background:var(--bg2);border-radius:var(--radius);border:1px solid #232c38;margin:12px 0;padding:16px}.card.tap{cursor:pointer}.card.tap:active{background:var(--bg3)}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1}.dim{color:var(--fg-dim);font-size:.9rem}.small{font-size:.82rem}.pill{background:var(--bg3);color:var(--fg-dim);border-radius:99px;margin-right:6px;padding:3px 11px;font-size:.78rem;display:inline-block}.pill.gold{color:var(--accent);border:1px solid var(--accent);background:0 0}nav.tabs{background:var(--bg2);z-index:40;max-width:640px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #232c38;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{text-align:center;color:var(--fg-dim);flex:1;padding:11px 2px 9px;font-size:.72rem;text-decoration:none}nav.tabs a.active{color:var(--accent)}nav.tabs a span.ic{margin-bottom:2px;font-size:1.25rem;display:block}.verse-display{font-size:var(--reading-size,22px);font-family:var(--reading-font,Georgia,serif);line-height:1.65;transition:opacity .45s}.fadeout{opacity:0}.fadein{opacity:1}.progressbar{background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.progressbar>div{background:var(--accent);height:100%;transition:width .3s}.toast{background:var(--bg3);z-index:60;border:1px solid #34404f;border-radius:12px;max-width:88%;padding:10px 18px;font-size:.92rem;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.info-pop{z-index:50;background:var(--bg3);max-width:280px;color:var(--fg);border:1px solid #34404f;border-radius:12px;padding:12px 14px;font-size:.88rem;position:absolute;box-shadow:0 8px 30px #00000080}.chat{flex-direction:column;gap:10px;display:flex}.msg{white-space:pre-wrap;border-radius:14px;max-width:86%;padding:11px 14px;font-size:.95rem}.msg.user{background:var(--accent);color:#141414;align-self:flex-end}.msg.ai{background:var(--bg3);align-self:flex-start}a{color:var(--accent)}.iconbtn{color:var(--fg-dim);background:0 0;border:none;padding:6px 8px;font-size:1rem}