.app{min-height:100vh;padding-bottom:calc(var(--playerbar-h) + 24px)}.topbar{border-bottom:1px solid var(--color-line);background:var(--color-surface);position:sticky;top:0;z-index:20}.topbar__inner{max-width:var(--maxw);margin:0 auto;padding:18px 20px}.brand{display:flex;align-items:baseline;gap:10px}.brand__mark{width:12px;height:12px;border-radius:50%;background:var(--color-accent);align-self:center}.brand__name{font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.brand__section{color:var(--color-ink-faint);font-weight:500}.content{max-width:var(--maxw);margin:0 auto;padding:28px 20px 60px}.notice{color:var(--color-ink-faint);padding:40px 0;text-align:center}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--color-line);border-radius:var(--radius);padding:12px 16px;color:var(--color-ink-faint);background:var(--color-surface);margin-bottom:28px}.search input{border:0;outline:0;flex:1;font-size:1rem;color:var(--color-ink);background:transparent}.featured{background:var(--color-surface-alt);border-radius:var(--radius);padding:32px;margin-bottom:40px}.featured__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600;color:var(--color-accent-ink);margin-bottom:10px}.featured__title{font-size:clamp(1.6rem,4vw,2.3rem)}.featured__scripture{font-family:var(--font-serif);font-style:italic;color:var(--color-ink-soft);margin-top:8px}.featured__meta{color:var(--color-ink-faint);margin-top:8px;font-size:.92rem}.featured__desc{margin:16px 0 0;max-width:60ch;color:var(--color-ink-soft)}.featured__actions{display:flex;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 20px;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-ink)}.btn--ghost{background:transparent;border-color:var(--color-line);color:var(--color-ink)}.btn--ghost:hover{border-color:var(--color-ink-faint)}.series,.results{margin-bottom:40px}.series__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.series__title{font-size:1.25rem}.series__count{color:var(--color-ink-faint);font-size:.85rem;white-space:nowrap}.series__desc{color:var(--color-ink-faint);margin:0 0 16px;max-width:62ch}.series__list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.card{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);transition:border-color .15s,box-shadow .15s}.card:hover{border-color:#d9d9d9;box-shadow:var(--shadow-sm)}.card--active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.card__play{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--color-surface-alt);color:var(--color-ink);display:grid;place-items:center;transition:background .15s,color .15s}.card__play:hover,.card--active .card__play{background:var(--color-accent);color:#fff}.card__body{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:0}.card__title{font-weight:600;font-size:1rem}.card__meta{color:var(--color-ink-faint);font-size:.85rem;margin-top:2px}.card__scripture{font-family:var(--font-serif);font-style:italic;font-size:.82rem;color:var(--color-ink-soft);margin-top:3px}.card__dur{color:var(--color-ink-faint);font-size:.8rem;font-variant-numeric:tabular-nums}.detail{max-width:68ch}.backlink{border:0;background:transparent;color:var(--color-accent-ink);font-weight:600;padding:0;margin-bottom:22px}.detail__series{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600;color:var(--color-accent-ink);margin-bottom:8px}.detail__title{font-size:clamp(1.7rem,4vw,2.4rem)}.detail__scripture{font-family:var(--font-serif);font-style:italic;color:var(--color-ink-soft);margin-top:10px}.detail__meta{color:var(--color-ink-faint);margin-top:8px}.detail__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.detail__desc{color:var(--color-ink-soft);line-height:1.7}.detail__video{margin-top:20px}.scrub{flex:1;padding:8px 0;cursor:pointer;touch-action:none}.scrub__track{position:relative;height:5px;border-radius:999px;background:var(--color-line)}.scrub__buffered{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:#d7d7d7}.scrub__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:var(--color-accent)}.scrub__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);box-shadow:var(--shadow-sm)}.playerbar{position:fixed;left:0;right:0;bottom:0;height:var(--playerbar-h);background:var(--color-surface);border-top:1px solid var(--color-line);box-shadow:var(--shadow-md);z-index:30}.playerbar__inner{max-width:var(--maxw);margin:0 auto;height:100%;padding:0 20px;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(180px,2fr) auto;align-items:center;gap:20px}.playerbar__meta{min-width:0}.playerbar__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerbar__sub{color:var(--color-ink-faint);font-size:.82rem}.playerbar__controls{display:flex;align-items:center;gap:6px}.playerbar__scrub{display:flex;align-items:center;gap:10px}.playerbar__time{color:var(--color-ink-faint);font-size:.75rem;font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.iconbtn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--color-ink);display:grid;place-items:center;transition:background .15s}.iconbtn:hover{background:var(--color-surface-alt)}.iconbtn--primary{background:var(--color-accent);color:#fff;width:48px;height:48px}.iconbtn--primary:hover{background:var(--color-accent-ink)}.ratebtn{border:1px solid var(--color-line);background:transparent;color:var(--color-ink);border-radius:999px;padding:7px 12px;font-weight:600;font-variant-numeric:tabular-nums;min-width:52px}.ratebtn:hover{border-color:var(--color-accent);color:var(--color-accent-ink)}.speed{position:relative}.speed__menu{position:absolute;bottom:calc(100% + 10px);right:0;margin:0;padding:6px;list-style:none;min-width:128px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:40}.speed__option{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:var(--color-ink);text-align:left;padding:9px 12px;border-radius:var(--radius-sm);font-weight:500;font-variant-numeric:tabular-nums}.speed__option:hover{background:var(--color-surface-alt)}.speed__option.is-active{color:var(--color-accent-ink);font-weight:700}.speed__option.is-active:after{content:"✓";margin-left:12px}@media (max-width: 720px){.featured{padding:24px 20px}.playerbar{height:auto}.playerbar__inner{grid-template-columns:1fr auto;grid-template-areas:"meta rate" "scrub scrub" "controls controls";gap:8px;padding:10px 16px 12px}.playerbar__meta{grid-area:meta}.ratebtn{grid-area:rate}.playerbar__scrub{grid-area:scrub}.playerbar__controls{grid-area:controls;justify-content:center}.app{padding-bottom:160px}}