.sermon-surface.sermon-surface{--sb-paper:#f4eee1;--sb-paper-2:#ece3d2;--sb-paper-card:#fbf7ee;--sb-ink:#221e2a;--sb-ink-soft:#544e60;--sb-ink-faint:#8c8593;--sb-violet:#7c5cfc;--sb-violet-deep:#5630d6;--sb-violet-tint:#efeafe;--sb-gold:#a9812f;--sb-gold-soft:#c6a35a;--sb-line:#221e2a21;--sb-line-strong:#221e2a42;--sb-violet-block:linear-gradient(180deg, #f3effe, #efeafe);--sb-violet-block-border:#7c5cfc47;--sb-violet-block-shadow:0 14px 34px -22px #5630d680;--sb-violet-block-ink:#2b2440;--sb-violet-block-ink-soft:#403a52;--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, #2a2140, #3a2a6e 55%, #5630d6);--sb-deep-ink:#f3eee2;--sb-deep-ink-soft:#d9d2e8;--sb-deep-shadow:0 24px 60px -30px #3c288ccc;--sb-on-gold:#241c10;--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:#f7f1e4;--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:#7c5cfc38;--foreground-secondary:var(--sb-ink-soft);--foreground-high-contrast:#100d16;--background-blur:#f4eee1f2;--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 #7c5cfc40}.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 #221e2a29}.sermon-surface .sb-btn--secondary{color:var(--sb-ink);border-color:var(--sb-line-strong);background-color:#fffdf7}.sermon-surface .sb-btn--outline{color:var(--sb-violet-deep);border-color:var(--sb-violet-block-border);background-color:#fffdf7;box-shadow:0 1px 2px #221e2a1a}.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 #221e2a29}.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{background-color:var(--sb-paper-card);z-index:30;visibility:hidden;width:min(86%,380px);transition:transform .22s var(--sb-ease), visibility 0s linear .22s;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;box-shadow:0 24px 60px -30px #221e2a8c}.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;transition:transform .22s var(--sb-ease), visibility 0s;transform:translate(0)}.sermon-surface .sb-drawer-scrim{z-index:29;background:#221e2a14;position:absolute;inset:0}.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;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;display:block}.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(-1px)}.sermon-surface .sb-btn--primary:not(:disabled):not([data-loading=true]):hover{background-color:#6440e0;box-shadow:0 8px 18px -10px #5630d6bf}.sermon-surface .sb-btn--secondary:not(:disabled):not([data-loading=true]):hover{border-color:var(--sb-violet);background-color:#fffdf7;box-shadow:0 6px 16px -12px #221e2a80}.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 #5630d6cc}.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 #5630d699}.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);box-shadow:0 10px 24px -16px #5630d6b3}.sermon-surface .sb-btn--gold:not(:disabled):not([data-loading=true]):hover{background-color:#d0b06b;box-shadow:0 10px 24px -8px #c6a35ab3}.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:#fffdf7}.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(0);box-shadow:inset 0 1px 3px #221e2a38}.sermon-surface .sb-btn--primary:not(:disabled):not([data-loading=true]):active{background-color:#4a28bb}.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--gold:not(:disabled):not([data-loading=true]):active{background-color:#b9954f}.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:#fffdf7;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 #7c5cfc38}.sermon-surface .sb-scan-band{pointer-events:none;border-top:2px solid var(--sb-violet);background:linear-gradient(#6340e038,#6340e00f 60%,#6340e000);height:56px;margin-top:-28px;transition:top .14s linear;position:absolute;left:0;right:0}.sermon-surface .sb-scan-fill{transition:width .14s linear}.sermon-surface .sb-scan-section{transition:background-color var(--sb-motion) var(--sb-ease)}.sermon-surface .sb-scan-section[data-scanned=true]{background-color:var(--sb-violet-tint)}@media (prefers-reduced-motion:reduce){.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-scan-band,.sermon-surface .sb-scan-fill,.sermon-surface .sb-scan-section{transition-duration:1ms}.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:not(:disabled):hover .sb-arrow,.sermon-surface .sb-btn:not(:disabled):hover .sb-arrow--back{transform:none}}