.transcript-wrapper{display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.transcript-container{background-color:inherit;color:#e0e0e0;padding:0 2rem 1rem;width:100%;flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;position:relative;box-sizing:border-box}.transcript-container:after{content:"";position:sticky;display:block;bottom:0;left:0;width:100%;height:36px;background:linear-gradient(#1b1b1b00,#1b1b1bcc);pointer-events:none}.transcript-header{display:grid;gap:1rem;width:100%;padding:.75rem 2rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.15);position:sticky;top:0;background-color:var(--bg-color, #1a1a1a);z-index:1}.transcript-header-cell{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.header-original{color:#999}.header-english{color:#60a5fa}.header-spanish{color:#facc15}.transcript-item{display:grid;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.transcript-item:first-child{font-weight:700}.transcript-item:last-child{border-bottom:none}.col-original,.col-english,.col-spanish,.col-extra{min-width:0;box-sizing:border-box}.speaker-name{font-size:.7rem;line-height:1.2;font-weight:600;color:var(--primary-color, #6366f1);margin-bottom:.15rem}.original-text,.translation-text{font-family:Noto Sans,Inter,Segoe UI,Arial,sans-serif;font-size:.75rem;line-height:1.3;font-weight:400;color:#fff}.translation-legend{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;width:100%;padding:.75rem 2rem;border-top:1px solid var(--secondary-color, #333);background-color:var(--bg-color, #1a1a1a);box-sizing:border-box;font-size:.75rem;color:#d0d0d0}.legend-item{display:inline-flex;align-items:center;gap:.4rem}.legend-color{width:.65rem;height:.65rem;border-radius:50%;display:inline-block}.original-color{background-color:#999}.waiting-message{text-align:center;font-size:.9rem;color:#aaa;padding:3rem 1rem}body{background-color:var(--bg-color, #1a1a1a);color:var(--text-color, #e0e0e0);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.app-container{display:flex;flex-direction:column;align-items:stretch;height:100vh;width:100vw;position:relative;overflow:hidden}.app-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;flex-shrink:0;background-color:var(--bg-color, #1a1a1a);width:100%;z-index:10;border-bottom:1px solid var(--secondary-color, #333);box-sizing:border-box}.app-logo{height:40px;width:auto;object-fit:contain}.app-title{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.rec-indicator{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .8rem;border-radius:20px;background-color:#ff000026;border:1px solid rgba(255,0,0,.3)}.rec-dot{width:12px;height:12px;background-color:red;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.rec-text{color:#f44;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.app-footer{flex-shrink:0;align-self:flex-end;padding:.5rem 1rem;box-sizing:border-box;font-size:.75rem;color:#666}.app-footer a{color:#888;text-decoration:none;font-weight:600}.app-footer a:hover{color:#fff}