.transcript-wrapper{display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden}.transcript-container{background-color:inherit;color:#e0e0e0;padding:1rem 2rem;width:100%;flex:1;min-height:0;overflow-y:auto;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-item{display:flex;justify-content:flex-start;gap:2rem;margin-bottom:1rem;width:100%}.original-column{width:30%;min-width:0;text-align:left;box-sizing:border-box}.translations-column{width:60%;min-width:0;text-align:left;box-sizing:border-box}.speaker-name{font-size:1.5rem;line-height:1.35;font-weight:600;color:var(--primary-color, #6366f1);margin-bottom:.25rem}.translation-line,.original-text{font-family:Noto Sans,Inter,Segoe UI,Arial,sans-serif;font-size:1rem;line-height:1.35;font-weight:400;margin-bottom:.25rem}.translation-label{font-weight:600}.translation-text,.original-text{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:1rem;color:#d0d0d0}.legend-item{display:inline-flex;align-items:center;gap:.4rem}.legend-color{width:.85rem;height:.85rem;border-radius:50%;display:inline-block}.original-color{background-color:#999}.waiting-message{text-align:center;font-size:1.2rem;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{position:fixed;bottom:0;right:0;padding:.5rem 1rem;font-size:.75rem;color:#666}.app-footer a{color:#888;text-decoration:none;font-weight:600}.app-footer a:hover{color:#fff}