.site-nav{background-color:#1a1a1a;padding:.5rem 1.5rem;display:flex;gap:1.5rem}.site-nav a{color:#999;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s ease}.site-nav a:hover,.site-nav a.active{color:#fff}@media (prefers-color-scheme: dark){.site-nav{background-color:#0a0a0a;border-bottom:1px solid #2a2a2a}}.app{max-width:900px;margin:0 auto;padding:2rem;text-align:left}.app h1{text-align:center;margin-bottom:2rem;color:#1a1a1a;font-size:2.5rem;font-weight:700}@media (prefers-color-scheme: dark){.app h1{color:#fff}}@media (max-width: 768px){.app{padding:1.5rem}.app h1{font-size:2rem}}@media (max-width: 480px){.app{padding:1rem}.app h1{font-size:1.75rem;margin-bottom:1.5rem}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}@media (prefers-color-scheme: dark){.form-group label{color:#e0e0e0}}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;font-size:1rem;border:2px solid #ccc;border-radius:6px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.6}@media (prefers-color-scheme: dark){.form-group input,.form-group textarea,.form-group select{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#90caf9;box-shadow:0 0 0 3px #90caf933}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#1a1a1a;color:#666}}@media (max-width: 480px){.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:.65rem}.form-group label{font-size:.9rem}}.error-message{padding:1rem;margin-bottom:1rem;background-color:#ffebee;border:2px solid #ef5350;border-radius:6px;color:#c62828;text-align:left;font-weight:500;box-shadow:0 2px 4px #ef53501a}@media (prefers-color-scheme: dark){.error-message{background-color:#3d1f1f;border-color:#d32f2f;color:#ffcdd2}}.loading-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1rem;background-color:#e3f2fd;border:2px solid #42a5f5;border-radius:6px;color:#0d47a1;font-weight:500;box-shadow:0 2px 4px #42a5f51a}@media (prefers-color-scheme: dark){.loading-indicator{background-color:#1a2a3a;border-color:#1976d2;color:#90caf9}}.loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid #90caf9;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.95rem}.submit-section{margin:2rem 0;text-align:center;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.submit-button{padding:.875rem 2.5rem;font-size:1.05rem;font-weight:600;color:#fff;background-color:#424242;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:160px;box-shadow:0 2px 4px #0000001a;position:relative}.submit-button:hover:not(:disabled){background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.submit-button:disabled{background-color:#bdbdbd;color:#757575;cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}@media (prefers-color-scheme: dark){.submit-button{background-color:#e0e0e0;color:#1a1a1a}.submit-button:hover:not(:disabled){background-color:#f5f5f5}.submit-button:disabled{background-color:#424242;color:#9e9e9e}}.submit-button:focus{outline:3px solid #90caf9;outline-offset:3px}.submit-button:focus:not(:focus-visible){outline:none}.submit-button:focus-visible{outline:3px solid #90caf9;outline-offset:3px}@media (max-width: 480px){.submit-button{width:100%;padding:.75rem 1.5rem;font-size:1rem}.submit-section{margin:1.5rem 0}}.help-text{display:block;margin-top:.5rem;font-size:.85rem;color:#666;line-height:1.4}.help-text a{color:#1976d2;text-decoration:none;font-weight:500}.help-text a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.help-text{color:#999}.help-text a{color:#90caf9}}.status-indicator{font-size:.8rem;font-weight:500;color:#1976d2;margin-left:.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme: dark){.status-indicator{color:#90caf9}}.transcript-area{min-height:120px;max-height:200px;overflow-y:auto;padding:.75rem;border:2px solid #ccc;border-radius:6px;background-color:#f9f9f9;font-size:.95rem;line-height:1.6}.transcript-area .placeholder{color:#999;font-style:italic}.transcript-area .final{color:#1a1a1a}.transcript-area .interim{color:#666;font-style:italic}@media (prefers-color-scheme: dark){.transcript-area{background-color:#1a1a1a;border-color:#555}.transcript-area .final{color:#e0e0e0}.transcript-area .interim{color:#999}.transcript-area .placeholder{color:#666}}.btn-record{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;color:#fff;background-color:#424242;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-record:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-record.recording{background-color:#d32f2f;animation:recording-pulse 1.5s ease-in-out infinite}.btn-record.recording:hover{background-color:#c62828}@keyframes recording-pulse{0%,to{box-shadow:0 0 #d32f2f66}50%{box-shadow:0 0 0 10px #d32f2f00}}@media (prefers-color-scheme: dark){.btn-record{background-color:#e0e0e0;color:#1a1a1a}.btn-record:hover{background-color:#f5f5f5}.btn-record.recording{background-color:#ef5350;color:#fff}.btn-record.recording:hover{background-color:#e53935}}.btn-settings{padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;color:#424242;background-color:#fff;border:2px solid #424242;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-settings:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-settings:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.btn-settings:focus{outline:3px solid #90caf9;outline-offset:2px}@media (prefers-color-scheme: dark){.btn-settings{background-color:#1a1a1a;color:#e0e0e0;border-color:#e0e0e0}.btn-settings:hover{background-color:#2a2a2a}}dialog{border:none;border-radius:8px;padding:0;max-width:450px;width:90%;box-shadow:0 10px 40px #0003;background-color:#fff}dialog::backdrop{background:#00000080}dialog h2{margin:0;padding:1.5rem 1.5rem 0;font-size:1.25rem;font-weight:600;color:#1a1a1a}dialog form{padding:1rem 1.5rem 1.5rem}dialog label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}dialog input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #ccc;border-radius:6px;margin-bottom:.5rem;box-sizing:border-box}dialog input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}dialog .warning{font-size:.85rem;color:#f57c00;margin-bottom:1rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.dialog-actions button{padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}#cancel-settings{background-color:#fff;color:#424242;border:2px solid #ccc}#cancel-settings:hover{background-color:#f5f5f5;border-color:#999}#save-settings{background-color:#424242;color:#fff;border:none}#save-settings:hover{background-color:#333}@media (prefers-color-scheme: dark){dialog{background-color:#1e1e1e}dialog h2{color:#e0e0e0}dialog label{color:#e0e0e0}dialog input{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}dialog input:focus{border-color:#90caf9;box-shadow:0 0 0 3px #90caf933}dialog .warning{color:#ffb74d}#cancel-settings{background-color:#2a2a2a;color:#e0e0e0;border-color:#555}#cancel-settings:hover{background-color:#333;border-color:#777}#save-settings{background-color:#e0e0e0;color:#1a1a1a}#save-settings:hover{background-color:#f5f5f5}}.container{max-width:900px;margin:0 auto;padding:1rem 2rem}header{text-align:center;margin-bottom:1rem}header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.subtitle{color:#666;font-size:.9rem}@media (prefers-color-scheme: dark){header h1{color:#e0e0e0}.subtitle{color:#999}}.controls{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}#language-select{padding:.5rem .75rem;font-size:.9rem;border:2px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}#language-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}#language-select:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){#language-select{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}#language-select:focus{border-color:#90caf9;box-shadow:0 0 0 3px #90caf933}}.error-display{padding:1rem;margin-bottom:1rem;background-color:#ffebee;border:2px solid #ef5350;border-radius:6px;color:#c62828;font-weight:500}@media (prefers-color-scheme: dark){.error-display{background-color:#3d1f1f;border-color:#d32f2f;color:#ffcdd2}}.panels{display:flex;flex-direction:column;gap:1.5rem}.panel{background-color:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0}.panel label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;color:#333}@media (prefers-color-scheme: dark){.panel{background-color:#1e1e1e;border-color:#3a3a3a;box-shadow:0 2px 8px #0000004d}.panel label{color:#e0e0e0}}footer{margin-top:2rem;text-align:center}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#1a1a1a;line-height:1.6;margin:0;padding:0;min-height:100vh}@media (prefers-color-scheme: dark){body{background-color:#121212;color:#e0e0e0}}*{box-sizing:border-box}@media (max-width: 480px){.container{padding:1rem}header h1{font-size:1.5rem}.controls{flex-direction:column}.btn-record{width:100%;justify-content:center}}.btn-clear{margin-top:.75rem;padding:.875rem 2.5rem;font-size:1.05rem;font-weight:600;color:#424242;background-color:#fff;border:2px solid #424242;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:160px;box-shadow:0 2px 4px #0000000d}.btn-clear:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-clear:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.btn-clear:focus{outline:3px solid #90caf9;outline-offset:2px}@media (prefers-color-scheme: dark){.btn-clear{background-color:#1a1a1a;color:#e0e0e0;border-color:#e0e0e0}.btn-clear:hover{background-color:#2a2a2a}}@media (max-width: 480px){.btn-clear{width:100%;padding:.75rem 1.5rem;font-size:1rem}}