:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd16647,#0000 32%),linear-gradient(#fffaf0 0%,#f4f7fb 56%,#eef3f8 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:0;pointer-events:none;opacity:.12;background:radial-gradient(circle,#ffffff0a 0%,#ffffff6b 52%,#fffc 100%),url(/church-logo.png) 50%/min(120vw,1500px) no-repeat;position:fixed;inset:0}.background-orb{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:999px;width:28rem;height:28rem;position:fixed;inset:auto}.background-orb-left{background:#ffd166a6;top:-8rem;left:-8rem}.background-orb-right{background:#2b6cb033;bottom:-10rem;right:-10rem}.app-frame{z-index:1;flex-direction:column;gap:24px;width:min(1180px,100%);margin:0 auto;display:flex;position:relative}.app-frame-listener{width:min(920px,100%)}.host-app-frame{gap:18px}.host-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 0;display:flex}.host-page-header-copy{max-width:720px}.host-page-header-copy h1{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.host-page-header-copy p{color:#64748b;margin:10px 0 0;font-size:.98rem}.hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbd;border:1px solid #14213d14;border-radius:32px;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:32px;display:flex;box-shadow:0 24px 70px #14213d14}.hero-listener{align-items:flex-end}.hero-copy{max-width:780px}.hero-side{flex-direction:column;justify-content:space-between;gap:14px;min-width:min(100%,320px);display:flex}.hero-pill{color:#0f172a;background:#fffffff2;border:1px solid #14213d14;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.95rem;font-weight:600;display:inline-flex}.hero h1,.listener-header h2,.panel h3,.overview-card h3{color:#0f172a;margin:0}.hero h1{letter-spacing:-.05em;max-width:11ch;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.96}.hero p{color:#475569;max-width:64ch;margin-top:18px;font-size:1.05rem}.hero-support{color:#64748b;max-width:28ch;margin:0;font-size:.98rem}.hero-preview-card{color:#fff;background:linear-gradient(#16324ff5 0%,#1c4268eb 100%);border-radius:24px;padding:18px;box-shadow:0 24px 60px #16324f3d}.hero-preview-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hero-preview-top strong{letter-spacing:.14em;margin-top:6px;font-size:1.45rem;display:block}.hero-preview-grid{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.hero-preview-grid div{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;padding:12px 14px}.hero-preview-grid span{text-transform:uppercase;letter-spacing:.08em;color:#ffffffad;font-size:.8rem;display:block}.hero-preview-grid strong{margin-top:4px;font-size:1rem;display:block}.badge-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.badge{color:#fff;background:#16324f;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:.92rem;font-weight:600;display:inline-flex}.badge-muted{color:#16324f;background:#14213d14}.badge-success{color:#166534;background:#1a7f371f}.tab-row{background:#ffffffd1;border:1px solid #14213d14;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(760px,100%);padding:8px;display:grid;box-shadow:0 20px 40px #14213d14}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.entry-card{padding:24px}.entry-title{align-items:center;gap:10px;display:inline-flex}.tab-button{color:#334155;background:0 0;border:0;border-radius:18px;padding:14px 16px;font-weight:700}.tab-button-active{color:#fff;background:#16324f}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #14213d14;border-radius:28px;box-shadow:0 18px 45px #14213d12}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 0;display:flex}.panel-header p,.listener-header p,.overview-card p,.highlight-tile span,.feature-tile span,.toggle-description,.stat-hint,.transcript-card .panel-header p,.hero-strip p,.language-option span,.control-card span{color:#64748b}.panel-actions{align-items:center;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.stack-md{flex-direction:column;gap:18px;display:flex}.stack-sm{flex-direction:column;gap:12px;display:flex}.stats-grid,.overview-grid,.highlight-grid,.feature-grid,.language-grid,.control-grid{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.05fr 1.55fr;gap:24px;display:grid}.host-layout{flex-direction:column;gap:24px;display:flex}.host-management-grid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);align-items:start;gap:18px;display:grid}.transcript-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 24px 24px}.feature-grid,.language-grid,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid-single{grid-template-columns:1fr}.stat-card{padding:20px}.stat-top{justify-content:space-between;gap:16px;display:flex}.stat-label,.eyebrow{color:#64748b;font-size:.94rem}.stat-value{color:#0f172a;margin-top:8px;font-size:2rem;font-weight:800;line-height:1}.stat-hint{margin-top:8px;font-size:.88rem}.stat-icon,.overview-icon,.hero-icon{color:#16324f;background:#eef4fb;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.session-shell,.listener-card .panel-body,.translation-stage,.soft-panel{padding:24px}.session-shell-compact{padding:18px}.host-management-grid>.soft-panel,.host-management-grid>.session-shell{align-self:start;height:auto}.host-summary-card,.host-sermon-panel,.host-language-panel,.host-control-panel,.host-join-card{border-radius:24px}.host-sermon-panel,.host-language-panel{padding:18px}.host-summary-card{padding:16px}.host-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.host-inline-status{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.host-inline-status-chip{color:#334155;background:#14213d0f;border-radius:999px;align-items:center;padding:7px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.host-input-block{background:#f7f9fcf2;border:1px solid #14213d14;border-radius:18px;margin-top:4px;padding:14px}.host-input-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.host-input-chip-row{flex-wrap:wrap;gap:8px;display:flex}.host-input-chip{color:#334155;background:#14213d14;border-radius:999px;align-items:center;padding:7px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.host-input-chip-good{color:#166534;background:#16a34a1f}.host-input-chip-warning{color:#b45309;background:#f59e0b24}.host-input-chip-hot{color:#b91c1c;background:#ef44441f}.host-input-chip-neutral{color:#334155;background:#14213d14}.host-audio-presets{flex-wrap:wrap;gap:10px;display:flex}.host-audio-preset{color:#16324f;background:#fff;border:1px solid #14213d1a;border-radius:14px;min-height:40px;padding:10px 14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.host-audio-preset-active{color:#fff;background:#16324f;border-color:#16324f}.host-audio-preset:disabled{opacity:.55}.mic-help-text{color:#64748b;margin:-2px 0 0;font-size:.9rem;line-height:1.45}.host-usage-block{background:#f7f9fcf2;border:1px solid #14213d14;border-radius:18px;margin-top:4px;padding:14px}.host-usage-block-side{margin-top:0}.host-usage-block-inline{margin-top:2px}.host-usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.host-usage-item{background:#fff;border:1px solid #14213d0f;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.host-usage-item strong{color:#0f172a;font-size:1.05rem}.host-usage-note{color:#64748b;font-size:.84rem}.host-sermon-panel .panel-header,.host-language-panel .panel-header,.host-control-panel .panel-header{padding-top:16px}.host-sermon-panel .panel-body,.host-language-panel .panel-body,.host-control-panel .panel-body{padding-top:12px}.host-sermon-editor{margin-bottom:0}.host-join-card{padding:14px}.soft-panel{background:#f7f9fcf2}.session-code-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.button-stack{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.session-code{letter-spacing:.18em;color:#0f172a;margin-top:8px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1}.session-shell-compact .session-code{letter-spacing:.12em;margin-top:6px;font-size:clamp(1.45rem,3vw,2rem)}.session-shell-compact .field-block-compact{margin-bottom:12px}.qr-shell{text-align:center;background:#fff;border:1px dashed #14213d26;border-radius:24px;margin-top:24px;padding:24px}.session-shell-compact .qr-shell{margin-top:16px;padding:16px}.session-shell-compact .qr-shell svg{width:60px;height:60px}.qr-shell p{color:#64748b;margin:12px 0 0}.session-shell-compact .qr-shell p{margin-top:8px;font-size:.92rem}.join-link-card{background:#f6f8fbf5;border:1px solid #14213d14;border-radius:20px;margin-top:16px;padding:16px}.session-shell-compact .join-link-card{margin-top:12px;padding:12px 14px}.join-link{color:#16324f;word-break:break-all;margin-top:6px;font-weight:700}.join-link-card p{color:#64748b;margin:6px 0 0}.qr-box{grid-template-columns:repeat(5,14px);justify-content:center;gap:4px;margin-bottom:18px;display:grid}.qr-pixel{background:#e2e8f0;border-radius:4px;width:14px;height:14px}.qr-pixel-on{background:#0f172a}.toggle-row,.control-card,.language-option,.feature-tile{background:#fff;border:1px solid #14213d1a;border-radius:24px;width:100%}.toggle-row{text-align:left;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.host-language-panel .toggle-row{border-radius:18px;padding:14px 16px}.language-indicator-card{background:#fff;border:1px solid #14213d1a;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.language-indicator-card-active{background:#ecfdf5eb;border-color:#16a34a38}.language-indicator-pill{color:#16324f;background:#14213d14;border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.language-indicator-pill-live{color:#166534;background:#16a34a24}.host-language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.toggle-title,.range-header span,.highlight-tile strong,.feature-tile strong,.language-option strong,.control-card strong{color:#0f172a;font-weight:700}.switch{background:#d7e0eb;border-radius:999px;align-items:center;width:58px;padding:4px;transition:background .2s;display:inline-flex}.switch-on{background:#16324f}.switch-thumb{background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .2s;transform:translate(0)}.switch-on .switch-thumb{transform:translate(28px)}.range-block{flex-direction:column;gap:12px;display:flex}.range-block-compact{gap:6px;min-width:160px}.range-header{justify-content:space-between;align-items:center;display:flex}.range-header strong{color:#16324f}input[type=range]{accent-color:#16324f;width:100%}.range-track{background:#dde6ef;border-radius:999px;height:10px;overflow:hidden}.range-track-fill{border-radius:inherit;background:linear-gradient(90deg,#16324f 0%,#2b6cb0 100%);height:100%}.mic-meter-shell{flex-direction:column;gap:10px;display:flex}.mic-track-fill{background:linear-gradient(90deg,#16a34a 0%,#22c55e 45%,#f59e0b 70%,#ef4444 100%)}.status-inline{color:#475569;align-items:center;gap:10px;font-size:.94rem;display:flex}.broadcast-indicator{color:#16324f;background:#ffffffeb;border:1px solid #14213d14;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 14px;display:inline-flex}.broadcast-indicator-live{color:#166534;background:#16a34a1f}.status-dot{background:#cbd5e1;border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 0 6px #cbd5e138}.status-dot-live{background:#16a34a;box-shadow:0 0 0 6px #16a34a1f}.status-dot-ready{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b24}.button-row{flex-wrap:wrap;gap:12px;display:flex}.host-control-panel .button-row{gap:10px}.host-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.host-status-chip{color:#334155;background:#fff;border:1px solid #14213d14;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.action-button{border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-weight:700;display:inline-flex}.action-button-primary{color:#fff;background:#16324f}.action-button-success{color:#166534;background:#e7f8ee;border:1px solid #16653429}.action-button-secondary{color:#16324f;background:#fff;border:1px solid #14213d1f}.action-button-active{box-shadow:inset 0 0 0 2px #ffffff2e,0 12px 24px #14213d1f}.action-button-success.action-button-active{box-shadow:inset 0 0 0 2px #1665341a,0 12px 24px #1665341f}.full-width{width:100%}.transcript-card{overflow:hidden}.host-transcript-panel{padding:24px}.host-transcript-tabs{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.host-transcript-tab{color:#16324f;background:#f6f8fbfa;border:1px solid #14213d1f;border-radius:999px;padding:10px 14px;font-weight:700}.host-transcript-tab-active{color:#fff;background:#16324f;border-color:#16324f}.host-transcript-tab:disabled{opacity:.45;cursor:not-allowed}.transcript-list{flex-direction:column;gap:12px;padding:20px 24px 24px;display:flex}.transcript-list-scroll{scroll-behavior:smooth;max-height:420px;overflow-y:auto}.transcript-line,.translation-line{color:#1e293b;background:#fff;border:1px solid #14213d14;border-radius:22px;padding:16px;line-height:1.7}.translation-empty{color:#64748b;text-align:center;background:#fffc;border:1px dashed #14213d24;border-radius:22px;padding:20px;line-height:1.7}.listener-shell{max-width:900px}.listener-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.listener-card{overflow:hidden}.host-login-panel{max-width:520px;margin:0 auto}.host-login-form{gap:16px;padding:28px}.host-password-field{background:linear-gradient(#f7f9fcfa 0%,#fffffffa 100%);border:1px solid #14213d1a;border-radius:24px;gap:10px;padding:18px}.host-password-field span{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.82rem}.host-password-field .session-name-input{background:#fff;border:1px solid #14213d1f;border-radius:16px;min-height:58px;padding:0 18px;box-shadow:inset 0 1px #ffffffbf}.hero-strip{background:#f7f9fcfa;border-bottom:1px solid #14213d14;align-items:center;gap:14px;padding:22px 24px;display:flex}.hero-strip-spread{flex-wrap:wrap;justify-content:space-between}.field-block{color:#0f172a;flex-direction:column;gap:8px;font-weight:700;display:flex}.field-block-compact{margin-bottom:18px}.text-input{color:#0f172a;letter-spacing:.22em;text-transform:uppercase;background:#fff;border:1px solid #14213d26;border-radius:18px;min-height:52px;padding:0 16px;font-size:1.1rem}.session-name-input{color:#0f172a;background:#fff;border:1px solid #14213d26;border-radius:18px;min-height:52px;padding:0 16px;font-size:1rem;font-weight:600}.sermon-context-input{resize:vertical;color:#0f172a;background:#fff;border:1px solid #14213d26;border-radius:20px;min-height:180px;padding:14px 16px;font-size:.98rem;line-height:1.55}.host-sermon-panel .sermon-context-input{min-height:112px}.sermon-context-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sermon-context-meta{color:#64748b;font-size:.92rem;font-weight:600}.sermon-context-indicator{background:#f7f9fcf5;border:1px solid #14213d14;border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.sermon-context-indicator-active{background:#f0fdf4f5;border-color:#16a34a29}.sermon-context-indicator-top{color:#0f172a;align-items:center;gap:10px;display:inline-flex}.sermon-context-indicator-copy{color:#475569;font-size:.92rem;line-height:1.5}.sermon-context-hints{flex-direction:column;gap:10px;display:flex}.sermon-context-hint-list{flex-wrap:wrap;gap:8px;display:flex}.sermon-context-hint-chip{color:#16324f;background:#14213d0f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.hidden-file-input{display:none}.sermon-upload-status{color:#334155;background:#14213d0f;border-radius:16px;padding:12px 14px;font-size:.92rem;font-weight:600}.listener-session-name{color:#16324f;margin-top:-4px;font-size:1rem;font-weight:700}.auth-error{color:#b91c1c;background:#b91c1c14;border-radius:16px;padding:12px 14px;font-weight:600}.join-link-session-name{margin-bottom:12px;font-size:1.05rem}.feature-tile,.highlight-tile{padding:20px}.feature-tile{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.language-option{text-align:left;padding:22px}.language-option-top{justify-content:space-between;gap:16px;display:flex}.language-option span{margin-top:6px;display:block}.language-option-active{color:#fff;background:#16324f}.language-option-active strong,.language-option-active span{color:#fff}.control-card{text-align:left;align-items:flex-start;gap:12px;padding:18px;display:flex}.listener-audio-button{color:#fff;text-align:left;background:linear-gradient(#16324f 0%,#21476f 100%);border:1px solid #14213d1f;border-radius:24px;align-items:center;gap:16px;width:100%;padding:20px 22px;display:flex;box-shadow:0 18px 36px #16324f2e}.listener-audio-button strong,.listener-audio-button span{color:#fff}.listener-audio-button strong{font-size:1.1rem;display:block}.listener-audio-button span{color:#ffffffc7;margin-top:4px;font-size:.95rem;display:block}.listener-audio-button-active{background:linear-gradient(#166534 0%,#15803d 100%);box-shadow:0 18px 36px #16653433}.listener-secondary-action{color:#16324f;background:linear-gradient(#fff 0%,#f7f9fc 100%);box-shadow:0 14px 28px #14213d14}.listener-secondary-action strong{color:#0f172a}.listener-secondary-action span{color:#64748b}.listener-secondary-action-active{background:linear-gradient(#e7f8ee 0%,#dcfce7 100%);box-shadow:0 14px 28px #1665341f}.listener-secondary-action-active strong,.listener-secondary-action-active span{color:#166534}.control-card-range{grid-column:span 2}.control-card-range-single{grid-column:span 1}.control-range-copy{flex:1}.translation-stage{background:#f6f8fbf2;border-radius:28px}.translation-stage-header{color:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.translation-stage-title{align-items:center;gap:10px;display:flex}.translation-stage-controls{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.translation-stage-slider{background:#ffffffd1;border-radius:18px;align-items:center;gap:10px;min-width:220px;padding:10px 14px;display:inline-flex}.translation-stage-slider .range-header span{font-size:.78rem}.translation-stage-slider .range-header strong{font-size:.88rem}.translation-stage-slider input[type=range]{margin:0}.translation-stage-exit{color:#fff;background:#16324f;border:none;border-radius:18px;align-items:center;gap:8px;padding:11px 14px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px #14213d29}.listener-transcript-scroll{overscroll-behavior:contain;max-height:56vh;overflow-y:auto}.translation-stage-fullscreen{z-index:25;background:#f6f8fbfa;border-radius:28px;flex-direction:column;padding:22px;display:flex;position:fixed;inset:6px;box-shadow:0 24px 70px #14213d2e}.translation-stage-fullscreen .listener-transcript-scroll{flex:1;min-height:0;max-height:none}.translation-stage-fullscreen .translation-message-row{max-width:min(100%,54rem)}.transcript-thread{gap:14px;padding-top:18px}.translation-message-row{background:linear-gradient(#fff 0%,#f7f9fc 100%);border:1px solid #14213d14;border-radius:22px 22px 22px 8px;align-self:flex-start;max-width:min(100%,38rem);padding:14px 16px 16px;box-shadow:0 10px 26px #14213d12}.translation-message-meta{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:700}.translation-message-row .translation-line{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.overview-card{padding:24px}.overview-card h3{margin-top:18px;margin-bottom:10px}@media (width<=1080px){.stats-grid,.transcript-grid,.overview-grid,.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.host-management-grid,.host-status-grid,.host-primary-actions,.host-language-grid{grid-template-columns:1fr}.host-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{padding:16px}.hero,.panel-header,.session-shell,.listener-card .panel-body,.translation-stage,.soft-panel,.hero-strip{padding-left:18px;padding-right:18px}.tab-row,.stats-grid,.transcript-grid,.overview-grid,.highlight-grid,.entry-grid,.feature-grid,.language-grid,.control-grid,.host-management-grid,.host-usage-grid{grid-template-columns:1fr}.translation-stage-header{align-items:flex-start}.translation-stage-slider{width:100%;min-width:0}.translation-stage-controls{width:100%}.translation-stage-exit{justify-content:center;width:100%}.tab-row{width:100%}.hero h1{max-width:none}.hero-preview-top,.listener-header,.session-code-row,.button-stack{flex-direction:column}.control-card-range{grid-column:auto}}