*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-forest:#0a2e1f;--color-emerald:#0d7a4e;--color-emerald-mid:#12a068;--color-flame:#ff6b35;--color-sunburst:#ffd23f;--color-mist:#f7fdf9;--color-warm-white:#fffdf8;--color-light-text:#7aa890;--color-bg:#fffdf8;--color-surface:#fff;--color-surface-hover:#f7fdf9;--color-border:#d0e8da;--color-text:#0a2e1f;--color-text-muted:#3d6b55;--color-primary:#ff6b35;--color-primary-hover:#e55a2b;--color-primary-light:#fff0eb;--color-accent:#ffd23f;--color-error:#dc2626;--color-success:#0d7a4e;--color-warning:#ca8a04;--radius:8px;--radius-lg:12px;--font-display:"Cormorant Garamond", Georgia, serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-sm:0 1px 2px #0a2e1f0d;--shadow-md:0 4px 6px -1px #0a2e1f12, 0 2px 4px -2px #0a2e1f0d;--shadow-lg:0 10px 15px -3px #0a2e1f14, 0 4px 6px -4px #0a2e1f0a}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.btn{border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.btn-link{color:var(--color-text-muted);background:0 0;padding:.5rem}.btn-link:hover{color:var(--color-primary)}.btn-lg{border-radius:var(--radius-lg);min-height:48px;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600}.lang-switch{border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-sans);color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:36px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.lang-switch:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-lang-switch{position:absolute;top:1.25rem;right:1.25rem}.login-page{position:relative}.btn:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font-family:var(--font-sans);min-height:44px;padding:.625rem .875rem;font-size:1rem;transition:border-color .15s}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input::placeholder{color:var(--color-text-muted);opacity:.6}label{color:var(--color-text-muted);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-error{border-radius:var(--radius);color:var(--color-error);background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.625rem .875rem;font-size:.875rem}.loading-screen{justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-animate{animation:.8s ease-out forwards heroFadeUp}.hero-animate-delay-1{opacity:0;animation-delay:.15s}.hero-animate-delay-2{opacity:0;animation-delay:.3s}.hero-animate-delay-3{opacity:0;animation-delay:.5s}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.reveal-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(-30px)}.reveal-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(30px)}.reveal.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:80ms}.stagger>:nth-child(3){transition-delay:.16s}.stagger>:nth-child(4){transition-delay:.24s}.stagger>:nth-child(5){transition-delay:.32s}.stagger>:nth-child(6){transition-delay:.4s}@keyframes ripplePulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0d7a4e66}50%{box-shadow:0 0 0 8px #0d7a4e00}}html{scroll-behavior:smooth}.landing{background:var(--color-warm-white);flex-direction:column;min-height:100dvh;display:flex}.landing-section{width:100%;max-width:72rem;margin:0 auto;padding:5rem 2rem}.section-title{font-family:var(--font-display);text-align:center;color:var(--color-emerald);letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:300}.section-title-light{color:var(--color-mist)}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:36rem;margin:0 auto 3rem;font-size:1.0625rem;line-height:1.7}.section-subtitle-light{color:var(--color-light-text)}.landing-nav{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;max-width:72rem;margin:0 auto;padding:1rem 2rem;transition:background .3s,box-shadow .3s;display:flex;position:sticky;top:0}.landing-nav-scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#fffdf8e6}.landing-logo{font-family:var(--font-display);color:var(--color-forest);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:1.375rem;font-weight:400;text-decoration:none;display:flex}.landing-nav-links{gap:2rem;display:flex}.landing-nav-links a{color:var(--color-text-muted);font-size:.9375rem;font-weight:400;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--color-forest)}.landing-nav-actions{align-items:center;gap:.75rem;display:flex}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;display:none}.hamburger-line{background:var(--color-forest);width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{display:none}@media (width<=768px){.landing-nav-links,.landing-nav-actions{display:none}.nav-hamburger{display:flex}.nav-mobile-menu{background:var(--color-warm-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex;position:absolute;top:100%;left:0;right:0}.nav-mobile-menu a{color:var(--color-text);padding:.5rem 0;font-size:1rem;text-decoration:none}.nav-mobile-actions{border-top:1px solid var(--color-border);align-items:center;gap:.75rem;padding-top:.75rem;display:flex}}.landing-hero{justify-content:center;align-items:center;gap:4rem;width:100%;max-width:72rem;margin:0 auto;padding:5rem 2rem 4rem;display:flex}.landing-hero-content{flex:1;max-width:36rem}.landing-badge{background:var(--color-accent);color:var(--color-forest);border-radius:999px;align-items:center;gap:.375rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.landing-hero h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-forest);margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:300;line-height:1.2}.landing-hero h1 em{color:var(--color-emerald);font-style:normal}.landing-hero-sub{color:var(--color-text-muted);margin-bottom:2rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.landing-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-outline{color:var(--color-forest);border:1.5px solid var(--color-forest);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-forest);color:#fff}.landing-hero-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-ripple-container{background:var(--color-mist);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex}@media (width<=768px){.landing-hero{text-align:center;flex-direction:column-reverse;gap:2rem;padding:3rem 2rem}.landing-hero-actions{justify-content:center}.hero-ripple-container{width:120px;height:120px}}.landing-features-section{background:var(--color-mist);max-width:none;padding-left:0;padding-right:0}.landing-features-section>*{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.landing-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=768px){.landing-steps{grid-template-columns:1fr;max-width:28rem}}.landing-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;padding:1.75rem;transition:box-shadow .25s,transform .25s}.landing-step:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-icon{width:3rem;height:3rem;color:var(--color-emerald);justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.step-number{background:var(--color-emerald);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:inline-flex}.landing-step h3{color:var(--color-forest);margin-bottom:.5rem;font-size:1.0625rem;font-weight:500}.landing-step p{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);gap:1rem;padding:1.5rem;transition:border-color .2s,transform .2s;display:flex}.feature-card:hover{border-color:var(--color-emerald);transform:translateY(-2px)}.feature-icon{background:var(--color-mist);width:2.5rem;height:2.5rem;color:var(--color-emerald);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card h3{color:var(--color-forest);margin-bottom:.25rem;font-size:.9375rem;font-weight:500}.feature-card p{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.landing-tech-section{background:var(--color-forest);max-width:none;padding-left:0;padding-right:0}.landing-tech-section>*{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.tech-pipeline{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex}.tech-pipeline-step{text-align:center;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid #ffffff1a;flex:1;min-width:180px;max-width:220px;padding:1.5rem 1rem}.tech-pipeline-icon{width:3.5rem;height:3.5rem;color:var(--color-flame);background:#ff6b3526;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.tech-pipeline-step h3{color:#fff;margin-bottom:.5rem;font-size:.9375rem;font-weight:500}.tech-pipeline-step p{color:var(--color-light-text);font-size:.8125rem;line-height:1.5}.tech-pipeline-arrow{color:var(--color-light-text);justify-content:center;align-items:center;padding-top:2.5rem;display:flex}@media (width<=640px){.tech-pipeline{flex-direction:column;align-items:center}.tech-pipeline-arrow{padding-top:0;transform:rotate(90deg)}.tech-pipeline-step{width:100%;max-width:100%}}.tech-opensource{text-align:center;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;margin-bottom:2rem;padding:2rem}.tech-opensource h3{color:var(--color-sunburst);margin-bottom:.5rem;font-size:1.0625rem;font-weight:500}.tech-opensource p{color:var(--color-light-text);font-size:.9375rem;line-height:1.6}.tech-stack{text-align:center;max-width:64rem;margin:0 auto;padding:0 2rem}.tech-stack h3{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:500}.tech-stack-list{flex-wrap:wrap;justify-content:center;gap:.75rem;list-style:none;display:flex}.tech-stack-list li{border-radius:var(--radius);color:var(--color-light-text);font-size:.8125rem;font-family:var(--font-mono);background:#ffffff0f;border:1px solid #ffffff1a;padding:.5rem 1rem}.landing-contact-section{text-align:center}.contact-card{background:var(--color-mist);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:28rem;margin:0 auto;padding:2.5rem}.contact-email-link{color:var(--color-flame);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact-email-link:hover{opacity:.8}.contact-note{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.landing-footer{background:var(--color-forest);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-logo-text{font-family:var(--font-display);color:#fff;letter-spacing:.02em;font-size:1.25rem;font-weight:400}.footer-verse{flex-direction:column;align-items:center;gap:.25rem;display:flex}.footer-verse-text{font-family:var(--font-display);color:var(--color-sunburst);font-size:1rem;font-style:italic}.footer-verse-ref{color:var(--color-light-text);letter-spacing:.05em;font-size:.75rem}.footer-copy{color:var(--color-light-text);font-size:.75rem}.login-page{background:var(--color-mist);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.login-brand{margin-bottom:1.5rem}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;padding:2.5rem;display:flex}.login-form h1{font-family:var(--font-display);color:var(--color-forest);margin-bottom:0;font-size:1.75rem;font-weight:300}.login-desc{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.875rem}.login-form .btn-primary{margin-top:.5rem}.dashboard{background:var(--color-mist);flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.dashboard-logo{font-family:var(--font-display);color:var(--color-forest);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:400;text-decoration:none;display:flex}.dashboard-header-actions{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.dashboard-user-email{display:none}@media (width>=768px){.dashboard-user-email{display:inline}}.dashboard-body{flex:1;display:flex}.dashboard-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:200px;padding:1rem 0}.dashboard-sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-tab{cursor:pointer;font-family:var(--font-sans);color:var(--color-text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;transition:background .15s,color .15s;display:flex}.sidebar-tab:hover{background:var(--color-mist);color:var(--color-forest)}.sidebar-tab-active{background:var(--color-mist);color:var(--color-forest);border-right:2px solid var(--color-emerald);font-weight:500}@media (width<=768px){.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;padding:0}.dashboard-sidebar-nav{flex-direction:row}.sidebar-tab{border-right:none;flex:1;justify-content:center;padding:.75rem}.sidebar-tab-active{border-right:none;border-bottom:2px solid var(--color-emerald)}.dashboard-body{flex-direction:column}}.dashboard-main{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:56rem;margin:0 auto;padding:1.5rem;display:flex}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.dashboard-card-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.8125rem;font-weight:500}.dashboard-io-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=640px){.dashboard-io-grid{grid-template-columns:1fr}}.session-controls{justify-content:space-between;align-items:center;display:flex}.session-controls-left{align-items:center;gap:.5rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot-active{animation:2s ease-in-out infinite pulseGlow}.session-status-text{color:var(--color-text-muted);text-transform:capitalize;font-size:.875rem;font-weight:500}.audio-device-selector{margin-bottom:.75rem}.audio-device-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.audio-device-select,.language-selector-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font-family:var(--font-sans);cursor:pointer;min-height:40px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.audio-device-select:focus,.language-selector-select:focus{border-color:var(--color-emerald);outline:none;box-shadow:0 0 0 3px #0d7a4e1a}.language-selector{margin-bottom:.75rem}.language-selector-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.audio-level-meter{margin-top:.5rem}.audio-level-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.audio-level-track{background:var(--color-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.audio-level-fill{border-radius:3px;height:100%;transition:width 80ms linear}.transcript-panel{flex-direction:column;min-height:200px;max-height:400px;display:flex}.transcript-header{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;display:grid}.transcript-col-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500}.transcript-body{flex:1;overflow-y:auto}.transcript-empty{text-align:center;color:var(--color-light-text);padding:2rem 0;font-size:.875rem}.transcript-row{border-bottom:1px solid var(--color-mist);grid-template-columns:1fr 1fr;gap:1rem;padding:.5rem 0;display:grid}.transcript-source{color:var(--color-text);font-size:.875rem}.transcript-translated{color:var(--color-emerald);font-size:.875rem}.transcript-pending{color:var(--color-light-text)}.qr-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.qr-canvas{border-radius:var(--radius)}.qr-url{font-family:var(--font-mono);color:var(--color-text-muted);word-break:break-all;font-size:.75rem}.qr-label{color:var(--color-text-muted);font-size:.8125rem}.qr-error{color:var(--color-error);font-size:.875rem}.create-org-form{flex-direction:column;gap:.75rem;max-width:28rem;margin:2rem auto;display:flex}.create-org-form h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.form-description{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.875rem}.org-details{flex-direction:column;gap:.75rem;display:flex}.org-detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.org-detail-row:last-child{border-bottom:none}.org-detail-label{color:var(--color-text-muted);font-weight:500}.org-slug{font-family:var(--font-mono);color:var(--color-primary);font-size:.8125rem}.session-placeholder{flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.listener-page{background:var(--color-warm-white);flex-direction:column;min-height:100dvh;display:flex}.listener-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.listener-header-left,.listener-header-right{align-items:center;gap:.5rem;display:flex}.connection-badge{background:var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.2rem .5rem;font-size:.6875rem;font-weight:500}.connection-badge-live{background:var(--color-emerald);color:#fff;animation:2s ease-in-out infinite pulseGlow}.listener-waiting-text{color:var(--color-text-muted);text-align:center;max-width:20rem;font-size:.9375rem;line-height:1.6}.listener-church-name{font-family:var(--font-display);color:var(--color-forest);text-transform:capitalize;font-size:1rem;font-weight:400}.listener-main{flex-direction:column;flex:1;padding:1.5rem;display:flex}.listener-idle{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.listener-play-btn{cursor:pointer;color:var(--color-forest);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:transform .2s;display:flex}.listener-play-btn:hover{transform:scale(1.05)}.listener-play-btn:active{transform:scale(.98)}.listener-play-btn svg{background:var(--color-emerald);color:#fff;width:80px;height:80px;box-shadow:var(--shadow-lg);border-radius:50%;padding:24px}.listener-play-btn-active svg{background:var(--color-text-muted)}.listener-play-label{font-family:var(--font-sans);color:var(--color-text-muted);font-size:1rem}.listener-active{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:32rem;margin:0 auto;display:flex}.listener-status{color:var(--color-emerald);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.listener-transcript{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1;min-height:200px;max-height:60vh;padding:1rem;overflow-y:auto}.listener-transcript-empty{text-align:center;color:var(--color-light-text);padding:3rem 0;font-size:.875rem}.listener-transcript-line{color:var(--color-text);padding:.25rem 0;font-size:1rem;line-height:1.7}.listener-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.listener-control-btn{cursor:pointer;width:44px;height:44px;color:var(--color-forest);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.listener-control-btn:hover{background:var(--color-mist)}.listener-volume{color:var(--color-text-muted);flex:1;align-items:center;gap:.5rem;display:flex}.listener-volume-slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;flex:1;height:4px}.listener-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-emerald);cursor:pointer;border-radius:50%;width:16px;height:16px}.listener-volume-slider::-moz-range-thumb{background:var(--color-emerald);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.team-panel{flex-direction:column;gap:1.5rem;display:flex}.team-member-list{flex-direction:column;display:flex}.team-member-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;display:flex}.team-member-row:last-child{border-bottom:none}.team-member-info{align-items:center;gap:.5rem;display:flex}.team-member-email{color:var(--color-text);font-weight:500}.team-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.team-role-owner{background:var(--color-sunburst);color:var(--color-forest)}.team-role-admin{background:var(--color-mist);color:var(--color-emerald);border:1px solid var(--color-emerald)}.team-you-badge{color:var(--color-text-muted);font-size:.6875rem;font-style:italic}.team-member-actions{gap:.375rem;display:flex}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.btn-danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#dc3545;border:none;font-weight:500}.btn-danger:hover:not(:disabled){background:#c82333}.team-invite-form{align-items:center;gap:.5rem;display:flex}.team-invite-form input{flex:1}.team-invite-list{margin-top:1rem}.team-invite-list-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.team-invite-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.team-invite-row:last-child{border-bottom:none}.team-invite-info{align-items:center;gap:.75rem;display:flex}.team-invite-email{color:var(--color-text);font-weight:500}.team-invite-expiry{color:var(--color-text-muted);font-size:.75rem}.team-invite-actions{gap:.375rem;display:flex}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100dvh;display:flex}.not-found h1{font-family:var(--font-display);color:var(--color-border);font-size:5rem;font-weight:700}.not-found p{color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}