*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0a0e12;color:#d1d5db;font-size:14px;overflow-x:hidden}.top-header{background-color:#1a1f25;border-bottom:1px solid #2d3338;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff}.logo i{color:#00d9ff}body.light-mode .logo{color:#111827}body.light-mode .logo i{color:#0891b2}.header-actions{display:flex;gap:12px;align-items:center}.theme-toggle{background:transparent;border:1px solid #3d4449;color:#d1d5db;padding:4px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.theme-toggle:hover{background-color:#2d3338;border-color:#4d5459}.theme-toggle i{font-size:15px}body.light-mode{background-color:#f5f7fa;color:#1f2937}body.light-mode .top-header{background-color:#fff;border-bottom:1px solid #e5e7eb}body.light-mode .sidebar{background-color:#f9fafb;border-right:1px solid #e5e7eb;height:100%}body.light-mode .sidebar-title{color:#6b7280}body.light-mode .sidebar-item{color:#374151}body.light-mode .sidebar-item:hover{background-color:#f3f4f6;color:#111827}body.light-mode .sidebar-item.active{background-color:#e0f2fe;border-left-color:#0891b2;color:#0891b2}body.light-mode .book-list-panel{background-color:#f9fafb;border-right:1px solid #e5e7eb}body.light-mode .search-input{background-color:#fff;border:1px solid #d1d5db;color:#1f2937}body.light-mode .search-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}body.light-mode .book-item:hover{background-color:#f3f4f6;color:#111827}body.light-mode .book-item.selected{background-color:#e0f2fe;color:#0891b2}body.light-mode .chapter-badge{background-color:#e5e7eb;color:#6b7280}body.light-mode .verse-display{background-color:#fff}body.light-mode .verse-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}body.light-mode .verse-title{color:#111827}body.light-mode .control-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}body.light-mode .control-btn:hover{background-color:#f3f4f6;color:#111827}body.light-mode .control-btn.active{background-color:#0891b2;color:#fff;border-color:#0891b2}body.light-mode .verse-item:hover{background-color:#f9fafb}body.light-mode .verse-item.highlighted{background-color:#e0f2fe;border-left-color:#0891b2}body.light-mode .verse-number{color:#6b7280}body.light-mode .verse-text{color:#1f2937}body.light-mode .verse-text-malayalam{color:#4b5563}body.light-mode .chapter-nav{background-color:#f9fafb;border-top:1px solid #e5e7eb}body.light-mode .nav-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}body.light-mode .nav-btn:hover:not(:disabled){background-color:#f3f4f6;color:#111827}body.light-mode .chapter-select{background-color:#fff;border:1px solid #d1d5db;color:#1f2937}body.light-mode .stats-bar{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}body.light-mode .stat-label{color:#6b7280}body.light-mode .stat-value{color:#0891b2}body.light-mode .header-btn,body.light-mode .theme-toggle{border:1px solid #d1d5db;color:#374151}body.light-mode .header-btn:hover,body.light-mode .theme-toggle:hover{background-color:#f3f4f6;border-color:#9ca3af}body.light-mode .content-area{background-color:#f5f7fa}body.light-mode .reference-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280}body.light-mode .reference-columns{background-color:#fff}body.light-mode .ref-column{border-right:1px solid #e5e7eb}body.light-mode .ref-column-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151}body.light-mode ::-webkit-scrollbar-track{background:#f9fafb}body.light-mode ::-webkit-scrollbar-thumb{background:#d1d5db}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#9ca3af}.header-btn{background:transparent;border:1px solid #3d4449;color:#d1d5db;padding:4px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.header-btn:hover{background-color:#2d3338;border-color:#4d5459}.main-container{display:flex;height:calc(100vh - 45px);overflow:hidden}.sidebar{width:200px;background-color:#14181d;border-right:1px solid #2d3338;overflow-y:auto;padding:16px 0;height:100%;display:flex;flex-direction:column}.sidebar-section{margin-bottom:24px}.sidebar-title{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;padding:0 16px;margin-bottom:8px;letter-spacing:.5px}.sidebar-item{padding:8px 16px;color:#d1d5db;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;transition:all .2s;border-left:3px solid transparent}.sidebar-item:hover{background-color:#1a1f25;color:#fff}.sidebar-item.active{background-color:#1e2529;border-left-color:#00d9ff;color:#fff}.sidebar-item i{font-size:15px;width:16px;color:#6b7280}.content-area{flex:1;display:flex;background-color:#0f1419;height:100%;overflow:hidden}.book-list-panel{width:380px;background-color:#14181d;border-right:1px solid #2d3338;display:flex;flex-direction:column;height:100%;overflow:hidden}.reference-header{background-color:#1a1f25;border-bottom:1px solid #2d3338;padding:10px 16px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}body.light-mode .reference-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.reference-search{padding:12px 16px;border-bottom:1px solid #2d3338}.search-input{width:100%;background-color:#1a1f25;border:1px solid #3d4449;color:#d1d5db;padding:8px 12px 8px 36px;border-radius:4px;font-size:14px;outline:none}.search-input:focus{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.search-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:15px;pointer-events:none}.reference-columns{display:flex;flex:1;overflow:hidden;background-color:#14181d;height:100%}.ref-column{display:flex;flex-direction:column;border-right:1px solid #2d3338;overflow:hidden;height:100%}.ref-column:first-child{flex:0 0 200px}.ref-column:nth-child(2){flex:0 0 90px}.ref-column:nth-child(3){flex:0 0 90px}.ref-column:last-child{border-right:none}.ref-column-header{background-color:#1a1f25;padding:10px 12px;border-bottom:1px solid #2d3338;font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280;letter-spacing:.5px}.ref-column-content{flex:1;overflow-y:auto;padding:0}.ref-item{padding:8px 12px;color:#d1d5db;cursor:pointer;font-size:14px;border-bottom:1px solid #1a1f25;transition:all .15s;display:flex;justify-content:center;align-items:center}.ref-item:hover{background-color:#1a1f25;color:#fff}.ref-item.selected{background-color:#1e3a4a;color:#00d9ff;font-weight:500}.ref-item-number{color:inherit;font-size:14px;font-weight:500}.ref-item.selected .ref-item-number{color:#00d9ff}body.light-mode .ref-item{border-bottom:1px solid #f3f4f6;color:#374151}body.light-mode .ref-item:hover{background-color:#f9fafb}body.light-mode .ref-item.selected{background-color:#dbeafe;color:#0891b2}body.light-mode .ref-item.selected .ref-item-number{color:#0891b2}.verse-display{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.verse-header{background-color:#14181d;border-bottom:1px solid #2d3338;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.verse-title{font-size:19px;font-weight:600;color:#fff}.verse-controls{display:flex;gap:8px}.control-btn{background-color:#1a1f25;border:1px solid #3d4449;color:#d1d5db;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.control-btn:hover{background-color:#2d3338;color:#fff}.control-btn.active{background-color:#00d9ff;color:#000;border-color:#00d9ff}.verse-content{flex:1;overflow-y:auto;padding:24px}.verse-item{display:flex;margin-bottom:16px;padding:12px;border-radius:6px;transition:all .2s;cursor:pointer}.verse-item.highlighted{background-color:#1e2529;border-left:3px solid #00d9ff}.verse-number{color:#6b7280;font-weight:600;min-width:35px;font-size:14px;padding-top:2px}.verse-text{color:#d1d5db;font-size:15px;line-height:1.7;flex:1}.verse-text-malayalam{color:#a8b3c1;font-size:14px;margin-top:6px;font-style:italic}.chapter-nav{background-color:#14181d;border-top:1px solid #2d3338;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.nav-btn{background-color:#1a1f25;border:1px solid #3d4449;color:#d1d5db;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.nav-btn:hover:not(:disabled){background-color:#2d3338;color:#fff}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.chapter-selector{display:flex;gap:8px;align-items:center}.chapter-select{background-color:#1a1f25;border:1px solid #3d4449;color:#d1d5db;padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#14181d}::-webkit-scrollbar-thumb{background:#3d4449;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d5459}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#6b7280}.spinner{border:3px solid #2d3338;border-top:3px solid #00d9ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-bar{background-color:#14181d;border-bottom:1px solid #2d3338;padding:12px 24px;display:flex;gap:24px;font-size:13px}.stat-item{display:flex;gap:8px;align-items:center}.stat-label{color:#6b7280}.stat-value{color:#00d9ff;font-weight:600}.ref-column-content{flex:1;overflow-y:auto;position:relative;max-height:100%}.ref-column-content::-webkit-scrollbar{width:4px}.ref-item{scroll-margin-top:10px}.ref-item.selected{background-color:var(--highlight-color)}.search-wrapper{position:relative;display:flex;align-items:center}.ai-capture-btn{position:absolute;right:5px;background:linear-gradient(135deg,#00d9ff,#007bff);border:none;color:#fff;padding:5px 12px;border-radius:15px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;box-shadow:0 0 8px #00d9ff66}.ai-capture-btn.listening{background:#ef4444;box-shadow:0 0 12px #ef444499;animation:pulse-border 1.5s infinite}.ai-wave-container{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:30px;margin-top:10px;padding-bottom:5px}.ai-wave-container .wave-bar{width:4px;background:#00d9ff;border-radius:2px;transition:height .1s ease-in-out}@keyframes pulse-border{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reference-search{position:relative;display:flex;flex-direction:column;padding:10px}.reference-search .search-wrapper{position:relative;z-index:10}.reference-search .ai-wave-container{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:4px;height:30px;margin-top:5px;overflow:hidden;background:#ffffff0d;border-radius:4px}.reference-search .ai-wave-container .wave-bar{width:4px;background:#00d9ff;border-radius:2px;max-height:25px;transition:height .1s ease-in-out}.quota-error-msg{color:#f44;font-size:12px;margin-top:5px;text-align:center;font-weight:700}