.transcript-container{margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.transcript-display{max-height:400px;overflow-y:auto;padding:20px;background:#fafafa;border-radius:8px 8px 0 0}.transcript-placeholder{text-align:center;color:#666;font-style:italic;padding:40px 20px;background:#f5f5f5;border-radius:6px;border:2px dashed #ddd}.transcript-message{margin-bottom:16px;padding:12px 16px;border-radius:8px;border-left:4px solid #007bff;background:#fff;box-shadow:0 1px 3px #0000001a}.transcript-message.user-message{border-left-color:#28a745;background:#f8fff9}.transcript-message.zara-message{border-left-color:#007bff;background:#f0f8ff}.transcript-message.ai-message{border-left-color:#6f42c1;background:#f8f5ff}.transcript-message.system-message{border-left-color:#ffc107;background:#fffbf0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem}.message-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.message-type{font-weight:600;color:#495057;text-transform:capitalize}.message-turn-index{color:#6c757d;font-size:.75rem;font-weight:600;background:#e9ecef;padding:2px 6px;border-radius:4px;border:1px solid #dee2e6}.message-timestamp{color:#6c757d;font-size:.75rem}.message-content{color:#212529;line-height:1.5;word-wrap:break-word}.streaming-indicator{display:inline-block;animation:blink 1s infinite;color:#007bff;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes audio-playing-progress{0%{width:0%;background:linear-gradient(90deg,#28a745,#20c997)}50%{width:60%;background:linear-gradient(90deg,#20c997,#17a2b8)}to{width:100%;background:linear-gradient(90deg,#17a2b8,#6f42c1)}}.status-audio_playing{color:#28a745;font-weight:600}.status-audio_playing .progress-fill{background:linear-gradient(90deg,#28a745,#20c997);animation:audio-playing-progress .8s infinite}.transcript-controls{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 8px 8px}.transcript-controls button{padding:8px 16px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;font-size:.875rem;transition:all .2s ease}.transcript-controls button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.transcript-controls button:disabled{opacity:.5;cursor:not-allowed}.stats-display{display:flex;gap:20px;padding:12px 20px;background:#e9ecef;border-top:1px solid #dee2e6;font-size:.875rem;color:#495057}.stats-display span{font-weight:500}@media (max-width: 768px){.transcript-display{max-height:300px;padding:16px}.transcript-controls,.stats-display{flex-direction:column;gap:8px}}.transcript-display::-webkit-scrollbar{width:8px}.transcript-display::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.transcript-display::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.transcript-display::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.zara-live-app{width:100vw;height:100dvh;margin:0;padding:0;display:flex;align-items:center;justify-content:center}.rive-animation{position:relative;width:100%;max-width:420px;height:100%;max-height:100%;margin:0 auto;overflow:hidden;border-radius:0;box-shadow:none;background:transparent}.rive-animation__canvas{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.rive-animation__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#667eeae6;color:#fff;z-index:10;font-size:1.1rem;font-weight:500}.rive-animation__error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#cc3333e6;color:#fff;z-index:10;gap:16px;padding:20px}.rive-animation__error-message{font-size:1.1rem;font-weight:500;text-align:center}.rive-animation-error-details{font-size:.9rem;opacity:.8;text-align:center}.rive-animation-loading-overlay,.rive-animation-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:10}.rive-animation-loading-overlay{background:#667eeae6}.rive-animation-error-overlay{background:#cc3333e6;flex-direction:column;gap:16px}.rive-animation-error-overlay button{background:#fff;color:#c33;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.rive-animation-error-overlay button:hover{background:#f0f0f0;transform:translateY(-1px)}.rive-loading{display:flex;align-items:center;justify-content:center;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000001a}.rive-loading-content{text-align:center;color:#fff}.rive-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rive-loading p{margin:0;font-size:1.1rem;font-weight:500}.rive-error{display:flex;align-items:center;justify-content:center;height:600px;background:#fee;border:2px solid #fcc;border-radius:12px;box-shadow:0 8px 32px #0000001a}.rive-error-content{text-align:center;color:#c33}.rive-error-content p{margin:0 0 16px;font-size:1.1rem;font-weight:500}.rive-retry-button{background:#c33;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.rive-retry-button:hover{background:#a22}@media (min-width: 769px){.rive-animation{max-width:480px}}@media (max-width: 768px){.zara-live-app{height:100dvh;width:100vw}.rive-loading,.rive-error{height:100dvh;margin:0;border-radius:0}}@media (max-width: 480px){.rive-loading,.rive-error{height:100vh}.rive-loading p,.rive-error-content p{font-size:1rem}}.session-cooldown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.session-cooldown-modal{width:min(420px,90vw);margin:0 16px;background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 20px 50px #0003}.session-cooldown-icon-container{display:flex;justify-content:center;margin-bottom:24px}.session-cooldown-icon{background:#fef3c7;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.session-cooldown-icon svg{width:100%;height:100%;color:#d97706}.session-cooldown-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.session-cooldown-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.session-cooldown-message{color:#4b5563;margin-bottom:24px;line-height:1.5}.session-cooldown-countdown-container{margin-bottom:24px}.session-cooldown-time{font-size:36px;font-weight:700;font-family:monospace;color:#ffeb38;margin-bottom:8px}.session-cooldown-time-label{font-size:14px;color:#6b7280}.session-cooldown-wait-message{font-size:18px;color:#6b7280;font-style:italic;margin-bottom:24px}.session-cooldown-button{padding:12px 32px;border-radius:8px;font-weight:600;font-size:18px;transition:all .2s;cursor:pointer;border:none}.session-cooldown-button-active{background:#009688;color:#fff}.session-cooldown-button-active:hover{background:#00796b;transform:scale(1.05);box-shadow:0 8px 20px #2563eb4d}.session-cooldown-button-disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.6}.session-cooldown-footer{font-size:12px;color:#9ca3af;margin-top:16px}