.app{font-family:Arial,sans-serif;max-width:700px;margin:2rem auto;padding:1rem;background:#f9f9f9;color:#222}h1{text-align:center;margin:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{font-weight:500;color:#333}.login-container{text-align:center;padding:3rem 2rem;background:#fff;border-radius:8px;border:1px solid #e1e5e9;max-width:400px;margin:2rem auto}.login-container h2{color:#323130;margin-bottom:.5rem}.login-container p{color:#605e5c;margin-bottom:2rem}.login-btn{background-color:#0078d4;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:4px;min-width:180px}.login-btn:hover{background-color:#106ebe}.logout-btn{background-color:#f3f2f1;color:#323130;border:1px solid #d2d0ce;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;border-radius:4px}.logout-btn:hover{background-color:#e1dfdd}.local-dev-badge{background-color:#107c10;color:#fff;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.audio-form{margin-bottom:1rem;padding:1rem;border:1px solid #ddd;border-radius:6px;background:#fff}.text-form{margin-top:1rem;display:flex;gap:.5rem}input[type=file]{display:block;margin-bottom:1rem}button{background-color:#0078d4;color:#fff;border:none;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;border-radius:4px}button:disabled{background-color:#aaa;cursor:not-allowed}.chat{border:1px solid #ccc;background:#fff;padding:1rem;height:400px;overflow-y:auto;border-radius:6px}.message{margin-bottom:1rem}.user{text-align:right;color:#0078d4}.assistant{text-align:left;color:#333}audio{margin-top:.5rem;max-width:100%}.text-form input[type=text]{flex:1;padding:.6rem;border:1px solid #ccc;border-radius:4px;margin-bottom:0}.text-form input[type=text]:disabled{background-color:#f5f5f5;color:#999}.transcription-section{margin:1rem 0;padding:1rem;border:1px solid #ddd;border-radius:6px;background:#fff}.transcription-controls{display:flex;gap:.5rem;margin-bottom:1rem}.transcribe-btn,.save-btn{background-color:#28a745;color:#fff;border:none;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;border-radius:4px}.save-btn{background-color:#007bff}.transcribe-btn:disabled,.save-btn:disabled{background-color:#aaa;cursor:not-allowed}.transcription-box{margin-top:1rem}.transcription-box h3{margin-top:0;margin-bottom:.5rem;color:#333}.transcription-text{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:1rem;font-family:monospace;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}