.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:clamp(1rem,3vw,2rem)}.auth-box{animation:slideUp .5s ease-out;background:#fff;border-radius:clamp(12px,3vw,15px);box-shadow:0 20px 60px #0000004d;max-width:420px;overflow:hidden;padding:clamp(1.5rem,5vw,3rem);position:relative;width:100%}.auth-box:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.register-box{max-width:520px}.login-box{max-width:440px}.auth-header{margin-bottom:clamp(1.5rem,4vw,2.5rem);text-align:center}.auth-logo{animation:bounce .6s ease-out;display:inline-block;font-size:clamp(2rem,8vw,3rem);margin-bottom:clamp(.75rem,2vw,1rem)}@keyframes bounce{0%{opacity:0;transform:scale(.5) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-box h1,.auth-box h2{color:#2d3748;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:clamp(.3rem,1vw,.5rem);text-align:center}.auth-subtitle{color:#718096;font-size:clamp(.8rem,2vw,.95rem);line-height:1.4;margin-bottom:clamp(1.5rem,4vw,2rem);text-align:center}form{gap:clamp(.75rem,2vw,1.25rem);margin:clamp(1.5rem,4vw,2rem) 0}.form-group,form{display:flex;flex-direction:column}.form-row{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}@media (min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.form-group label{align-items:center;color:#2d3748;display:flex;font-size:clamp(.8rem,2vw,.95rem);font-weight:600;gap:.5rem;margin-bottom:clamp(.4rem,1vw,.6rem)}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#cbd5e0;font-size:clamp(1rem,2vw,1.2rem);justify-content:center;left:clamp(.75rem,2vw,1rem);pointer-events:none;position:absolute;transition:color .3s ease}.input-wrapper input:focus~.input-icon,.input-wrapper input:not(:placeholder-shown)~.input-icon{color:#667eea}.form-group input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:clamp(8px,2vw,10px);font-family:inherit;font-size:clamp(.9rem,2vw,1rem);min-height:44px;padding:clamp(.65rem,2vw,.875rem) clamp(.75rem,2vw,1rem) clamp(.65rem,2vw,.875rem) clamp(2.2rem,5vw,2.8rem);transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input:valid:not(:placeholder-shown){border-color:#48bb78}.form-group input:invalid:not(:placeholder-shown){border-color:#f56565}.form-group input::placeholder{color:#a0aec0}.checkbox-group{align-items:center;display:flex;gap:clamp(.4rem,1vw,.6rem);margin:clamp(.3rem,1vw,.5rem) 0 clamp(.75rem,2vw,1rem);min-height:44px}.checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;width:20px}.checkbox-group label{color:#4a5568;cursor:pointer;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500;margin:0}.btn{font-size:clamp(.85rem,2vw,1rem);gap:.5rem;letter-spacing:.5px;padding:clamp(.65rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);text-transform:uppercase;width:100%}.btn-large{font-size:clamp(.9rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem)}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:clamp(1rem,3vw,1.5rem);position:relative}.btn-register:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{cursor:not-allowed;opacity:.7}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:clamp(1rem,3vw,1.5rem)}.btn-login:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.btn-logout{background:#f56565;font-size:clamp(.75rem,1.5vw,.9rem);min-height:auto;padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,2vw,1rem)}.btn-logout:hover{background:#e53e3e}.error-message{word-wrap:break-word;animation:shake .3s ease;background:#fff5f5;border-left:4px solid #f56565;color:#c53030}.error-message,.success-message{align-items:center;border-radius:clamp(8px,2vw,10px);display:flex;font-size:clamp(.8rem,2vw,.95rem);gap:.75rem;margin-bottom:clamp(1rem,3vw,1.5rem);padding:clamp(.75rem,2vw,1rem)}.success-message{background:#f0fff4;border-left:4px solid #48bb78;color:#22543d}.info-message{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:clamp(8px,2vw,10px);color:#1e3a8a;font-size:clamp(.8rem,2vw,.95rem);margin-bottom:clamp(1rem,3vw,1.5rem);padding:clamp(.75rem,2vw,1rem)}.message-icon{flex-shrink:0;font-size:clamp(.9rem,2vw,1.1rem)}.auth-footer{color:#4a5568;font-size:clamp(.8rem,2vw,.95rem);margin-top:clamp(1rem,3vw,1.5rem);text-align:center}.auth-footer a{color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.auth-footer a:hover{color:#764ba2;text-decoration:underline}.auth-link{color:#4a5568;font-size:clamp(.8rem,2vw,.95rem);margin-top:clamp(1rem,3vw,1.5rem);text-align:center}.auth-link a{color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link a:hover{color:#764ba2;text-decoration:underline}.divider{align-items:center;color:#a0aec0;display:flex;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:600;letter-spacing:1px;margin:clamp(1.25rem,3vw,2rem) 0 clamp(1rem,3vw,1.5rem)}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.divider span{padding:0 clamp(.75rem,2vw,1rem)}.social-login{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr;margin:clamp(1rem,3vw,1.5rem) 0 clamp(1.5rem,4vw,2rem)}@media (min-width:480px){.social-login{grid-template-columns:1fr 1fr}}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:clamp(8px,2vw,10px);color:#2d3748;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;gap:clamp(.4rem,1vw,.6rem);justify-content:center;min-height:44px;padding:clamp(.6rem,2vw,.8rem) clamp(.75rem,2vw,1rem);transition:all .3s ease}.social-btn:hover:not(:disabled){box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.social-btn:active:not(:disabled){transform:translateY(0)}.social-btn:disabled{cursor:not-allowed;opacity:.6}.social-btn svg{height:clamp(16px,4vw,20px);width:clamp(16px,4vw,20px)}.social-btn-google{border-color:#ea4335;color:#ea4335}.social-btn-google:hover:not(:disabled){background:#fff5f5;border-color:#d33426}.social-btn-linkedin{border-color:#0a66c2;color:#0a66c2}.social-btn-linkedin:hover:not(:disabled){background:#eff6ff;border-color:#084792}.social-btn-github{border-color:#2d3748;color:#2d3748}.social-btn-github:hover:not(:disabled){background:#f7fafc;border-color:#1a202c}.social-btn-microsoft{border-color:#0078d4;color:#0078d4}.social-btn-microsoft:hover:not(:disabled){background:#eff6ff;border-color:#005a9c}.loading{opacity:.6;pointer-events:none}.user-info{background:#f7fafc;border-left:4px solid #667eea;border-radius:clamp(8px,2vw,10px);margin-bottom:clamp(1rem,3vw,1.5rem);padding:clamp(1rem,3vw,1.5rem)}.user-info p{color:#2d3748;font-size:clamp(.8rem,2vw,.95rem);margin:clamp(.35rem,1vw,.5rem) 0}.user-info strong{color:#667eea}.login-split{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;max-width:900px!important;overflow:hidden;padding:0!important}@media (min-width:900px){.login-split{grid-template-columns:1fr 1fr}}.login-social-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:clamp(12px,3vw,15px) clamp(12px,3vw,15px) 0 0;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}@media (min-width:900px){.login-social-section{border-radius:15px 0 0 15px}}.login-form-section{border-radius:0 0 clamp(12px,3vw,15px) clamp(12px,3vw,15px);display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}@media (min-width:900px){.login-form-section{border-radius:0 15px 15px 0}}.social-header{margin-bottom:clamp(1.5rem,3vw,2rem);text-align:center}.social-header h3{color:#fff;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;line-height:1.2;margin-bottom:clamp(.35rem,1vw,.5rem)}.social-header p{color:#ffffffd9;font-size:clamp(.8rem,2vw,.95rem);line-height:1.4}.social-login-vertical{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);grid-template-columns:none!important}.social-btn-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:2px solid #ffffff4d!important;color:#fff!important;font-size:clamp(.85rem,2vw,1rem);justify-content:center;min-height:44px;padding:clamp(.65rem,2vw,1rem) clamp(1rem,3vw,1.5rem);width:100%}.social-btn-large:hover:not(:disabled){background:#fff3!important;border-color:#fff!important;box-shadow:0 8px 20px #00000026!important;transform:translateY(-2px)}.social-btn-large:active:not(:disabled){transform:translateY(0)}.social-btn-large svg{fill:#fff;color:#fff}.social-divider{color:#fff9;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;letter-spacing:1px;margin-top:clamp(1.25rem,3vw,2rem);text-align:center}.login-form-section .form-group input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:clamp(8px,2vw,10px);font-size:clamp(.9rem,2vw,1rem);min-height:44px;padding:clamp(.65rem,2vw,.875rem) clamp(.75rem,2vw,1rem);transition:all .3s ease;width:100%}.login-form-section .auth-header{margin-bottom:clamp(1rem,3vw,1.5rem)}.message-input-container{margin-top:clamp(1.5rem,4vw,2rem);width:100%}.message-card{animation:slideUp .3s ease-out;background:#fff;border-radius:clamp(10px,3vw,15px);box-shadow:0 10px 40px #0000001a;padding:clamp(1rem,4vw,2rem)}.message-form{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.message-form .form-group{display:flex;flex-direction:column;gap:clamp(.35rem,1vw,.5rem)}.message-textarea{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:clamp(8px,2vw,10px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(.9rem,2vw,1rem);line-height:1.5;min-height:clamp(120px,25vh,180px);padding:clamp(.75rem,2vw,1rem);resize:vertical;transition:all .3s ease}.message-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.message-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.message-textarea::placeholder{color:#999}.btn-send-message{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:clamp(6px,2vw,8px);color:#fff;cursor:pointer;display:flex;font-size:clamp(.9rem,2vw,1rem);font-weight:600;justify-content:center;letter-spacing:.5px;min-height:44px;padding:clamp(.75rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);text-transform:uppercase;transition:all .3s ease;width:100%}.btn-send-message:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.btn-send-message:active:not(:disabled){transform:translateY(0)}.btn-send-message:disabled{cursor:not-allowed;opacity:.6}.message-error{word-wrap:break-word;animation:shake .3s ease;background:#ffebee;border-left:4px solid #ff6b6b;color:#c62828}.message-error,.message-success{border-radius:8px;font-size:clamp(.85rem,2vw,.95rem);margin-bottom:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,3vw,1rem)}.message-success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (min-width:480px){.message-card{padding:clamp(1.25rem,3vw,1.75rem)}}@media (min-width:768px){.message-card{padding:2rem}.message-card h3{font-size:1.3rem}.message-textarea{min-height:150px;padding:1rem}.btn-send-message{font-size:1rem;padding:.875rem 1.5rem}}@media (min-width:1440px){.message-card{padding:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;color:#fff;padding:clamp(1rem,4vw,2rem)}.header-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.header-left{text-align:center;width:100%}.header-left h1{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:clamp(.25rem,1vw,.5rem)}.header-left p{font-size:clamp(.85rem,2.5vw,1rem);opacity:.9}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);justify-content:center;width:100%}.user-badge{background:#fff3;border-radius:20px;font-weight:500;white-space:nowrap}.btn-logout,.user-badge{align-items:center;display:flex;font-size:clamp(.8rem,2vw,.95rem);min-height:44px;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,3vw,1.5rem)}.btn-logout{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;justify-content:center;transition:all .3s ease}.btn-logout:hover{background:#ff5252;box-shadow:0 5px 15px #ff64644d;transform:translateY(-2px)}.btn-logout:active{transform:translateY(0)}@media (min-width:768px){.header-content{flex-direction:row;gap:1.5rem}.header-left{text-align:left;width:auto}.header-right{flex-wrap:nowrap;justify-content:flex-end;width:auto}}.app-content{flex:1 1;margin:0 auto;max-width:800px;width:min(100%,800px)}.app-content,.recorder-card{padding:clamp(1rem,4vw,2rem)}.recorder-card{animation:slideUp .3s ease-out;background:#fff;border-radius:clamp(10px,3vw,15px);box-shadow:0 10px 40px #0000001a;margin-bottom:clamp(1rem,3vw,2rem)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recorder-title h2{color:#333;font-size:clamp(1.3rem,5vw,1.8rem);line-height:1.2;margin:0}.recorder-status{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:clamp(1rem,3vw,1.5rem) 0;min-height:50px;text-align:center}.recording-animation{align-items:center;display:flex;gap:clamp(8px,2vw,12px)}.pulse{animation:pulse 1s infinite;background:#f44;border-radius:50%;flex-shrink:0;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-text{color:#f44;font-size:clamp(.9rem,2vw,1rem);font-weight:600}.recording-time{color:#667eea;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600}.btn{align-items:center;border:none;border-radius:clamp(8px,2vw,10px);box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;font-size:clamp(.9rem,2vw,1rem);font-weight:600;justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,2rem);transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-start{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.btn-start:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-start:active:not(:disabled){transform:translateY(0)}.btn-stop{background:#f44;color:#fff;width:100%}.btn-stop:hover{background:#c00;transform:translateY(-2px)}.btn-stop:active{transform:translateY(0)}.recorder-controls{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1rem);justify-content:center;margin:clamp(1.5rem,4vw,2rem) 0}.mode-selection{background:#f5f7fa;border:2px dashed #667eea;border-radius:clamp(8px,2vw,10px);margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem)}.mode-label{color:#333;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;margin-bottom:clamp(.75rem,2vw,1rem);text-align:center}.mode-buttons{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:1fr}.btn-mode{align-items:center;background:#fff;border:2px solid #0000;border-radius:clamp(8px,2vw,10px);cursor:pointer;display:flex;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);transition:all .3s ease}.btn-mode:disabled{cursor:not-allowed;opacity:.6}.user-speech-mode{border-color:#667eea;color:#667eea}.user-speech-mode:hover:not(:disabled){background:#e8eef9;box-shadow:0 5px 15px #667eea33;transform:translateY(-2px)}.user-speech-mode:active:not(:disabled){background:#667eea;color:#fff}.system-audio-mode{border-color:#ff9800;color:#ff9800}.system-audio-mode:hover:not(:disabled){background:#fff3e0;box-shadow:0 5px 15px #ff980033;transform:translateY(-2px)}.system-audio-mode:active:not(:disabled){background:#ff9800;color:#fff}@media (min-width:480px){.mode-buttons{grid-template-columns:1fr 1fr}}.error-banner{animation:slideDown .3s ease-out;background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:clamp(.9rem,2vw,.95rem);font-weight:600;margin-bottom:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.5rem)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.audio-indicators{background:#f5f7fa;border:2px solid #e0e0e0;border-radius:clamp(8px,2vw,10px);display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(.75rem,2vw,1rem)}.indicator{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:clamp(.5rem,2vw,.75rem);min-height:44px;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,2vw,1rem);transition:all .2s ease}.indicator.user-speech{border-color:#667eea}.indicator.user-speech.active{background:#e8eef9;border-color:#667eea;box-shadow:0 0 10px #667eea4d}.indicator.system-audio{border-color:#ff9800}.indicator.system-audio.active{background:#fff3e0;border-color:#ff9800;box-shadow:0 0 10px #ff98004d}.indicator-dot{background:#ccc;border-radius:50%;flex-shrink:0;height:12px;transition:all .2s ease;width:12px}.indicator.user-speech .indicator-dot{background:#667eea}.indicator.user-speech.active .indicator-dot{animation:pulse-indicator 1s infinite;background:#667eea}.indicator.system-audio .indicator-dot{background:#ff9800}.indicator.system-audio.active .indicator-dot{animation:pulse-indicator 1s infinite;background:#ff9800}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.indicator-label{color:#333;font-size:clamp(.8rem,2vw,.9rem);font-weight:600}.indicator.user-speech.active .indicator-label{color:#667eea}.indicator.system-audio.active .indicator-label{color:#ff9800}@media (min-width:480px){.audio-indicators{flex-direction:row}.indicator{flex:1 1}}.result-banner{background:#d4edda;border-left:4px solid #28a745;border-radius:8px;color:#155724;font-size:clamp(.9rem,2vw,.95rem);font-weight:600;margin-bottom:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.5rem)}.transcribed-text-section{margin:clamp(1.5rem,4vw,2rem) 0}.transcribed-label{color:#333;display:block;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;margin-bottom:clamp(.35rem,1vw,.5rem)}.transcribed-text-box{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:clamp(8px,2vw,10px);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.9rem,2vw,1rem);line-height:1.5;min-height:clamp(120px,30vh,200px);padding:clamp(.75rem,2vw,1rem);resize:vertical;transition:all .3s ease;width:100%}.transcribed-text-box:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.transcribed-text-box::placeholder{color:#999}.live-transcript-section{background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;margin:clamp(.75rem,2vw,1rem) 0;padding:clamp(.75rem,2vw,1rem)}.live-label{color:#667eea;font-size:clamp(.8rem,2vw,.9rem);font-weight:600}.processing-status{animation:slideUp .3s ease-out;border-radius:8px;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;margin:clamp(.75rem,2vw,1rem) 0;padding:clamp(.75rem,2vw,1rem);text-align:center}.processing-status.processing{background:#e3f2fd;border-left:4px solid #1976d2;color:#1976d2}.processing-status.success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.processing-status.error{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.transcription-info{animation:slideUp .3s ease-out;background:#fff;border-radius:clamp(10px,3vw,15px);box-shadow:0 10px 40px #0000001a;margin-bottom:clamp(1rem,3vw,2rem);padding:clamp(1rem,4vw,2rem)}.info-box{background:#f5f7fa;border-left:4px solid #667eea;border-radius:8px;padding:clamp(1rem,3vw,1.5rem)}.info-box strong{color:#333;display:block;font-size:clamp(.95rem,2vw,1.1rem);margin-bottom:clamp(.75rem,2vw,1rem)}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:clamp(.35rem,1vw,.5rem);padding:clamp(.35rem,1vw,.5rem) 0}.detail-row:last-child{border-bottom:none}.detail-row span{color:#555;font-size:clamp(.85rem,2vw,.95rem);font-weight:500;word-break:break-word}.detail-row code{background:#fff;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;padding:clamp(.2rem,.5vw,.25rem) clamp(.5rem,1vw,.75rem);word-break:break-all}@media (min-width:768px){.detail-row{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:1440px){.app-content{padding:3rem 2rem}.recorder-card{margin-bottom:2.5rem;padding:2.5rem}}
/*# sourceMappingURL=main.852228c6.css.map*/