*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#f5f5f7,#fff);min-height:100vh;color:#1d1d1f}.app{max-width:680px;margin:0 auto;padding:0 20px 40px}.header{padding:40px 0 20px;text-align:center}.logo{font-size:32px;font-weight:600;background:linear-gradient(90deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:8px;padding:6px;background:#0000000a;border-radius:12px;margin-bottom:24px}.nav-btn{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#86868b;cursor:pointer;transition:all .2s}.nav-btn.active{background:#fff;color:#1d1d1f;box-shadow:0 2px 8px #00000014}.nav-btn:hover:not(.active){color:#1d1d1f}.card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 2px 12px #0000000a}.keyword-section{margin-bottom:20px}.keyword-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.keyword-label{font-size:15px;font-weight:500;color:#1d1d1f}.switch{position:relative;width:51px;height:31px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#e9e9eb;border-radius:31px;transition:.3s}.slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.switch input:checked+.slider{background:#34c759}.switch input:checked+.slider:before{transform:translate(20px)}.input{width:100%;padding:14px 16px;border:1px solid #e5e5e5;border-radius:12px;font-size:16px;background:#fafafa;transition:all .2s;margin-bottom:16px}.input:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 4px #007aff1a}.upload-zone{border:2px dashed #d2d2d7;border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px}.upload-zone:hover{border-color:#007aff;background:#007aff05}.upload-icon{font-size:32px;color:#007aff;margin-bottom:8px}.upload-text{font-size:15px;color:#1d1d1f;margin-bottom:4px}.upload-hint{font-size:13px;color:#86868b}.file-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.file-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f7;border-radius:20px;font-size:13px;color:#1d1d1f}.tag-remove{width:18px;height:18px;border:none;background:#86868b;color:#fff;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tag-remove:hover{background:#ff3b30}.textarea{width:100%;min-height:160px;padding:16px;border:1px solid #e5e5e5;border-radius:12px;font-size:16px;line-height:1.5;resize:vertical;background:#fafafa;transition:all .2s}.textarea:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 4px #007aff1a}.image-grid{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.image-thumb{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden}.image-thumb img{width:100%;height:100%;object-fit:cover}.thumb-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:#0009;color:#fff;border-radius:50%;font-size:12px;cursor:pointer}.type-selector{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.type-btn{padding:10px 18px;border:1px solid #e5e5e5;background:#fff;border-radius:20px;font-size:14px;color:#86868b;cursor:pointer;transition:all .2s}.type-btn.active{background:#007aff;color:#fff;border-color:#007aff}.type-btn:hover:not(.active){border-color:#007aff;color:#007aff}.actions{display:flex;gap:12px;margin-top:20px}.btn{flex:1;padding:16px 24px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover:not(:disabled){background:#0066d6}.btn-primary:disabled{background:#d2d2d7;cursor:not-allowed}.btn-secondary{background:#f5f5f7;color:#1d1d1f}.btn-secondary:hover{background:#e8e8ed}.btn-small{flex:none;padding:8px 16px;font-size:14px;border-radius:8px;background:#f5f5f7;color:#007aff}.btn-small:hover{background:#e8e8ed}.loading{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-card{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card h3{font-size:17px;font-weight:600;color:#1d1d1f;margin-bottom:16px}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.result-header h3{margin-bottom:0}.result-content{font-size:15px;line-height:1.8;color:#424245}.download-btns{display:flex;gap:8px}.mindmap-box{width:100%;height:400px;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fafafa}.mindmap-box svg{width:100%;height:100%}.error-toast{padding:14px 20px;background:#fff2f0;border:1px solid #ffccc7;border-radius:12px;color:#ff3b30;font-size:14px;margin-bottom:16px;animation:fadeIn .3s ease}.voice-control{display:flex;align-items:center;gap:20px;margin-bottom:24px}.record-btn{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 20px #007aff4d}.record-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #007aff66}.record-btn.recording{background:linear-gradient(135deg,#ff3b30,#ff9500);box-shadow:0 4px 20px #ff3b304d}.record-btn.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #ff3b304d}50%{box-shadow:0 4px 30px #ff3b3099}}.record-status{flex:1}.status-text{display:block;font-size:17px;font-weight:500;color:#1d1d1f;margin-bottom:4px}.record-time{font-size:28px;font-weight:600;color:#ff3b30;font-variant-numeric:tabular-nums}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:60px;margin-bottom:24px;padding:0 20px}.wave-bar{width:8px;background:linear-gradient(180deg,#007aff,#5856d6);border-radius:4px;transition:height .1s ease}.transcript-box{margin-bottom:16px}.transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:15px;font-weight:500;color:#1d1d1f}.transcript-actions{display:flex;gap:8px}.transcript-text{min-height:120px}.realtime-box{background:#f5f5f7;border-radius:12px;padding:16px;margin-bottom:16px}.realtime-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:#1d1d1f}.realtime-hint{font-size:12px;color:#86868b;font-weight:400}.realtime-content{min-height:60px;font-size:16px;line-height:1.6;color:#1d1d1f}.realtime-final{color:#1d1d1f}.realtime-interim{color:#86868b}.realtime-cursor{animation:blink 1s step-end infinite;color:#007aff}@keyframes blink{50%{opacity:0}}.audio-source-section{margin-bottom:24px}.audio-source-header{font-size:15px;font-weight:600;color:#1d1d1f;margin-bottom:12px}.audio-source-options{display:flex;gap:12px;flex-wrap:wrap}.audio-source-option{flex:1;min-width:140px;padding:16px;border:2px solid #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.audio-source-option input{display:none}.audio-source-option:hover{border-color:#007aff;background:#007aff05}.audio-source-option.active{border-color:#007aff;background:#007aff0d}.option-icon{font-size:28px;margin-bottom:8px}.option-text{font-size:15px;font-weight:600;color:#1d1d1f;margin-bottom:4px}.option-desc{font-size:12px;color:#86868b}.speaker-detection-section{margin-bottom:24px;padding:16px;background:#f5f5f7;border-radius:12px}.speaker-detection-header{display:flex;align-items:center;justify-content:space-between}.speaker-label{font-size:15px;font-weight:600;color:#1d1d1f}.speaker-hint{font-size:13px;color:#86868b;margin-top:8px;margin-bottom:0}@media (max-width: 600px){.header{padding:24px 0 16px}.logo{font-size:26px}.nav{margin-bottom:16px}.nav-btn{padding:10px 12px;font-size:13px}.card{padding:20px;border-radius:16px}.upload-zone{padding:24px 16px}.actions{flex-direction:column}.btn{padding:14px 20px}.image-thumb{width:60px;height:60px}.mindmap-box{height:300px}.record-btn{width:70px;height:70px}.record-time{font-size:24px}.waveform{height:50px}.wave-bar{width:6px}.audio-source-options{flex-direction:column}.audio-source-option{min-width:100%}}