*{box-sizing:border-box}body{background-color:#ed1c24;margin:0;font-family:Arial,sans-serif}.app{max-width:900px;margin:0 auto;padding:20px}.container{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 0 10px #0000001a}h1{color:#333;text-align:center;margin:0}.brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand-logo{aspect-ratio:3/2;object-fit:cover;width:min(220px,70vw);height:auto;display:block}h2{color:#444;text-align:center;margin-bottom:10px}.nav-menu{border-bottom:2px solid #eee;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.nav-btn{color:#007bff;cursor:pointer;background-color:#fff;border:2px solid #007bff;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.nav-btn:hover{background-color:#f0f8ff}.nav-btn.active{color:#fff;background-color:#007bff}.page{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-description{text-align:center;color:#666;margin-bottom:20px}.upload-area{text-align:center;border:2px dashed #ccc;border-radius:10px;margin:20px 0;padding:30px;transition:border-color .3s,background-color .3s}.upload-area:hover{border-color:#007bff}.upload-area.highlight{background-color:#f0f8ff;border-color:#007bff}.file-input{display:none}.file-label{color:#fff;cursor:pointer;background-color:#007bff;border-radius:5px;padding:12px 24px;transition:background-color .3s;display:inline-block}.file-label:hover{background-color:#0056b3}.file-name{color:#666;margin-top:10px;font-style:italic}.action-btn{color:#fff;cursor:pointer;border:none;border-radius:5px;width:200px;margin:20px auto;padding:12px;font-size:16px;transition:background-color .3s;display:block}.action-btn:disabled{cursor:not-allowed;background-color:#ccc}.convert-btn{background-color:#6f42c1}.convert-btn:hover:not(:disabled){background-color:#5a32a3}.transcribe-btn{background-color:#28a745}.transcribe-btn:hover:not(:disabled){background-color:#218838}.download-btn{background-color:#17a2b8}.download-btn:hover:not(:disabled){background-color:#138496}.save-btn{background-color:#28a745;width:auto;padding:12px 24px;display:inline-block}.save-btn:hover:not(:disabled){background-color:#218838}.reset-btn{background-color:#dc3545;width:auto;padding:12px 24px;display:inline-block}.reset-btn:hover:not(:disabled){background-color:#c82333}.result-container{margin-top:30px}.result-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.result-title{color:#333;font-size:18px;font-weight:700}.copy-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:5px;padding:8px 16px;transition:background-color .3s}.copy-btn:hover{background-color:#5a6268}.transcript-result{white-space:pre-wrap;box-sizing:border-box;background-color:#f8f9fa;border:1px solid #ccc;border-radius:5px;width:100%;min-height:200px;max-height:400px;padding:15px;overflow-y:auto}.chunk-list{flex-direction:column;gap:16px;max-height:500px;padding-right:4px;display:flex;overflow-y:auto}.chunk-card{background-color:#f8f9fa;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 2px 6px #0000000d}.chunk-header{color:#333;background-color:#fff;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:600;display:flex}.chunk-index{color:#007bff}.chunk-timestamp{color:#6c757d;font-size:12px}.chunk-body{white-space:pre-wrap;color:#333;padding:14px;line-height:1.6}.meeting-minutes{background-color:#f8f9fa;border:1px solid #dfe3e8;border-radius:8px;margin-top:20px;box-shadow:0 2px 6px #0000000d}.meeting-header{color:#333;background-color:#fff;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;padding:10px 14px;font-weight:600}.meeting-body{white-space:pre-wrap;color:#333;padding:14px;line-height:1.6}.status{text-align:center;border-radius:5px;margin:15px 0;padding:10px}.status.loading{color:#007bff;background-color:#e7f3ff}.status.success{color:#28a745;background-color:#e8f5e9}.status.error{color:#dc3545;background-color:#fdecea}.converted-result{text-align:center;background-color:#e8f5e9;border-radius:8px;margin-top:20px;padding:20px}.converted-result p{color:#28a745;margin-bottom:15px;font-weight:700}.prompt-container{margin:20px 0}.prompt-label{color:#333;margin-bottom:10px;font-weight:700;display:block}.prompt-input{resize:vertical;box-sizing:border-box;border:2px solid #ddd;border-radius:8px;width:100%;padding:15px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;transition:border-color .3s}.prompt-input:focus{border-color:#007bff;outline:none}.prompt-actions{justify-content:center;gap:15px;margin:20px 0;display:flex}.prompt-info{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:20px;padding:15px}.prompt-info p{color:#856404;margin:5px 0;font-size:14px}.prompt-info strong{color:#533f03}.progress-container{text-align:center;margin:20px 0}.progress-bar{background-color:#e9ecef;border-radius:12px;width:100%;height:24px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{background:linear-gradient(90deg,#007bff,#00d4ff);border-radius:12px;height:100%;transition:width .5s;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.progress-text{color:#007bff;margin-top:10px;font-size:16px;font-weight:600}.progress-percent{color:#0d6efd;font-weight:700}