html,body,#root{width:100%;min-height:100%;margin:0}.app{color:#222;background:#fff;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e5e5e5}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin:0 auto;padding:18px 24px;display:flex}.logo{color:#222;font-size:20px;font-weight:700}.logo-icon{margin-right:6px}.nav-tabs{gap:8px;display:flex}.nav-tab-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.nav-tab-btn:hover{color:#222;background:#f5f5f5}.nav-tab-btn.active{color:#000;background:#f0f0f0}.font-controls{align-items:center;gap:4px;display:flex}.font-controls button{cursor:pointer;color:#444;background:#fff;border:1px solid #ddd;border-radius:6px;padding:5px 9px}.font-controls button:hover{background:#f5f5f5}.bible-container{max-width:900px;margin:0 auto;padding:35px 24px 80px}.navigation{align-items:center;gap:8px;display:flex}.navigation select{color:#333;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:7px;padding:8px 32px 8px 12px;font-size:14px}.navigation select:hover{background:#f7f7f7}.navigation select:focus{border-color:#999;outline:none}.chapter-heading{margin-top:20px;margin-bottom:25px}.chapter-heading h1{color:#222;margin:0;font-size:27px;font-weight:600}.verse{cursor:pointer;border-bottom:1px solid #eee;padding:14px 0}.verse:hover{background:#fafafa}.verse.selected{background:#fff8df;border-radius:6px;padding-left:10px;padding-right:10px}.verse-number{color:#888;vertical-align:top;width:28px;font-size:13px;font-weight:700;display:inline-block}.verse-content{vertical-align:top;width:calc(100% - 28px);display:inline-block}.english{color:#222;margin:0 0 7px;line-height:1.55}.chinese{color:#555;margin:0;line-height:1.55}.ask-ai{color:#fff;cursor:pointer;background:#222;border:none;border-radius:30px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .15s;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 15px #0000002e}.ask-ai:hover{transform:translateY(-1px)}.status-message{color:#777;text-align:center;padding:20px 0;font-size:14px}.error-message{color:#9b4444;background:#fff7f7;border:1px solid #e5caca;border-radius:8px;padding:20px;font-size:14px}.markdown-body{line-height:1.6}.markdown-body p{margin:0 0 10px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:6px 0 12px;padding-left:22px}.markdown-body li{margin-bottom:4px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:12px 0 6px;font-size:15px;font-weight:700}.markdown-body strong{font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{color:#fff;box-sizing:border-box;background:#1e1e1e;border:1px solid #333;border-radius:12px;flex-direction:column;width:90%;max-width:650px;height:80vh;max-height:700px;padding:24px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:19px;font-weight:600}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.close-btn:hover{color:#fff}.tab-bar{border-bottom:1px solid #333;flex-shrink:0;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.tab-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:6px 12px;font-size:13px}.tab-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:600}.delete-tab{color:#888;margin-left:6px}.delete-tab:hover{color:#ff4d4d}.verse-preview{background:#282828;border-left:3px solid #666;border-radius:0 6px 6px 0;flex-shrink:0;margin-bottom:16px;padding:12px 14px;font-size:13px}.verse-preview p{color:#ddd;margin:4px 0}.chat-history{flex-direction:column;flex:1;gap:12px;min-height:0;margin-bottom:16px;padding-right:6px;display:flex;overflow-y:auto}.message-bubble{border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.5}.message-bubble.user{background:#2b384b;align-self:flex-end;max-width:85%}.message-bubble.ai{box-sizing:border-box;background:#38321a;border:1px solid #5a4f29;align-self:flex-start;width:100%}.input-group{flex-shrink:0;gap:8px;display:flex}.input-group input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.input-group input:focus{border-color:#666;outline:none}.input-group button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:6px;padding:0 18px;font-weight:600}.input-group button:disabled{opacity:.5;cursor:not-allowed}.chats-page-container{gap:24px;max-width:1000px;min-height:75vh;margin:25px auto;padding:0 24px;display:flex}.chats-sidebar{border-right:1px solid #eee;width:280px;padding-right:18px}.chats-sidebar h3{color:#222;margin-top:0;font-size:18px}.sidebar-item{cursor:pointer;background:#f9f9f9;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;transition:all .15s;display:flex}.sidebar-item:hover{background:#f0f0f0}.sidebar-item.active{color:#fff;background:#222;border-color:#222}.sidebar-title{font-size:14px;font-weight:600}.sidebar-delete{color:#ff4d4d;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px}.sidebar-delete:hover{text-decoration:underline}.chats-content{flex:1}.chats-content h2{margin-top:0;font-size:22px}.full-chat-history{flex-direction:column;gap:12px;margin-top:20px;display:flex}.full-message{border-radius:8px;padding:14px 18px}.full-message.user{background:#eef6ff;border:1px solid #d0e4ff}.full-message.ai{background:#fcf8eb;border:1px solid #f2e7c4}.empty-state,.empty-text{color:#888;font-size:14px}@media (width<=700px){.header-inner{flex-direction:column;align-items:flex-start}.navigation{flex-wrap:wrap;width:100%}.bible-container{padding:25px 16px 80px}.chapter-heading h1{font-size:23px}.ask-ai{bottom:16px;right:16px}.chats-page-container{flex-direction:column;padding:0 16px}.chats-sidebar{border-bottom:1px solid #eee;border-right:none;width:100%;padding-bottom:16px;padding-right:0}}