.transcript-container{background-color:inherit;color:#e0e0e0;padding:1.5rem;width:100%;max-width:800px;margin:0 auto;max-height:calc(100vh - 100px);min-height:400px;overflow-y:auto;position:relative}.transcript-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(#1b1b1b00,#1b1b1bcc);pointer-events:none}.transcript-item{display:flex;margin-bottom:1.5rem}.speaker-column{width:20%;padding-right:1rem;text-align:right;font-size:1.2rem;color:var(--primary-color, #6366f1)}.utterance-column{width:80%;min-width:80%}.translated-text{font-family:Noto Sans,sans-serif;font-weight:700;font-size:1.5rem;color:#fff}.original-text{color:#999;font-size:1.2rem}.language-badge{display:inline-block;background-color:var(--primary-color, #6366f1);color:#fff;padding:.4rem 1rem;border-radius:12px;font-size:1rem;font-weight:700;box-shadow:0 2px 4px #0003}.language-highlight{font-weight:700;font-size:1.2rem;color:#ffdd57}.waiting-message{text-align:center;font-size:1.4rem;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}.app-container{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;position:relative}.app-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;position:sticky;top:0;background-color:var(--bg-color, #1a1a1a);width:100%;max-width:900px;z-index:10;border-bottom:1px solid var(--secondary-color, #333)}.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}