.sermon-surface.sermon-surface{--sb-paper:#f8f6fb;--sb-paper-2:#efecf4;--sb-paper-card:#fff;--sb-ink:#2b2140;--sb-ink-soft:#6b6476;--sb-ink-faint:#9a93a6;--sb-violet:#7c3aed;--sb-violet-deep:#6d28d9;--sb-magenta:#a21caf;--sb-violet-tint:#f0e8ff;--sb-gold:var(--sb-magenta);--sb-gold-soft:var(--sb-violet-tint);--sb-line:#ddd7e5;--sb-line-strong:#c6bed3;--sb-violet-block:linear-gradient(180deg, #f6f0ff, #f0e8ff);--sb-violet-block-border:#7c3aed47;--sb-violet-block-shadow:0 14px 34px -22px #6d28d966;--sb-violet-block-ink:#2b2140;--sb-violet-block-ink-soft:#6b6476;--sb-split-top:var(--sb-violet-tint);--sb-split-top-ink:var(--sb-violet-deep);--sb-split-body:var(--sb-paper-card);--sb-deep:linear-gradient(135deg, #6d28d9, #a21caf);--sb-deep-ink:#fff;--sb-deep-ink-soft:#efe3ff;--sb-deep-shadow:0 24px 60px -30px #6d28d9b3;--sb-on-gold:var(--sb-violet-deep);--sb-writer:linear-gradient(135deg, #6d28d9, #a21caf);--sb-writer-deep:linear-gradient(135deg, #5b21b6, #86198f);--background:var(--sb-paper);--foreground:var(--sb-ink);--secondary:var(--sb-ink-soft);--muted:var(--sb-ink-faint);--card:var(--sb-paper-card);--card-hover:#f6f2fb;--border:var(--sb-line);--accent:var(--sb-violet-deep);--accent-hover:var(--sb-violet);--accent-light:var(--sb-violet-tint);--accent-border:var(--sb-violet-block-border);--text-on-accent:#fff;--highlight:#7c3aed33;--foreground-secondary:var(--sb-ink-soft);--foreground-high-contrast:#1c1430;--background-blur:#f8f6fbf2;--warning:#9a5b06;--error:#9a2020;--danger:#9a2020;--success:#2f6b3f;--surface:var(--sb-paper-card);--sb-motion:.15s;--sb-ease:cubic-bezier(.4, 0, .2, 1);background-color:var(--sb-paper);color:var(--sb-ink);min-height:100dvh}.sermon-surface .sb-hero-title{font-family:var(--font-playfair);letter-spacing:-.01em;color:var(--foreground);font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.1}.sermon-surface .sb-display{font-family:var(--font-playfair), Georgia, "Times New Roman", serif;letter-spacing:-.015em;font-weight:700}.sermon-surface .sb-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sb-gold);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.7rem}.sermon-surface .sb-prose{font-family:var(--font-source-serif), Georgia, serif}.sermon-surface .sb-violet-block{background:var(--sb-violet-block);border:1px solid var(--sb-violet-block-border);box-shadow:var(--sb-violet-block-shadow);color:var(--sb-violet-block-ink);border-radius:18px}.sermon-surface .sb-violet-block .sb-eyebrow{color:var(--sb-violet-deep)}.sermon-surface .sb-star{color:var(--sb-gold)}.sermon-surface .sb-split{border:1px solid var(--sb-line-strong);background:var(--sb-split-body);border-radius:12px;overflow:hidden}.sermon-surface .sb-split-head{background:var(--sb-split-top);color:var(--sb-split-top-ink);letter-spacing:.14em;text-transform:uppercase;padding:.85rem 1.1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.68rem}.sermon-surface .sb-deep{background:var(--sb-deep);color:var(--sb-deep-ink);box-shadow:var(--sb-deep-shadow);border-radius:20px}.sermon-surface .sb-deep-soft{color:var(--sb-deep-ink-soft)}.sermon-surface .sb-card{background:var(--sb-paper-card);border:1px solid var(--sb-line);border-radius:14px}@layer components{:where(.sermon-surface) :where(.sb-btn){border-radius:999px;min-height:44px;padding:0 1rem;font-weight:500}:where(.sermon-surface) :where(.sb-btn--card){border-radius:16px;min-height:0;padding:0}}.sermon-surface .sb-btn{text-align:center;cursor:pointer;transition:background-color var(--sb-motion) var(--sb-ease), border-color var(--sb-motion) var(--sb-ease), color var(--sb-motion) var(--sb-ease), box-shadow var(--sb-motion) var(--sb-ease), transform var(--sb-motion) var(--sb-ease);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;line-height:1.2;display:inline-flex;position:relative}.sermon-surface .sb-btn:focus-visible,.sermon-surface .sb-focus:focus-visible{outline:2px solid var(--sb-violet);outline-offset:2px;box-shadow:0 0 0 4px #7c3aed40}.sermon-surface .sb-btn:disabled,.sermon-surface .sb-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.sermon-surface .sb-btn[data-loading=true]{cursor:progress;opacity:.8}.sermon-surface .sb-btn--primary{background-color:var(--sb-violet-deep);color:#fff;box-shadow:0 1px 2px #2b214029}.sermon-surface .sb-btn--secondary{color:var(--sb-ink);border-color:var(--sb-line-strong);background-color:#fff}.sermon-surface .sb-btn--outline{color:var(--sb-violet-deep);border-color:var(--sb-violet-block-border);background-color:#fff;box-shadow:0 1px 2px #2b21401a}.sermon-surface .sb-btn--outline:not(:disabled):not([data-loading=true]):active{background-color:var(--sb-violet-tint)}.sermon-surface .sb-btn--action{text-align:left;background-color:var(--sb-violet-deep);color:#fff;border-color:var(--sb-violet-deep);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.15rem;display:flex;box-shadow:0 1px 2px #2b214029}.sermon-surface .sb-btn--action .sb-action-title{font-weight:600}.sermon-surface .sb-btn--action .sb-action-note{color:#ffffffd9}.sermon-surface .sb-btn--action:disabled .sb-action-note{color:#ffffffb3}.sermon-surface .sb-drawer-bar{border:1px solid var(--sb-violet-deep);background-color:var(--sb-violet-deep);color:#fff;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.6rem .6rem .6rem 1.1rem;display:flex}.sermon-surface .sb-drawer-bar .sb-drawer-label{letter-spacing:.02em;font-weight:600}.sermon-surface .sb-drawer-bar .sb-drawer-action{color:var(--sb-violet-deep);background-color:#fff;border-radius:999px;align-items:center;gap:.35rem;min-height:36px;padding:.4rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.sermon-surface .sb-drawer-panel{opacity:0;max-height:0;transition:max-height .26s var(--sb-ease), opacity .2s var(--sb-ease);overflow:hidden}.sermon-surface .sb-drawer-panel[data-open=true]{opacity:1;max-height:55vh;overflow-y:auto}.sermon-surface .sb-side-drawer{top:env(safe-area-inset-top,0px);bottom:calc(env(safe-area-inset-bottom,0px) + 11rem);background-color:var(--sb-paper-card);z-index:25;visibility:hidden;pointer-events:none;width:min(86vw,380px);transition:transform .22s var(--sb-ease), visibility 0s linear .22s;flex-direction:column;display:flex;position:fixed;box-shadow:0 24px 60px -30px #2b21408c}.sermon-surface .sb-side-drawer--left{border-right:1px solid var(--sb-line);left:0;transform:translate(-100%)}.sermon-surface .sb-side-drawer--right{border-left:1px solid var(--sb-line);right:0;transform:translate(100%)}.sermon-surface .sb-side-drawer[data-open=true]{visibility:visible;pointer-events:auto;transition:transform .22s var(--sb-ease), visibility 0s;transform:translate(0)}@media (min-width:640px){.sermon-surface .sb-side-drawer{top:4.5rem;bottom:calc(env(safe-area-inset-bottom,0px) + 15rem)}}.sermon-surface .sb-bible-sheet{max-width:44rem;left:0;right:0;bottom:var(--sb-dock-height,11rem);--sb-bible-room:calc(100dvh - var(--sb-chrome-bottom,7rem) - var(--sb-dock-height,11rem) - .75rem);--sb-bible-cap:min(max(var(--sb-bible-room), 16rem), calc(100dvh - var(--sb-dock-height,11rem) - 3.5rem));height:min(52dvh,34rem);max-height:var(--sb-bible-cap);background-color:var(--sb-paper-card);border:1px solid var(--sb-line);z-index:25;visibility:hidden;pointer-events:none;transition:transform .22s var(--sb-ease), height .22s var(--sb-ease), visibility 0s linear .22s;border-radius:1rem 1rem 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;transform:translateY(calc(100% + 18rem));box-shadow:0 -24px 60px -30px #2b21408c}.sermon-surface .sb-bible-sheet[data-open=true]{visibility:visible;pointer-events:auto;transition:transform .22s var(--sb-ease), height .22s var(--sb-ease), visibility 0s;transform:translateY(0)}.sermon-surface .sb-bible-sheet[data-expanded=true]{height:var(--sb-bible-cap)}@media (min-width:640px){.sermon-surface .sb-bible-sheet{bottom:var(--sb-dock-height,15rem);--sb-bible-room:calc(100dvh - var(--sb-chrome-bottom,7rem) - var(--sb-dock-height,15rem) - .75rem);--sb-bible-cap:min(max(var(--sb-bible-room), 16rem), calc(100dvh - var(--sb-dock-height,15rem) - 5.5rem));height:clamp(21rem, calc(var(--sb-bible-room) / 2), 34rem)}}.sermon-surface .sb-tool-drawer{left:0;right:0;bottom:max(0px, min(calc(var(--sb-dock-height,10rem) + 8px), calc(100dvh - 12rem - 8px)));width:min(100% - 16px,40rem);max-height:max(12rem, calc(100dvh - var(--sb-dock-height,10rem) - var(--sb-chrome-bottom,7rem) - 16px));background-color:var(--sb-paper-card);border:1px solid var(--sb-line);z-index:9999;border-radius:18px;flex-direction:column;margin-inline:auto;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 50px -20px #2b214080}.sermon-surface .sb-tool-drawer aside{border-left:none}.sermon-surface .sb-drawer-scrim{inset:0;bottom:calc(env(safe-area-inset-bottom,0px) + 11rem);z-index:24;background:#2b214014;position:fixed}.sermon-surface .sb-drawer-handle{z-index:28;writing-mode:vertical-rl;background-color:var(--sb-violet-deep);color:#fff;letter-spacing:.06em;cursor:pointer;border-radius:0 10px 10px 0;min-width:30px;min-height:72px;padding:.7rem .35rem;font-size:.78rem;font-weight:600;position:absolute;top:42%;left:0}.sermon-surface .sb-btn--quiet{color:var(--sb-accent,var(--accent));background-color:#0000;border-color:#0000}.sermon-surface .sb-btn--ai{background:var(--sb-violet-block);color:var(--sb-violet-deep);border-color:var(--sb-violet-block-border)}.sermon-surface .sb-btn--gold{background-color:var(--sb-gold-soft);color:var(--sb-on-gold);letter-spacing:.14em;text-transform:uppercase;border-color:#ffffff8c;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.76rem}.sermon-surface .sb-btn--icon{min-width:44px;color:var(--sb-ink-soft);background-color:#0000;border-color:#0000;border-radius:12px;padding:0 .5rem}.sermon-surface .sb-btn.text-left{text-align:left;justify-content:flex-start}.sermon-surface .sb-btn--card{text-align:left;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex}.sermon-surface .sb-btn--card:not(.sb-dock__chip)>*{width:100%}.sermon-surface .sb-btn--inline{border-radius:6px;gap:.25rem;min-width:0;min-height:0;padding:.15rem .2rem}.sermon-surface .sb-btn--over{color:#ffece9;background-color:#7a1f1f;border-color:#7a1f1f}.sermon-surface .sb-btn--menu{text-align:left;background-color:var(--sb-paper-card);width:100%;min-height:48px;color:var(--sb-ink);border-color:var(--sb-line);border-radius:12px;justify-content:flex-start;font-weight:400}.sermon-surface .sb-btn[aria-pressed=true],.sermon-surface .sb-btn[aria-selected=true],.sermon-surface .sb-btn[aria-checked=true],.sermon-surface .sb-selected{background:var(--sb-violet-tint);color:var(--sb-violet-deep);border-color:var(--sb-violet);font-weight:600}.sermon-surface .sb-split[aria-pressed=true]{background:var(--sb-split-body);border-color:var(--sb-violet);box-shadow:0 0 0 2px var(--sb-violet), var(--sb-violet-block-shadow)}.sermon-surface .sb-split[aria-pressed=true] .sb-split-head{background:var(--sb-violet-deep);color:#fff}@media (hover:hover) and (pointer:fine){.sermon-surface .sb-btn:not(:disabled):not([data-loading=true]):hover{transform:translateY(-2px)}.sermon-surface .sb-btn--primary:not(:disabled):not([data-loading=true]):hover{background-color:var(--sb-violet);box-shadow:0 8px 18px -10px #6d28d9bf}.sermon-surface .sb-btn--secondary:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);background-color:var(--sb-violet-tint);color:var(--sb-violet-deep);box-shadow:0 6px 16px -12px #2b214080}.sermon-surface .sb-btn--action:not(:disabled):not([data-loading=true]):hover{background-color:var(--sb-violet);border-color:var(--sb-violet);box-shadow:0 10px 24px -16px #6d28d9cc}.sermon-surface .sb-drawer-bar:hover{background-color:var(--sb-violet);border-color:var(--sb-violet)}.sermon-surface .sb-btn--outline:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);background-color:#fff;box-shadow:0 6px 16px -12px #6d28d999}.sermon-surface .sb-btn--quiet:not(:disabled):not([data-loading=true]):hover{background-color:var(--sb-violet-tint)}.sermon-surface .sb-btn--ai:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);background:#e9ddfd;box-shadow:0 10px 24px -16px #6d28d9b3}.sermon-surface .sb-btn--gold:not(:disabled):not([data-loading=true]):hover{background-color:#e4d9fa;box-shadow:0 10px 24px -8px #6d28d980}.sermon-surface .sb-btn--icon:not(:disabled):not([data-loading=true]):hover{background-color:var(--sb-violet-tint);color:var(--sb-violet-deep)}.sermon-surface .sb-btn--menu:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);background-color:var(--sb-violet-tint)}.sermon-surface .sb-btn--card:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);box-shadow:0 8px 20px -14px #6d28d980}.sermon-surface .sb-dock__chip:not(:disabled):hover .sb-dock__glyph{border-color:var(--sb-violet);background:#e4d9fa}.sermon-surface .sb-btn.sb-dock__writer:not(:disabled):not([data-loading=true]):hover{background:var(--sb-writer);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 30px -12px #6d28d9cc}.sermon-surface .sb-btn .sb-arrow{transition:transform var(--sb-motion) var(--sb-ease);display:inline-block}.sermon-surface .sb-btn:not(:disabled):hover .sb-arrow{transform:translate(2px)}.sermon-surface .sb-btn:not(:disabled):hover .sb-arrow--back{transform:translate(-2px)}}.sermon-surface .sb-btn:not(:disabled):not([data-loading=true]):active{transform:translateY(1px);box-shadow:inset 0 1px 3px #2b214038}.sermon-surface .sb-btn--primary:not(:disabled):not([data-loading=true]):active,.sermon-surface .sb-btn--action:not(:disabled):not([data-loading=true]):active{background-color:#5b21b6}.sermon-surface .sb-btn--secondary:not(:disabled):not([data-loading=true]):active,.sermon-surface .sb-btn--menu:not(:disabled):not([data-loading=true]):active{background-color:var(--sb-paper-2)}.sermon-surface .sb-btn--quiet:not(:disabled):not([data-loading=true]):active,.sermon-surface .sb-btn--icon:not(:disabled):not([data-loading=true]):active{background-color:var(--sb-violet-tint);color:var(--sb-violet-deep)}.sermon-surface .sb-btn--ai:not(:disabled):not([data-loading=true]):active{color:var(--sb-violet-deep);background:#e2d3fb}.sermon-surface .sb-btn--gold:not(:disabled):not([data-loading=true]):active{background-color:#d6c5f5}.sermon-surface .sb-link{color:var(--sb-violet-deep);text-underline-offset:2px;transition:color var(--sb-motion) var(--sb-ease);text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.sermon-surface .sb-link:hover{color:var(--sb-violet)}}.sermon-surface .sb-field{border:1px solid var(--sb-line-strong);color:var(--sb-ink);transition:border-color var(--sb-motion) var(--sb-ease), box-shadow var(--sb-motion) var(--sb-ease);background-color:#fff;border-radius:12px}.sermon-surface .sb-field::placeholder{color:var(--sb-ink-faint)}.sermon-surface .sb-field:focus,.sermon-surface .sb-field:focus-visible{border-color:var(--sb-violet);outline:none;box-shadow:0 0 0 3px #7c3aed38}.sermon-surface .sb-finish-actions{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;padding:6px 0 4px;display:flex}.sermon-surface .sb-finish-actions__analyze{border-radius:999px;flex:12rem;min-height:52px;padding:0 1.35rem;font-size:1rem;font-weight:600}@media (min-width:640px){.sermon-surface .sb-finish-actions__analyze{flex:0 auto;min-width:15rem;max-width:22rem}}.sermon-surface .sb-dock-holder{container-type:inline-size}@media (max-width:639px){:is(nav:has(~.sermon-surface .sb-workspace),nav:has(~div .sermon-surface .sb-workspace)){display:none}}.sermon-surface .sb-dock{background:var(--sb-paper-card);border:1px solid var(--sb-line);padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 6px);border-bottom:none;border-radius:18px 18px 0 0;margin:0 6px;position:relative;box-shadow:0 -10px 30px -22px #6d28d980}.sermon-surface .sb-dock__tools{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:0;width:100%;display:flex}.sermon-surface .sb-dock__side{flex-wrap:nowrap;flex:1 1 0;justify-content:space-around;align-items:flex-end;min-width:0;display:flex}.sermon-surface .sb-dock__chip{border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;width:auto;min-width:0;min-height:0;padding:2px 1px 4px;display:flex}.sermon-surface .sb-dock__glyph{background:var(--sb-violet-tint);width:36px;height:36px;color:var(--sb-violet-deep);transition:background-color var(--sb-motion) var(--sb-ease), border-color var(--sb-motion) var(--sb-ease), color var(--sb-motion) var(--sb-ease), box-shadow var(--sb-motion) var(--sb-ease);border:1px solid #0000;border-radius:999px;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:relative}.sermon-surface .sb-dock__label{text-align:center;color:var(--sb-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.62rem;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.sermon-surface .sb-dock__label-wide{display:none}.sermon-surface .sb-dock__rec{background:var(--danger);border-radius:999px;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.sermon-surface .sb-btn.sb-dock__writer{background:var(--sb-writer);color:#fff;border:4px solid var(--sb-paper-card);letter-spacing:.06em;text-transform:uppercase;z-index:1;isolation:isolate;border-radius:999px;flex-direction:column;flex:0 0 88px;gap:0;width:88px;height:88px;min-height:0;margin:0 2px;padding:0;font-size:.6rem;font-weight:700;line-height:1.2;transition-property:background-color,border-color,color,box-shadow;display:inline-flex;position:static;top:auto;left:auto;box-shadow:0 10px 24px -12px #6d28d9a6}.sermon-surface .sb-dock__chip[aria-pressed=true] .sb-dock__glyph{background:var(--sb-violet);color:#fff;box-shadow:0 0 0 4px #7c3aed2e}.sermon-surface .sb-btn.sb-dock__writer[aria-pressed=true]{background:var(--sb-writer-deep);color:#fff;border-color:var(--sb-paper-card);box-shadow:0 0 0 5px #7c3aed40,0 10px 24px -12px #6d28d9a6}.sermon-surface .sb-dock__chip:not(:disabled):active .sb-dock__glyph{background:var(--sb-violet-deep);color:#fff}.sermon-surface .sb-btn.sb-dock__writer:not(:disabled):not([data-loading=true]):active{background:var(--sb-writer-deep);transform:none;box-shadow:0 10px 24px -12px #6d28d9a6}.sermon-surface .sb-dock__hint{display:none}@container (min-width:880px){.sermon-surface .sb-dock{border:1px solid var(--sb-line);border-radius:26px;margin:0 0 8px;padding:12px 12px 8px;box-shadow:0 18px 44px -30px #6d28d98c}.sermon-surface .sb-dock__tools{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:4px;width:100%;display:flex}.sermon-surface .sb-dock__side{justify-content:space-evenly;gap:4px}.sermon-surface .sb-dock__chip{flex:0 auto;width:auto;min-width:72px}.sermon-surface .sb-dock__glyph{width:44px;height:44px;font-size:1rem}.sermon-surface .sb-dock__label{font-size:.72rem}.sermon-surface .sb-btn.sb-dock__writer{flex:0 0 108px;width:108px;height:108px;margin:0 8px;font-size:.74rem;position:static}.sermon-surface .sb-dock__hint{text-align:center;color:var(--muted);padding:5px 0 1px;font-size:.66rem;display:block}.sermon-surface .sb-dock__label-wide{display:inline}.sermon-surface .sb-dock__label-narrow{display:none}}.sermon-surface .sb-dictation-bar{z-index:1;border:1px solid var(--sb-line-strong);background:var(--sb-paper-card);border-radius:16px;flex-direction:column;gap:6px;width:min(92vw,360px);margin-bottom:10px;padding:10px 12px;display:flex;position:absolute;bottom:100%;right:10px;box-shadow:0 10px 24px -12px #6d28d999}.sermon-surface .sb-dictation-bar__row{align-items:center;gap:8px;display:flex}.sermon-surface .sb-dictation-bar__dot{background:#9a2020;border-radius:999px;flex-shrink:0;width:10px;height:10px}.sermon-surface .sb-dictation-bar__status{min-width:0;color:var(--sb-ink-soft);flex:1;font-size:13px;line-height:1.4}.sermon-surface .sb-workspace[data-analyze-review=open] .sb-dock-holder[data-review=open]{min-height:calc(env(safe-area-inset-bottom,0px) + 56px)}.sermon-surface .sb-workspace[data-analyze-review=open] .sb-dictation-bar{margin-bottom:10px;bottom:100%}.sermon-surface .sb-cue-label{letter-spacing:.08em;text-transform:uppercase;color:var(--sb-ink-soft);font-size:13px;font-weight:600;line-height:1.3}.sermon-surface .sb-cue-num{background:var(--sb-violet-tint);min-width:1.9em;height:1.9em;color:var(--sb-violet-deep);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;margin-top:.05em;font-weight:700;display:inline-grid}.sermon-surface .sb-cue-scripture{border:1px solid var(--sb-violet-block-border);background:var(--sb-paper-card);border-radius:14px}.sermon-surface .sb-cue-transition{border-left:4px solid var(--sb-violet);padding-left:1rem}.sermon-surface .sb-scan-wash{pointer-events:none;background:linear-gradient(#e2dfea9e,#e2dfeaa8 calc(100% - 28px),#d6cdee80);transition:height .4s linear;position:absolute;top:0;left:-1.25rem;right:-1.25rem}.sermon-surface .sb-scan-band{pointer-events:none;background:var(--sb-violet);height:2px;margin-top:-1px;transition:top .4s linear;position:absolute;left:-1.25rem;right:-1.25rem;box-shadow:0 0 0 1px #7c3aed2e,0 0 14px 3px #7c3aed6b,0 6px 18px #7c3aed38}.sermon-surface .sb-scan-fill{transition:width .4s linear}.sermon-surface .sb-scan{transition:opacity .28s var(--sb-ease)}.sermon-surface .sb-scan[data-leaving=true]{opacity:0}.sermon-surface .sb-guided{opacity:0;transition:opacity .24s var(--sb-ease)}.sermon-surface .sb-guided[data-shown=true]{opacity:1}.sermon-surface .sb-guided-fill{transition:width .32s var(--sb-ease)}.sermon-surface .sb-guided-quote{border-left:3px solid var(--sb-violet);background:var(--sb-violet-tint);color:var(--foreground);border-radius:0 12px 12px 0;margin:0;padding:.625rem .875rem;font-style:italic}.sermon-surface .sb-pipeline-overlay{opacity:0;transition:opacity .28s var(--sb-ease)}.sermon-surface .sb-pipeline-overlay[data-shown=true]{opacity:1}.sermon-surface .sb-pipeline-overlay__card{opacity:0;transition:opacity .32s var(--sb-ease), transform .32s var(--sb-ease), background-color var(--sb-motion) var(--sb-ease);transform:translateY(16px)}.sermon-surface .sb-pipeline-overlay[data-shown=true] .sb-pipeline-overlay__card{opacity:1;transform:none}.sermon-surface .sb-pipeline-overlay__row{transition:background-color var(--sb-motion) var(--sb-ease), border-color var(--sb-motion) var(--sb-ease), box-shadow var(--sb-motion) var(--sb-ease)}.sermon-surface .sb-pipeline-overlay__row[data-state=writing]{box-shadow:0 0 0 2px var(--sb-violet)}.sermon-surface .sb-pipeline-overlay__fill{transition:width .28s var(--sb-ease)}.sermon-surface .sb-pipeline-overlay__dots{align-items:center;gap:4px;display:inline-flex}.sermon-surface .sb-pipeline-overlay__dots i{background:var(--sb-violet,var(--accent));border-radius:50%;width:6px;height:6px;display:block}.sermon-surface .sb-length-meter__fill{transition:width .28s var(--sb-ease), background-color .28s var(--sb-ease)}.sermon-surface .sb-block--just-changed{background-color:var(--sb-violet-tint);box-shadow:inset 0 0 0 2px var(--sb-violet);transition:background-color .28s var(--sb-ease), box-shadow .28s var(--sb-ease);border-radius:4px}.sermon-surface .sb-block--just-changed.sb-block--settling{box-shadow:none;background-color:#0000}.sermon-surface .sb-section-check{color:var(--success);flex-shrink:0;display:inline-flex}.sermon-surface .sb-section-check path{stroke-dasharray:16;stroke-dashoffset:16px;opacity:0;transition:stroke-dashoffset .36s var(--sb-ease), opacity .24s var(--sb-ease)}.sermon-surface .sb-section-check[data-phase=enter] path,.sermon-surface .sb-section-check[data-phase=on] path{stroke-dashoffset:0;opacity:1}.sermon-surface .sb-section-check[data-phase=on] path{transition-duration:1ms}.sermon-surface .sb-section-check[data-static=true] path{stroke-dashoffset:0;opacity:1;transition-duration:1ms}.sermon-surface .sb-review-ready{align-items:flex-start;gap:10px;display:flex}.sermon-surface .sb-review-ready__mark{flex-shrink:0;margin-top:1px}.sermon-surface .sb-review-ready__mark path:last-child{stroke-dasharray:18;stroke-dashoffset:18px;transition:stroke-dashoffset .42s var(--sb-ease)}.sermon-surface .sb-review-ready[data-drawn=true] .sb-review-ready__mark path:last-child{stroke-dashoffset:0}.sermon-surface .sb-spotlight{z-index:10000;pointer-events:none;position:fixed;inset:0}.sermon-surface .sb-spotlight__ring{border:2px solid var(--sb-violet);opacity:0;transition:opacity .38s var(--sb-ease), transform .38s var(--sb-ease);border-radius:20px;position:absolute;transform:scale(1.05);box-shadow:0 0 0 200vmax #1c144080,0 0 0 6px #7c3aed47}.sermon-surface .sb-spotlight--shown .sb-spotlight__ring{opacity:1;transform:scale(1)}.sermon-surface .sb-spotlight--leaving .sb-spotlight__ring{opacity:0;transition-duration:.3s;transform:scale(1)}.sermon-surface .sb-spotlight__card{border:1px solid var(--sb-violet);text-align:center;background:#fff;border-radius:16px;width:max-content;max-width:calc(100% - 28px);padding:12px 18px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -12px #1c144073}.sermon-surface .sb-spotlight__title{color:var(--sb-violet-deep,#2b2140);font-size:15px;font-weight:600}.sermon-surface .sb-spotlight__body{color:#6b6476;margin-top:2px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){.sermon-surface .sb-spotlight__ring{transition-duration:1ms;transform:none}.sermon-surface .sb-spotlight--shown .sb-spotlight__ring,.sermon-surface .sb-spotlight--leaving .sb-spotlight__ring{transform:none}.sermon-surface .sb-btn,.sermon-surface .sb-btn .sb-arrow,.sermon-surface .sb-link,.sermon-surface .sb-field,.sermon-surface .sb-drawer-panel,.sermon-surface .sb-side-drawer,.sermon-surface .sb-bible-sheet,.sermon-surface .sb-scan-band,.sermon-surface .sb-scan-wash,.sermon-surface .sb-scan-fill,.sermon-surface .sb-scan,.sermon-surface .sb-guided,.sermon-surface .sb-guided-fill,.sermon-surface .sb-pipeline-overlay,.sermon-surface .sb-pipeline-overlay__card,.sermon-surface .sb-pipeline-overlay__row,.sermon-surface .sb-pipeline-overlay__fill,.sermon-surface .sb-length-meter__fill,.sermon-surface .sb-block--just-changed,.sermon-surface .sb-section-check path,.sermon-surface .sb-review-ready__mark path:last-child{transition-duration:1ms}.sermon-surface .sb-pipeline-overlay,.sermon-surface .sb-pipeline-overlay__card{opacity:1;transform:none}.sermon-surface .sb-btn:not(:disabled):not([data-loading=true]):hover,.sermon-surface .sb-btn:not(:disabled):not([data-loading=true]):active,.sermon-surface .sb-btn.sb-dock__writer:not(:disabled):not([data-loading=true]):hover,.sermon-surface .sb-btn.sb-dock__writer:not(:disabled):not([data-loading=true]):active{transform:none}.sermon-surface .sb-dock__glyph{transition-duration:1ms}.sermon-surface .sb-btn:not(:disabled):hover .sb-arrow,.sermon-surface .sb-btn:not(:disabled):hover .sb-arrow--back{transform:none}}.sermon-surface .sb-writing{display:block}.sermon-surface .sb-writing__page{background:var(--card);border:1px solid var(--sb-violet-block-border,var(--border));box-shadow:var(--sb-violet-block-shadow,none);border-radius:16px;gap:9px;padding:12px 16px;display:grid;position:relative;overflow:hidden}.sermon-surface .sb-writing__line{background:var(--sb-violet-tint,var(--accent-light));border-radius:999px;height:7px;display:block;position:relative}.sermon-surface .sb-writing__line--short{width:62%}.sermon-surface .sb-writing__ink{border-radius:inherit;background:linear-gradient(90deg, var(--sb-violet,#7c3aed), var(--sb-violet-deep,#6d28d9));width:0;animation:5.2s cubic-bezier(.45,.05,.35,1) infinite sb-writing-ink-1;display:block;position:absolute;inset:0 auto 0 0}.sermon-surface .sb-writing__ink:after{content:"";background:var(--sb-violet-deep,#6d28d9);opacity:0;border-radius:999px;width:14px;height:14px;margin-top:-7px;animation:5.2s linear infinite sb-writing-nib-1;position:absolute;top:50%;right:-7px;box-shadow:0 0 0 4px #7c3aed2e}.sermon-surface .sb-writing__ink--2{animation-name:sb-writing-ink-2}.sermon-surface .sb-writing__ink--2:after{animation-name:sb-writing-nib-2}.sermon-surface .sb-writing__ink--3{animation-name:sb-writing-ink-3}.sermon-surface .sb-writing__ink--3:after{animation-name:sb-writing-nib-3}.sermon-surface .sb-writing__ink--4{animation-name:sb-writing-ink-4}.sermon-surface .sb-writing__ink--4:after{animation-name:sb-writing-nib-4}@keyframes sb-writing-ink-1{0%{opacity:1;width:0}18%{width:100%}86%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes sb-writing-ink-2{0%,20%{opacity:1;width:0}38%{width:100%}86%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes sb-writing-ink-3{0%,40%{opacity:1;width:0}58%{width:100%}86%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes sb-writing-ink-4{0%,60%{opacity:1;width:0}78%{width:100%}86%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes sb-writing-nib-1{0%,17.5%{opacity:1}18%,to{opacity:0}}@keyframes sb-writing-nib-2{0%,19.5%{opacity:0}20%,37.5%{opacity:1}38%,to{opacity:0}}@keyframes sb-writing-nib-3{0%,39.5%{opacity:0}40%,57.5%{opacity:1}58%,to{opacity:0}}@keyframes sb-writing-nib-4{0%,59.5%{opacity:0}60%,77.5%{opacity:1}78%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.sermon-surface .sb-writing__ink,.sermon-surface .sb-writing__ink:after{animation:none}.sermon-surface .sb-writing__ink{opacity:.55;width:100%}}