:root{--bg:#212957;--bg-raised:#27335c;--bg-card:#2b3a67;--line:#c9a22729;--ink:#eef1f8;--ink-dim:#b7bfd6;--ink-faint:#a2aac8;--gold:#c9a227;--gold-soft:#c9a2278c;--teal:#7fd6bb;--danger-rgb:232, 148, 148;--danger:rgb(var(--danger-rgb));--danger-soft:rgba(var(--danger-rgb), .4);--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 90% at 50% -10%, #3a4c84 0%, var(--bg) 58%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{flex-direction:column;max-width:430px;height:100%;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;padding:20px 20px 12px;display:flex;overflow-y:auto}.masthead{text-align:center;padding:10px 0 2px}.masthead .mark{width:16px;height:22px;color:var(--gold);opacity:.9}.masthead .wordmark{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;font-size:15px}.preview-ribbon{letter-spacing:.08em;text-transform:uppercase;color:#212957;background:var(--gold);border-radius:999px;width:fit-content;margin:10px auto 0;padding:4px 12px;font-size:11px;font-weight:600}.talk{justify-content:flex-start;align-items:center;gap:14px}.orb-zone{flex-direction:column;align-items:center;gap:14px;margin-top:18px;display:flex}.orb{--ring:var(--gold-soft);border:1.5px solid var(--ring);background:radial-gradient(60% 60% at 50% 38%, #c9a2272e, transparent 70%), var(--bg-card);width:168px;height:168px;color:var(--ink);font-family:var(--serif);cursor:pointer;border-radius:50%;font-size:17px;transition:transform .15s,border-color .3s;position:relative}.orb:active{transform:scale(.97)}.orb:before,.orb:after{content:"";border:1px solid var(--ring);opacity:0;border-radius:50%;position:absolute;inset:-14px}.orb.listening{--ring:var(--teal)}.orb.listening:before{animation:1.6s ease-out infinite ripple}.orb.listening:after{animation:1.6s ease-out .8s infinite ripple}.orb.speaking{--ring:var(--gold)}.orb.speaking:before{animation:2.2s ease-out infinite ripple}.orb.thinking{--ring:var(--ink-faint)}@keyframes ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.orb-state{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);min-height:15px;font-size:12px}.transcript{flex-direction:column;flex:1;gap:10px;width:100%;min-height:120px;padding:4px 2px 8px;display:flex}.bubble{border-radius:16px;max-width:88%;padding:12px 15px;font-size:15px;line-height:1.55}.bubble.user{background:var(--bg-raised);color:var(--ink-dim);border:1px solid #ffffff0d;align-self:flex-end}.bubble.gabriel{background:var(--bg-card);border:1px solid var(--line);align-self:flex-start}.bubble.gabriel .cite{color:var(--gold);margin-top:8px;font-size:12.5px;font-style:italic;display:block}.typebar{gap:8px;width:100%;padding-bottom:6px;display:flex}.typebar input{background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);font-size:15px;font-family:var(--sans);border-radius:12px;flex:1;padding:11px 14px}.typebar input::placeholder{color:var(--ink-faint)}.typebar button{background:var(--gold);color:#212957;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-size:14px;font-weight:600}.mic-note{color:var(--ink-faint);text-align:center;padding-bottom:4px;font-size:12px}.today{gap:16px}.date-card{text-align:center;background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:18px 16px 14px}.date-card .day-line{font-family:var(--serif);color:var(--gold);font-size:20px}.verse-card{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:18px}.verse-card .verse-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.verse-card .heading{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.verse-card .translation-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.verse-card .text{font-family:var(--serif);font-size:17px;line-height:1.65}.verse-card .cite{color:var(--gold);margin-top:10px;font-size:13px;font-style:italic}.verse-card .voice-note{color:var(--ink-dim);margin-top:8px;font-size:11.5px;font-style:italic;line-height:1.5}.settings{gap:14px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-dim);font-size:13px}.field select{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);font-size:15px;font-family:var(--sans);border-radius:12px;padding:12px 14px}.field .hint{color:var(--ink-faint);font-size:12px;line-height:1.5}.tabs{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom);background:#212957eb;display:flex}.tabs button{color:var(--ink-faint);font-family:var(--sans);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 0 10px;font-size:11.5px;display:flex}.tabs button .glyph{font-size:20px;line-height:1}.tabs button.active{color:var(--gold)}.upcoming-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.upcoming-card .heading{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:600}.upcoming-row{align-items:baseline;gap:12px;display:flex}.upcoming-row .when{width:84px;color:var(--gold);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12.5px}.upcoming-row .what{flex-direction:column;gap:1px;display:flex}.upcoming-row .name{font-size:14.5px;font-weight:600}.upcoming-row .line{color:var(--ink-dim);font-size:12.5px}.upcoming-note{color:var(--ink-dim);font-size:11px;font-style:italic}.pill-btn{border:1px solid var(--gold-soft);color:var(--gold);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:999px;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:600}.pill-btn:hover{background:var(--bg-card)}.pill-btn:disabled{opacity:.55;cursor:default}.pill-btn:disabled:hover{background:0 0}.pill-btn[aria-disabled=true]{opacity:.55;cursor:default}.pill-btn[aria-disabled=true]:hover{background:0 0}.verse-actions{flex-wrap:wrap;gap:8px;display:flex}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cat-chip{border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.cat-chip.on{color:var(--gold);border-color:var(--gold-soft);background:var(--bg-card)}.about-gabriel p{color:var(--ink-dim);margin:8px 0;font-size:13.5px;line-height:1.65}.about-gabriel .heading{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:600}.prayers{flex-direction:column;gap:8px;display:flex}.note{color:var(--ink-faint);margin:2px 0 8px;font-size:12.5px;font-style:italic}.prayer-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.prayer-card.open{border-color:var(--gold-soft)}.prayer-row{align-items:stretch;display:flex}.prayer-head{text-align:left;cursor:pointer;min-width:0;color:var(--ink);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:12px 4px 12px 14px;display:flex}.prayer-head .title{font-size:14.5px;font-weight:600}.prayer-head .meta{color:var(--ink-faint);font-size:12px}.prayer-star{width:44px;min-height:44px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0 8px 0 0;font-size:20px;line-height:1;display:flex}.prayer-star.on{color:var(--gold)}.prayer-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.prayer-text{font-family:var(--serif);color:var(--ink);font-size:14.5px;line-height:1.7}.prayer-verses{flex-direction:column;gap:8px;display:flex}.prayer-verse{font-family:var(--serif);color:var(--ink);font-size:14.5px;line-height:1.65}.prayer-verse .vnum{color:var(--gold);font-variant-numeric:tabular-nums;margin-right:4px;font-size:11px}.retry-btn{vertical-align:middle;border:1px solid var(--gold-soft);min-height:44px;color:var(--gold);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:13px;font-style:normal;font-weight:600}.retry-btn:hover{background:var(--bg-card)}.continue-chip{text-align:left;background:var(--bg-card);border:1px solid var(--gold-soft);width:100%;color:var(--gold);cursor:pointer;border-radius:12px;margin-bottom:10px;padding:11px 14px;font-size:13.5px;font-weight:600}.marks-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.marks-row .label{color:var(--ink-faint);font-size:12px}.book-filter{box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--sans);border-radius:12px;margin-bottom:10px;padding:10px 14px;font-size:14px}.book-list{flex-direction:column;gap:6px;display:flex}.book-section-header{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:14px 0 6px;font-size:11px}.book-list>div:first-child .book-section-header{margin-top:0}.book-row{text-align:left;background:var(--bg-card);border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.book-row .num{border:1px solid var(--gold-soft);width:30px;height:30px;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.book-row .names{flex-direction:column;flex:1;display:flex}.book-row .t{font-size:14.5px;font-weight:600}.book-row .e{color:var(--ink-faint);font-size:12px}.chapter-picker{padding-top:6px}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;display:grid}.chapter-btn{aspect-ratio:1;border:1px solid var(--line);background:var(--bg-card);min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:10px;font-size:15px}.chapter-btn:hover{border-color:var(--gold-soft)}.reader-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.back-btn{border:1px solid var(--line);min-height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600}.reader-title{flex-direction:column;flex:1;min-width:120px;display:flex}.reader-title .t{font-family:var(--serif);color:var(--ink);font-size:17px}.reader-title .s{color:var(--ink-faint);font-size:11.5px}.translation-toggle{border:1px solid var(--line);border-radius:999px;flex-shrink:0;display:flex;overflow:hidden}.translation-toggle button{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:11.5px;font-weight:700}.translation-toggle button.on{background:var(--gold);color:var(--bg)}.font-btns{gap:4px;display:flex}.font-btns button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:8px;font-size:13px}.verses{flex-direction:column;gap:4px;display:flex}.verse-block{border-bottom:1px solid var(--line);padding:12px 4px}.verse-block .verse-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.verse-block .num{text-align:left;cursor:pointer;min-width:44px;min-height:44px;font-family:var(--sans);color:var(--ink-faint);font-variant-numeric:tabular-nums;background:0 0;border:none;padding:0 8px 0 0;font-size:11.5px}.verse-actions{align-items:center;gap:8px;display:flex}.verse-actions .mark{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:0 2px;font-size:18px}.verse-actions .mark.on{color:var(--gold)}.verse-actions .ask{border:1px solid var(--line);min-height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:3px 14px;font-size:11px;font-weight:600}.verse-block .verse-text{font-family:var(--serif);color:var(--ink);cursor:pointer;line-height:1.65}.verse-block.missing .verse-text{color:var(--ink-faint);font-style:italic}.verse-block .missing-note{color:var(--ink-faint);margin-top:4px;font-size:11px}.reader-foot{color:var(--ink-faint);text-align:center;padding:16px 0 4px;font-size:11px}.reader.font-0 .verse-text{font-size:13px}.reader.font-1 .verse-text{font-size:14.5px}.reader.font-2 .verse-text{font-size:16px}.reader.font-3 .verse-text{font-size:17.5px}.onboarding{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:70vh;padding:24px;display:flex}.ob-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;display:flex}.ob-card h1{font-family:var(--serif);color:var(--gold);margin:0;font-size:28px;line-height:1.2}.ob-card p{color:var(--ink-dim);margin:0;font-size:14.5px;line-height:1.65}.ob-sub{color:var(--ink-faint);font-size:13px}.ob-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ob-primary{cursor:pointer;background:var(--gold);color:var(--bg);font-family:var(--sans);border:none;border-radius:999px;margin-top:8px;padding:12px 34px;font-size:15px;font-weight:700}.ob-primary:hover{filter:brightness(1.08)}.ob-skip{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px}.ob-dots{gap:7px;display:flex}.ob-dots span{background:var(--line);border-radius:50%;width:7px;height:7px}.ob-dots span.on{background:var(--gold)}.ob-skip-all{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;font-size:12px}.verse-hits{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.verse-hits .hits-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:2px;font-size:11px}.verse-hit{text-align:left;background:var(--bg-card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.verse-hit .ref{color:var(--gold);font-size:12px;font-weight:600}.verse-hit .text{color:var(--ink-dim);font-size:13.5px;font-style:italic;line-height:1.5}.devotion{gap:16px}.devotion-streak{justify-content:center;align-items:baseline;gap:10px;padding:6px 0 0;display:flex}.devotion-streak .big{font-family:var(--serif);color:var(--gold);font-size:44px;line-height:1}.devotion-streak .unit{color:var(--ink-dim);font-size:13px}.devotion-today{flex-direction:column;gap:8px;display:flex}.devotion-check{background:var(--bg-card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;font-size:15px;display:flex}.devotion-check .tick{border:1.5px solid var(--gold-soft);width:24px;height:24px;color:var(--bg);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.devotion-check.done{border-color:var(--gold-soft)}.devotion-check.done .tick{background:var(--gold);border-color:var(--gold)}.devotion-check .name{font-weight:500}.devotion-done{color:var(--teal);text-align:center;font-size:13.5px}.devotion-week{justify-content:space-between;align-items:flex-end;gap:8px;padding:8px 6px 0;display:flex}.devotion-week .day{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.devotion-week .bar-wrap{justify-content:center;align-items:flex-end;width:100%;height:52px;display:flex}.devotion-week .bar{background:var(--line);border-radius:4px 4px 2px 2px;width:14px;transition:height .25s}.devotion-week .bar.f2{background:var(--gold)}.devotion-week .bar.f1{background:var(--gold-soft)}.devotion-week .lbl{color:var(--ink-faint);font-size:10.5px}.devotion-week .day.today .lbl{color:var(--gold);font-weight:600}.reminder-row{align-items:center;gap:10px;padding:6px 0;display:flex}.reminder-row label{color:var(--ink);flex:1;font-size:14px}.reminder-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.reminder-row input[type=time]{background:var(--bg-card);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:13px}.reminder-row input[type=time]:disabled{opacity:.4}.anon-id{color:var(--ink-dim);background:var(--bg-card);border:1px solid var(--line);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin-top:6px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 2px var(--bg)}.prayer-head:focus-visible,.prayer-star:focus-visible,.translation-toggle button:focus-visible,.tabs button:focus-visible{outline-offset:-4px;box-shadow:none}.translation-toggle button.on:focus-visible{outline-color:var(--bg)}.pill-btn[aria-disabled=true]:focus-visible{outline-color:var(--ink)}a{color:var(--gold)}a.pill-btn{text-align:center;text-decoration:none;display:inline-block}.pill-btn.danger{color:var(--danger);border-color:var(--danger-soft)}.bubble .report{color:var(--ink-faint);cursor:pointer;text-underline-offset:2px;font-size:11px;font-family:var(--sans);background:0 0;border:none;margin-top:8px;padding:0;text-decoration:underline;display:block}.bubble .report:hover{color:var(--ink-dim)}.bubble .report.done{cursor:default;font-style:italic;text-decoration:none}.handsfree-hint{background:var(--bg-card);border:1px solid var(--line);max-width:300px;color:var(--ink-dim);text-align:center;border-radius:14px;margin:14px auto 0;padding:12px 16px;font-size:13px;line-height:1.5}