.markdown-content{font-size:.95rem;line-height:1.8;color:#3d4852;word-break:break-word}.markdown-content p{margin:0 0 12px;line-height:1.8}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:18px 0 10px;font-weight:600;color:#2d3748;line-height:1.4}.markdown-content h1{font-size:1.35em;color:#5ba67e;border-bottom:2px solid #c8ecd8;padding-bottom:6px}.markdown-content h2{font-size:1.2em;color:#5ba67e}.markdown-content h3{font-size:1.08em;color:#6b8f7e}.markdown-content h4{font-size:1.02em;color:#6b8f7e}.markdown-content strong,.markdown-content b{font-weight:600;color:#c0775a}.markdown-content em,.markdown-content i{font-style:italic;color:#6b8f7e}.markdown-content ul,.markdown-content ol{margin:8px 0 12px;padding-left:24px}.markdown-content ul{list-style:none;padding-left:20px}.markdown-content ul>li{position:relative;padding-left:6px}.markdown-content ul>li:before{content:"🌿";position:absolute;left:-18px;font-size:.7em;top:3px}.markdown-content ol{list-style:none;counter-reset:md-ol;padding-left:28px}.markdown-content ol>li{counter-increment:md-ol;position:relative;padding-left:4px}.markdown-content ol>li:before{content:counter(md-ol);position:absolute;left:-24px;width:20px;height:20px;background:linear-gradient(135deg,#b8e6cc,#9ddac2);color:#fff;border-radius:50%;font-size:.72em;font-weight:700;display:flex;align-items:center;justify-content:center;top:3px}.markdown-content li{margin:5px 0;line-height:1.7}.markdown-content blockquote{margin:12px 0;padding:10px 18px;border-left:4px solid #9ddac2;background:linear-gradient(135deg,#f0faf5,#fafef8);border-radius:0 12px 12px 0;color:#4a6b5a;font-style:italic}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#c8ecd8,transparent);margin:18px 0}.markdown-content .table-wrapper{overflow-x:auto;margin:14px 0;border-radius:12px;box-shadow:0 2px 12px #5da67e1a}.markdown-content table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92em;border-radius:12px;overflow:hidden}.markdown-content th,.markdown-content td{padding:10px 16px;text-align:center;border-bottom:1px solid #e0f0e6;border-right:1px solid #e0f0e6}.markdown-content th:last-child,.markdown-content td:last-child{border-right:none}.markdown-content tr:last-child td{border-bottom:none}.markdown-content th{background:linear-gradient(135deg,#d4f0e0,#b8e6cc);font-weight:600;color:#3d6b52;font-size:.95em;letter-spacing:.02em}.markdown-content tbody tr{transition:background .2s ease}.markdown-content tbody tr:nth-child(odd){background:#fafef8}.markdown-content tbody tr:nth-child(2n){background:#f0faf5}.markdown-content tbody tr:hover{background:#e5f5ec}.markdown-content td:empty{background:transparent}.markdown-content .inline-code{background:#9ddac22e;padding:2px 8px;border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.88em;color:#38845d;border:1px solid rgba(157,218,194,.3)}.markdown-content pre{margin:12px 0;border-radius:12px;overflow-x:auto}.markdown-content .code-block{display:block;background:#f5faf7;color:#3d5a4a;padding:16px;border-radius:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;border:1px solid #d4ece0}.markdown-content a{color:#5ba67e;text-decoration:none;border-bottom:1px dashed #9ddac2;transition:all .2s ease}.markdown-content a:hover{color:#3d8a5e;border-bottom-style:solid}.markdown-content img{max-width:100%;height:auto;border-radius:10px;margin:8px 0;box-shadow:0 2px 10px #0000000f}.markdown-content .katex-display{margin:14px 0;overflow-x:auto}.markdown-content .katex{font-size:1.1em}@media (max-width: 768px){.markdown-content{font-size:.9rem;line-height:1.75}.markdown-content table{font-size:.85em}.markdown-content th,.markdown-content td{padding:8px 10px}.markdown-content ul>li:before{font-size:.6em}.markdown-content ol>li:before{width:18px;height:18px;font-size:.65em}}.message{display:flex;gap:12px;max-width:100%;animation:slideUp .3s ease-out}.message-user{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar-user,.avatar-assistant{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.avatar-user{background:linear-gradient(135deg,#ffb6b9,#fae1dd);color:#fff}.avatar-assistant{background:linear-gradient(135deg,#9ddac2,#7dcda3);color:#fff;border:none}.message-content{display:flex;flex-direction:column;max-width:calc(100% - 60px)}.message-user .message-content{align-items:flex-end}.message-bubble{padding:14px 18px;border-radius:20px;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px #0000000a}.message-user .message-bubble{background:linear-gradient(135deg,#ffe4e1,#ffeef0);color:#4a5568;border-bottom-right-radius:6px}.message-assistant .message-bubble{background:#fff;color:#4a5568;border-bottom-left-radius:6px;border:1px solid #e8e4df}.message-text{margin:0 0 8px;line-height:1.7;font-size:.95rem}.message-text:last-child{margin-bottom:0}.message-header{margin:12px 0 8px;font-weight:600;color:inherit}.list-item{padding:4px 0 4px 20px;position:relative}.list-item:before{content:attr(data-number);position:absolute;left:0;font-weight:600;color:#7dcda3}.list-item.bullet:before{content:"•";color:#ffb6b9}.message-streaming{position:relative}.cursor{display:inline-block;animation:blink 1s infinite;margin-left:2px;color:#7dcda3}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-meta{display:flex;align-items:center;gap:8px;margin-top:6px;padding:0 4px}.message-time{font-size:.75rem;color:#a0aec0}.action-btn{background:none;border:none;padding:4px;cursor:pointer;color:#a0aec0;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#7dcda326;color:#7dcda3}.action-btn:active{transform:scale(.95)}.edit-btn:hover{background:#ffb6b933;color:#ffb6b9}.tts-btn:hover{background:#88d8b033;color:#88d8b0}@media (max-width: 768px){.message{gap:10px}.avatar-user,.avatar-assistant{width:36px;height:36px}.message-content{max-width:calc(100% - 52px)}.message-bubble{padding:12px 16px}.message-text{font-size:.9rem}}.chat-input-container{background:#fff;border-top:1px solid #e8e4df;padding:16px 20px;position:sticky;bottom:0;z-index:50;transition:all .3s ease}.chat-input-container.focused{box-shadow:0 -4px 20px #9ddac226}.chat-input-form{max-width:100%}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#faf9f6;border-radius:24px;padding:10px 10px 10px 20px;border:2px solid #e8e4df;transition:all .25s ease}.chat-input-container.focused .input-wrapper{border-color:#9ddac2;background:#fff;box-shadow:0 4px 12px #9ddac233}.chat-textarea{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:.95rem;line-height:1.6;max-height:120px;min-height:24px;padding:6px 0;font-family:inherit;color:#4a5568}.chat-textarea::placeholder{color:#a0aec0}.chat-textarea:disabled{opacity:.6}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#9ddac2,#7dcda3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0;box-shadow:0 4px 12px #9ddac266}.send-btn:hover{box-shadow:0 6px 16px #9ddac280;transform:translateY(-1px)}.send-btn:active:not(.disabled){transform:scale(.95)}.send-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.chat-input-container{padding:12px 16px}.input-wrapper{padding:8px 8px 8px 16px}.chat-textarea{font-size:16px}.send-btn{width:40px;height:40px}}.references-container{background:#fff;border-top:1px solid #e8e4df;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.references-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;background:linear-gradient(135deg,#faf9f6,#f5f0e8);border-bottom:1px solid #e8e4df;transition:background .2s ease}.references-header:hover{background:#f5f0e8}.references-header:active{background:#ebe5db}.references-title{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#4a5568}.references-title svg{color:#7dcda3}.expand-btn{background:none;border:none;padding:6px;cursor:pointer;color:#a0aec0;border-radius:8px;transition:all .2s ease}.expand-btn:hover{background:#7dcda326;color:#7dcda3}.expand-btn:active{background:#7dcda340}.references-list{padding:10px 18px}.references-list.expanded{max-height:320px;overflow-y:auto}.reference-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0ebe5}.reference-item:last-child{border-bottom:none}.reference-number{flex-shrink:0;font-size:.85rem;font-weight:700;color:#7dcda3;min-width:32px;padding:4px 8px;background:#7dcda326;border-radius:8px;text-align:center}.reference-content{flex:1;min-width:0}.reference-title{font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-text{font-size:.85rem;color:#718096;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.show-more-btn{width:100%;padding:12px;background:none;border:none;border-top:1px solid #e8e4df;color:#7dcda3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:#7dcda314}.show-more-btn:active{background:#7dcda326}.typing-indicator{display:flex;gap:12px;align-items:flex-end;animation:slideUp .3s ease-out}.typing-avatar{flex-shrink:0}.typing-avatar .avatar-assistant{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9ddac2,#7dcda3);color:#fff;box-shadow:0 2px 8px #00000014}.typing-bubble{background:#fff;border-radius:20px 20px 20px 6px;padding:18px 22px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e4df}.typing-dots{display:flex;gap:5px;align-items:center}.typing-dots span{width:9px;height:9px;background:linear-gradient(135deg,#9ddac2,#7dcda3);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.typing-indicator{gap:10px}.typing-avatar .avatar-assistant{width:36px;height:36px}.typing-bubble{padding:14px 18px}.typing-dots span{width:7px;height:7px}}.chat-container{display:flex;flex-direction:column;height:100%;background:#faf9f6;position:relative}.messages-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.messages-list{display:flex;flex-direction:column;gap:16px;min-height:min-content}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;background:linear-gradient(180deg,#faf9f6,#f5f0e8)}.empty-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#9ddac2,#7dcda3);display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 8px 24px #9ddac266;animation:gentleFloat 3s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-icon svg{color:#fff;width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.empty-title{font-size:1.6rem;font-weight:700;margin-bottom:12px;color:#4a5568;letter-spacing:-.5px}.empty-subtitle{font-size:1rem;margin-bottom:40px;color:#718096;line-height:1.6}.quick-prompts{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.quick-prompt{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:16px 24px;color:#4a5568;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000000a;text-align:center;position:relative;overflow:hidden}.quick-prompt:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#ffb6b9,#fae1dd);opacity:0;transition:opacity .25s ease}.quick-prompt:hover{border-color:#9ddac2;box-shadow:0 4px 16px #9ddac240;transform:translateY(-2px)}.quick-prompt:active{background:#f7fafc;transform:translateY(0)}.quick-prompt:active:before{opacity:1}.status-indicator{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#e6fffa;border-radius:24px;color:#38b2ac;font-size:.9rem;font-weight:500;align-self:flex-start;margin-left:48px;animation:fadeIn .3s ease-out;border:1px solid #b2f5ea}.status-indicator svg{animation:pulse 1.5s ease-in-out infinite;color:#38b2ac}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.messages-wrapper{padding:12px}.messages-list{gap:12px}.empty-icon{width:80px;height:80px}.empty-icon svg{width:40px;height:40px}.empty-title{font-size:1.4rem}.empty-subtitle{font-size:.9rem;margin-bottom:32px}.quick-prompt{padding:14px 20px;font-size:.9rem}.status-indicator{margin-left:40px;font-size:.85rem;padding:8px 14px}}.material-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.material-selector-modal{background:#faf9f6;border-radius:16px 16px 0 0;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.material-selector-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e6e1}.material-selector-header h3{margin:0;font-size:18px;font-weight:600;color:#2d3748}.close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#718096;border-radius:8px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f0efe9;color:#4a5568}.material-selector-breadcrumb{padding:12px 20px;background:#f0efe9;border-bottom:1px solid #e8e6e1;display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap}.breadcrumb-home{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;color:#88d8b0;border-radius:4px}.breadcrumb-home:hover{background:#e8e6e1}.breadcrumb-separator{color:#a0aec0;font-size:12px}.breadcrumb-text{font-size:14px;color:#4a5568}.material-selector-content{flex:1;overflow:hidden;padding:0;min-height:200px}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px;color:#718096}.error-state{color:#ffb6b9}.finder-container{display:flex;height:100%;overflow-x:auto;background:#fff}.finder-column{min-width:160px;max-width:200px;flex-shrink:0;border-right:1px solid #e8e6e1;background:#faf9f6;overflow-y:auto}.finder-column:last-child{border-right:none;background:#fff}.finder-column-content{padding:8px 0}.finder-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;gap:10px;transition:all .15s ease;border-radius:0}.finder-item:hover{background:#f0efe9}.finder-item.selected{background:#88d8b0;color:#fff}.finder-item.selected .finder-item-icon,.finder-item.selected .finder-item-arrow{color:#fff}.finder-item-icon{color:#88d8b0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finder-item-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finder-item-arrow{color:#a0aec0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finder-item-badge{font-size:10px;padding:2px 6px;background:#88d8b0;color:#fff;border-radius:4px;flex-shrink:0}.finder-item.is-leaf .finder-item-icon{color:#ffb6b9}.material-selector-footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e8e6e1;background:#faf9f6}.clear-btn,.confirm-btn{padding:10px 20px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;flex-shrink:0}.clear-btn{background:#f0efe9;color:#4a5568}.clear-btn:hover{background:#e8e6e1}.confirm-btn{background:#88d8b0;color:#fff}.confirm-btn:hover{background:#7bcba3}.selected-info{flex:1;text-align:center;overflow:hidden}.selected-path{font-size:13px;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media (max-width: 480px){.material-selector-modal{max-height:85vh}.material-selector-header{padding:14px 16px}.material-selector-header h3{font-size:16px}.material-selector-breadcrumb{padding:10px 16px}.finder-column{min-width:140px;max-width:160px}.finder-item{padding:12px}.finder-item-name{font-size:13px}.material-selector-footer{padding:12px 16px}.clear-btn,.confirm-btn{padding:10px 16px;font-size:14px}}.header{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e8e4df;position:sticky;top:0;z-index:1000;transition:all .3s ease;box-shadow:0 1px 3px #0000000a}.header-scrolled{box-shadow:0 4px 12px #0000000f}.header-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:100%}.header-btn{background:none;border:none;padding:8px;border-radius:10px;cursor:pointer;color:#718096;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#f7fafc;color:#4a5568}.header-btn:active{background:#edf2f7;transform:scale(.95)}.header-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:600;color:#4a5568}.header-icon{color:#38a169}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;animation:fadeIn .2s ease-out}.menu-panel{position:absolute;left:0;top:0;bottom:0;height:100%;height:100dvh;width:300px;max-width:85vw;background:#fff;box-shadow:4px 0 24px #0000001a;animation:slideInLeft .3s ease-out;display:flex;flex-direction:column}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{padding:24px 20px 16px;border-bottom:1px solid #e8e4df;background:linear-gradient(135deg,#faf9f6,#f5f0e8)}.menu-header h3{font-size:1.1rem;color:#4a5568;margin:0;font-weight:600}.menu-items{flex:1;display:flex;flex-direction:column;padding:12px;min-height:0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;border-radius:12px;cursor:pointer;color:#4a5568;font-size:.95rem;transition:all .2s ease;text-align:left}.menu-item:hover{background:#f7fafc}.menu-item:active{background:#edf2f7}.audio-list-btn{background:linear-gradient(135deg,#ffb6b9,#fae1dd);color:#fff;margin-bottom:8px;font-weight:500;box-shadow:0 4px 12px #ffb6b966}.audio-list-btn:hover{box-shadow:0 6px 16px #ffb6b980;transform:translateY(-1px)}.audio-list-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ffb6b966}.material-selector-btn{background:linear-gradient(135deg,#88d8b0,#a8e6cf);color:#fff;font-weight:500;box-shadow:0 4px 12px #88d8b066;align-items:flex-start}.material-selector-btn:hover{box-shadow:0 6px 16px #88d8b080;transform:translateY(-1px)}.material-selector-btn:active{transform:translateY(0);box-shadow:0 2px 8px #88d8b066}.menu-item-content{display:flex;flex-direction:column;gap:2px;flex:1}.menu-item-subtitle{font-size:.75rem;opacity:.9;font-weight:400}.menu-divider{height:1px;background:#e8e4df;margin:12px 8px}.sessions-list{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.no-sessions{padding:24px;text-align:center;color:#a0aec0;font-size:.9rem}.session-item{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:4px;border-left:3px solid transparent}.session-item:hover{background:#f7fafc;border-left-color:#48bb78}.session-item.active{background:#f0fff4;border-left-color:#38a169}.session-item.active .session-title{color:#38a169;font-weight:600}.session-info{display:flex;flex-direction:column;width:100%;gap:4px}.session-title{font-size:.9rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time{font-size:.75rem;color:#a0aec0}@media (max-width: 768px){.header-content{padding:10px 12px}.header-title{font-size:1.05rem}.menu-panel{width:280px}}.tts-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.tts-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease-out}.tts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.tts-modal-header h3{margin:0;font-size:1.1rem;color:#4a5568;font-weight:600}.close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#a0aec0;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#0000000d;color:#4a5568}.tts-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.tts-section{margin-bottom:24px}.tts-section label{display:block;font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:12px}.voice-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.voice-option{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #e8e4df;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.voice-option:hover{border-color:#88d8b0;background:#88d8b00d}.voice-option.selected{border-color:#88d8b0;background:#88d8b01a}.voice-name{font-size:.95rem;font-weight:600;color:#4a5568;margin-bottom:4px}.voice-desc{font-size:.75rem;color:#a0aec0}.tts-preview{margin-bottom:24px}.tts-preview label{display:block;font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:12px}.preview-text{background:#faf9f6;padding:16px;border-radius:12px;font-size:.85rem;color:#4a5568;line-height:1.6;max-height:120px;overflow-y:auto;border:1px solid #e8e4df}.btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,#88d8b0,#7dcda3);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #88d8b066}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.generate-btn{margin-top:8px}.generate-progress-container{margin-top:16px;display:flex;align-items:center;gap:12px}.generate-progress-bar{flex:1;height:8px;background:#e8e4df;border-radius:4px;overflow:hidden}.generate-progress-fill{height:100%;background:linear-gradient(90deg,#88d8b0,#7dcda3);border-radius:4px;transition:width .3s ease}.generate-progress-text{font-size:.85rem;color:#4a5568;font-weight:600;min-width:40px;text-align:right}.tts-result{text-align:center;padding:20px 0}.tts-success{margin-bottom:24px}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#88d8b0,#7dcda3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.tts-success p{margin:0 0 8px;font-size:1.1rem;color:#4a5568;font-weight:600}.tts-audio-player{width:100%;margin-top:16px;border-radius:8px}.tts-error{margin-bottom:24px}.error-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffb6b9,#fae1dd);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.tts-error p{margin:0 0 8px;font-size:1.1rem;color:#4a5568;font-weight:600}.error-message{font-size:.85rem;color:#a0aec0;font-weight:400}.milo-toggle-large{display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;margin:24px 0}.milo-toggle-large-label{font-size:1.1rem;color:#4a5568;font-weight:600}.milo-toggle-large input{display:none}.milo-toggle-large-slider{position:relative;width:60px;height:34px;background:#e2e8f0;border-radius:17px;transition:all .3s ease}.milo-toggle-large-slider:before{content:"";position:absolute;width:28px;height:28px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.milo-toggle-large input:checked+.milo-toggle-large-slider{background:#88d8b0}.milo-toggle-large input:checked+.milo-toggle-large-slider:before{left:29px}.milo-toggle-large input:disabled+.milo-toggle-large-slider{background:#cbd5e0;cursor:not-allowed}.milo-toggle-large input:disabled~.milo-toggle-large-label{color:#a0aec0;cursor:not-allowed}.milo-hint{margin-top:16px;font-size:.85rem;color:#718096;font-weight:400;line-height:1.5;padding:12px 16px;background:linear-gradient(135deg,#faf9f6,#f5f0e8);border-radius:10px;border:1px solid #e8e4df}.progress-container{margin-bottom:16px;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e8e4df;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#ffb6b9,#fae1dd);border-radius:4px;transition:width .2s ease}.progress-text{font-size:.85rem;color:#4a5568;font-weight:600;min-width:40px;text-align:right}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.tts-modal-overlay{padding:0;align-items:flex-end}.tts-modal{border-radius:20px 20px 0 0;max-height:85vh}.voice-options{grid-template-columns:repeat(2,1fr)}}.audio-list-container{display:flex;flex-direction:column;height:100%;background:#faf9f6}.audio-list-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #e8e4df;position:sticky;top:0;z-index:10}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:#f7fafc;border-radius:8px;color:#4a5568;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#edf2f7}.audio-list-header h2{margin:0;font-size:1.1rem;color:#4a5568;font-weight:600;flex:1}.header-hint{font-size:.75rem;color:#a0aec0;background:#f7fafc;padding:4px 10px;border-radius:12px;white-space:nowrap}.audio-list-content{flex:1;overflow-y:auto;padding:16px}.playback-hint{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#faf9f6,#f5f0e8);border-radius:12px;border:1px solid #e8e4df;font-size:.85rem;color:#718096;line-height:1.5}.hint-icon{font-size:1.1rem;flex-shrink:0}.hint-text{font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;gap:16px}.empty-state p{margin:0;font-size:.95rem}.audio-items{display:flex;flex-direction:column;gap:12px}.audio-item{background:#fff;border-radius:12px;padding:12px 16px;border:1px solid #e8e4df;transition:all .2s ease;display:flex;flex-direction:column;gap:10px;cursor:grab;position:relative}.audio-item:hover{box-shadow:0 2px 8px #0000000f}.audio-item.dragging{opacity:.5;cursor:grabbing;box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.audio-item.drag-over{border-color:#88d8b0;background:#f0fdf4}.drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);color:#cbd5e0;cursor:grab;display:flex;align-items:center;justify-content:center;padding:4px}.drag-handle:active{cursor:grabbing}.audio-main{display:flex;align-items:center;gap:12px;padding-left:20px}.play-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#88d8b0,#7dcda3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.play-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #88d8b066}.audio-info{flex:1;min-width:0}.audio-text{margin:0 0 8px;font-size:.95rem;color:#4a5568;line-height:1.5;word-break:break-word}.audio-meta{display:flex;gap:16px;font-size:.8rem;color:#a0aec0}.meta-item{display:flex;align-items:center;gap:4px}.meta-item.created-time{color:#4a5568;font-weight:500}.meta-item.review-count{color:#ffb6b9;font-weight:500}.audio-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px solid #f0f0f0;margin-left:52px}.footer-spacer{flex:1}.milo-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.milo-toggle-label{font-size:.8rem;color:#4a5568;font-weight:500}.milo-toggle input{display:none}.milo-toggle-slider{position:relative;width:44px;height:24px;background:#e2e8f0;border-radius:12px;transition:all .3s ease}.milo-toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.milo-toggle input:checked+.milo-toggle-slider{background:#88d8b0}.milo-toggle input:checked+.milo-toggle-slider:before{left:22px}.delete-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:none;background:#f7fafc;color:#a0aec0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#fed7d7;color:#e53e3e}.audio-player{margin-top:8px;margin-left:52px;padding-top:8px;border-top:1px solid #e8e4df}.audio-player audio{width:100%;height:36px}@media (max-width: 768px){.audio-list-content{padding:12px}.playback-hint{margin-bottom:12px;padding:10px 12px;font-size:.8rem}.hint-icon{font-size:1rem}.audio-item{padding:10px 12px}.audio-main{padding-left:16px}.audio-footer,.audio-player{margin-left:48px}.audio-meta{gap:12px}}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#0e141f8f;padding:20px;animation:loginModalFadeIn .2s ease-out}.login-modal{position:relative;width:min(100%,420px);border-radius:20px;background:linear-gradient(170deg,#fff7ea,#fff 40%,#fffdf8);border:1px solid #f4dfc0;box-shadow:0 28px 72px #321d0542;padding:22px 20px 18px;animation:loginModalSlideUp .25s ease-out}.login-modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:999px;border:none;background:#5a3c1614;color:#6f4a1f;display:inline-flex;align-items:center;justify-content:center}.login-modal-icon-wrap{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:#9a5a0d;background:radial-gradient(circle at top,#ffe2b3,#ffd391 40%,#ffeed3)}.login-modal h3{margin:0;color:#35220d;font-size:1.1rem;line-height:1.3}.login-modal-message{margin:10px 0 16px;color:#6b4b25;font-size:.92rem;line-height:1.55}.login-modal-primary,.login-modal-secondary{width:100%;border:none;border-radius:12px;font-size:.95rem;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-modal-primary{background:linear-gradient(145deg,#ffae52,#ff9547);color:#fff;box-shadow:0 8px 22px #ff954759}.login-modal-secondary{margin-top:10px;background:#f7f1e7;color:#6b4b25}.login-modal-hint{margin:12px 0 0;font-size:.82rem;color:#835822;line-height:1.45}@keyframes loginModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loginModalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;background:#faf9f6;position:fixed;top:0;left:0}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}@media (min-width: 1024px){.app{max-width:1200px;margin:0 auto;box-shadow:0 0 40px #0000004d}}@media (min-width: 768px) and (max-width: 1023px){.app{max-width:100%}}@media (max-width: 767px){.app{width:100vw}.main-content{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#4a5568;background:#faf9f6;min-height:100vh;overflow:hidden}.safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}@media (max-width: 768px){html{font-size:14px}}@media (hover: none) and (pointer: coarse){*{cursor:default!important}button,a,input,textarea{touch-action:manipulation}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%,to{opacity:.3}50%{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .3s ease-out}.pulse{animation:pulse 1.5s ease-in-out infinite}