body { font-family: Arial, sans-serif; margin: 20px; background-color: #f4f4f4; color: #333; }
header { background-color: #003366; color: white; padding: 10px; }
header h1 { margin: 0; color: white; }
nav { margin-top: 10px; }
nav a { margin: 0 15px; text-decoration: none; color: white; font-weight: bold; }
nav a:hover { color: #cceeff; }
.transcript { font-family: 'Courier New', monospace; background-color: #e8f4f8; padding: 10px; border-left: 5px solid #007bff; }
.summary { font-family: 'Times New Roman', serif; background-color: #f0f8e8; padding: 10px; border-left: 5px solid #28a745; }
h1 { color: #003366; }
h2 { color: #005599; }
.mic-bar { width: 200px; height: 20px; background-color: #ddd; border: 1px solid #999; margin: 10px 0; }
.mic-fill { height: 100%; width: 0%; transition: width 0.1s; }