.sukta-navigator{display:flex;flex-direction:column;gap:.75rem}.navigator-controls-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.nav-mode-toggle{display:flex;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.nav-mode-btn{padding:.5rem .75rem;border:none;background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem;font-weight:500}.nav-mode-btn:first-child{border-right:1px solid var(--border-color)}.nav-mode-btn.active{background:var(--accent-gradient);color:#fff}.nav-mode-btn:hover:not(.active){background:var(--bg-hover)}.navigator-dropdowns{display:flex;gap:.5rem;align-items:center}.navigator-select{padding:.625rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;background-color:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:100px;position:relative;z-index:10;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.navigator-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.navigator-select:disabled{background-color:var(--bg-card-alt);cursor:not-allowed;opacity:.6;color:var(--text-muted)}.navigator-select:hover:not(:disabled){border-color:var(--text-muted)}.navigator-select option{background:var(--bg-input);color:var(--text-primary)}.navigator-buttons{display:flex;gap:.5rem;align-items:center}.nav-button{padding:.625rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .2s ease;font-weight:500}.nav-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.nav-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.prev-button,.next-button{background:var(--accent-gradient)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90%;width:450px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-muted);display:flex;align-items:center;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body p{margin:0;line-height:1.6;color:var(--text-secondary)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.modal-button{padding:.5rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s ease}.modal-button:hover{background-color:#1d4ed8}@media (max-width: 768px){.navigator-dropdowns{flex-wrap:wrap}.navigator-select{flex:1;min-width:80px}.navigator-buttons{width:100%}.nav-button{flex:1;justify-content:center}.navigator-controls-row{flex-direction:column;align-items:stretch}}:root{--bg-body: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-card: #ffffff;--bg-card-alt: #f7fafc;--bg-header: rgba(255, 255, 255, .95);--bg-footer: rgba(255, 255, 255, .95);--bg-input: #ffffff;--bg-hover: #edf2f7;--bg-error: #fed7d7;--bg-search-help: linear-gradient(135deg, #f6f9fc 0%, #e9f4ff 100%);--bg-stat: #f7fafc;--bg-verse-translation: #ffffff;--border-color: #e2e8f0;--border-focus: #667eea;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--text-accent: #667eea;--text-error: #c53030;--text-on-accent: #ffffff;--shadow-sm: 0 2px 20px rgba(0, 0, 0, .1);--shadow-card: 0 4px 6px rgba(0, 0, 0, .1);--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--share-gradient: linear-gradient(135deg, #48bb78 0%, #38a169 100%);--mark-bg: #fef9c3;--mark-color: #854d0e;--copy-toast-bg: rgba(0, 0, 0, .8);--copy-toast-color: #fff}[data-theme=dark]{--bg-body: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-card: #1e1e2f;--bg-card-alt: #272740;--bg-header: rgba(30, 30, 47, .97);--bg-footer: rgba(30, 30, 47, .97);--bg-input: #272740;--bg-hover: #2d2d4a;--bg-error: #442222;--bg-search-help: linear-gradient(135deg, #1e1e2f 0%, #252545 100%);--bg-stat: #272740;--bg-verse-translation: #1e1e2f;--border-color: #3a3a5c;--border-focus: #8b5cf6;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #a0aec0;--text-accent: #a78bfa;--text-error: #fc8181;--text-on-accent: #ffffff;--shadow-sm: 0 2px 20px rgba(0, 0, 0, .4);--shadow-card: 0 4px 6px rgba(0, 0, 0, .3);--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--share-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);--mark-bg: #854d0e;--mark-color: #fef9c3;--copy-toast-bg: rgba(255, 255, 255, .9);--copy-toast-color: #1e1e2f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-body);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-header);padding:2rem;box-shadow:var(--shadow-sm)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;position:relative}.header-content h1{font-size:2rem;color:var(--text-primary);margin:0}.header-content>svg{color:var(--text-accent)}.subtitle{color:var(--text-muted);font-size:.95rem;margin-left:auto}.header-buttons{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center}.theme-toggle-btn{background:var(--bg-card-alt);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.theme-toggle-btn:hover{background:var(--bg-hover);border-color:var(--text-accent)}.app-main{flex:1;max-width:1200px;margin:2rem auto;padding:0 2rem;width:100%}.search-section{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.veda-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.veda-selector .button-group{flex-wrap:wrap}.veda-select{padding:.5rem 1rem;border:2px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;min-width:240px;appearance:auto}.veda-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea33}.veda-select optgroup{font-weight:700;color:var(--text-secondary)}.veda-select option{font-weight:400;padding:4px 8px;background:var(--bg-input);color:var(--text-primary)}.selector-label{font-weight:600;color:var(--text-secondary)}.search-nav-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.search-nav-row>*{flex:1;min-width:300px}.search-container{display:flex;flex-direction:column;gap:1rem}.search-help{background:var(--bg-search-help);border-left:4px solid var(--text-accent);padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem}.search-help p{color:var(--text-secondary);font-size:.9rem;margin:0}.search-terms{display:flex;flex-direction:column;gap:.75rem}.search-term-row{display:flex;gap:.5rem;align-items:center}.search-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s;background:var(--bg-input);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.search-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-add,.btn-search,.btn-remove{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.btn-add{background:var(--bg-card-alt);color:var(--text-secondary);border:2px solid var(--border-color)}.btn-add:hover{background:var(--bg-hover)}.btn-search{background:var(--accent-gradient);color:#fff;font-weight:500}.btn-search:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-search:disabled{opacity:.5;cursor:not-allowed}.btn-remove{background:#fed7d7;color:#c53030;padding:.5rem;border-radius:6px}.btn-remove:hover{background:#fc8181}[data-theme=dark] .btn-remove{background:#422;color:#fc8181}[data-theme=dark] .btn-remove:hover{background:#5a2222}.navigated-verse-section{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.navigated-verse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.navigated-verse-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.copy-chapter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.copy-chapter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.copy-chapter-btn.copied{background:var(--share-gradient)}.verse-card{border:2px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-card-alt);margin-bottom:1rem;position:relative}.verse-card:last-child{margin-bottom:0}.verse-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--accent-gradient);color:#fff}.verse-reference{font-weight:700;font-size:1.1rem}.verse-location{font-size:.9rem;opacity:.9}.verse-copy-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;padding:.35rem .6rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;font-size:.8rem;transition:all .2s}.verse-copy-btn:hover{background:#ffffff40}.verse-copy-btn.copied{background:#48bb7899}.verse-sanskrit{padding:1.5rem 1.5rem 1rem;background:var(--bg-card-alt);border-bottom:1px solid var(--border-color)}.verse-translation{padding:1.5rem;background:var(--bg-verse-translation)}.verse-label{font-weight:600;color:var(--text-accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.verse-content-text{line-height:1.8;font-size:1rem;color:var(--text-primary)}.controls-section{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.controls-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.controls{display:flex;gap:3rem;align-items:center;flex-wrap:wrap}.share-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--share-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.control-group{display:flex;align-items:center;gap:1rem}.control-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-secondary)}.button-group{display:flex;gap:.5rem}.control-btn{padding:.5rem 1rem;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.25rem}.control-btn:hover{background:var(--bg-card-alt)}.control-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.control-btn:disabled{cursor:not-allowed;opacity:.5}.visualization-section{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.chart-container h3{margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.statistics{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.statistics h4{margin-bottom:1rem;color:var(--text-secondary)}.stat-item{margin-bottom:1rem;padding:1rem;background:var(--bg-stat);border-radius:8px}.stat-item strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.stat-item ul{margin-left:1.5rem;color:var(--text-muted)}.results-section{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card)}.results-display h3{margin-bottom:1.5rem;color:var(--text-primary)}.result-item{margin-bottom:1.5rem;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-card-alt)}.result-header h4{color:var(--text-primary);margin:0}.result-stats{display:flex;align-items:center;gap:1rem}.stat-badge{padding:.25rem .75rem;background:var(--bg-card);border-radius:12px;font-size:.875rem;color:var(--text-secondary);border:1px solid var(--border-color)}.expand-btn{background:transparent;border:none;cursor:pointer;color:var(--text-accent);padding:.25rem;display:flex;align-items:center;transition:transform .3s}.expand-btn:hover{transform:scale(1.1)}.result-details{padding:1.5rem;background:var(--bg-card)}.mandala-breakdown h5,.all-matches h5{color:var(--text-secondary);margin-bottom:1rem}.mandala-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem}.mandala-item{padding:.5rem;background:var(--bg-stat);border-radius:6px;display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.mandala-item strong{color:var(--text-secondary)}.verses-list{display:flex;flex-direction:column;gap:1rem}.verse-item{padding:1rem;background:var(--bg-card-alt);border-radius:8px;border-left:3px solid var(--text-accent)}.verse-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.verse-ref{font-weight:700;color:var(--text-accent);font-size:.9rem;display:inline-block}.copy-verse-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.4rem;cursor:pointer;color:var(--text-accent);display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-verse-btn:hover{background:var(--text-accent);color:#fff;border-color:var(--text-accent);transform:translateY(-1px)}.copy-verse-btn:active{transform:translateY(0)}.verse-content{display:flex;flex-direction:column;gap:.75rem}.verse-original,.verse-meaning{color:var(--text-secondary);line-height:1.6;font-size:.9rem}.verse-original mark,.verse-meaning mark{background:var(--mark-bg);color:var(--mark-color);padding:.125rem .25rem;border-radius:3px;font-weight:600}.verse-meaning{color:var(--text-muted);font-style:italic;padding-left:1rem;border-left:2px solid var(--border-color)}.app-footer{background:var(--bg-footer);padding:2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:var(--text-muted)}.footer-content p{margin:.25rem 0;font-size:.875rem}.corpus-info{margin-top:.5rem;font-weight:500;color:var(--text-secondary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-card)}.spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin-top:1rem;color:var(--text-secondary)}.error-message{padding:1rem;background:var(--bg-error);color:var(--text-error);border-radius:8px;margin-top:1rem;text-align:center}.no-results{padding:3rem;text-align:center;color:var(--text-muted)}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(0);background:var(--copy-toast-bg);color:var(--copy-toast-color);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;z-index:9999;animation:toast-in .3s ease,toast-out .3s ease 1.7s forwards;pointer-events:none;box-shadow:0 4px 12px #0003}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.subtitle{margin-left:0;margin-top:.5rem}.header-buttons{position:static;transform:none;justify-content:center;margin-top:.5rem}.controls{flex-direction:column;gap:1.5rem}.control-group{flex-direction:column;width:100%}.button-group{width:100%}.control-btn{flex:1}.search-actions{flex-direction:column}.btn-add,.btn-search{width:100%;justify-content:center}.search-nav-row{flex-direction:column}.search-nav-row>*{min-width:100%}.verse-header{flex-direction:column;align-items:flex-start;gap:.5rem}.navigated-verse-header{flex-direction:column;align-items:flex-start}}