*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1d23!important;color:#f5f4f0;min-height:100vh}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:.1em;font-weight:400}h1{font-size:2rem;letter-spacing:.2em}@media (max-width: 768px){h1{font-size:1.5rem;letter-spacing:.1em}h2{font-size:1.75rem}h3{font-size:1.25rem}}.app{min-height:100vh;background-color:#1a1d23;display:flex;flex-direction:column}.main-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:#1a1d23;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px}.logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;padding:10px;transition:opacity .3s ease;flex-shrink:0}.logo:hover{opacity:.8}.title{font-size:1.5rem;color:#a8a8a8;cursor:pointer;transition:color .3s ease;margin:0;word-break:break-word}.title:hover{color:#d4af37}.header-nav{display:flex;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.main-header{flex-direction:column;padding:1rem;text-align:center;gap:1.5rem}.header-left{flex-direction:column;gap:.75rem;width:100%;justify-content:center}.logo{width:80px;height:80px;padding:8px}.title{font-size:1.2rem;text-align:center;line-height:1.3}.header-nav{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}}.nav-button{background:transparent;border:1px solid #a8a8a833;color:#a8a8a8;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;transition:all .3s ease;min-height:44px;min-width:60px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.nav-button{padding:.75rem 1.25rem;font-size:.85rem;min-height:48px;flex:1;max-width:120px}}.nav-button:hover{border-color:#d4af37;color:#d4af37}.nav-button.active{border-color:#d4af37;color:#d4af37;background-color:#d4af3715}.card{background-color:#242830;border:1px solid #a8a8a833;border-radius:8px;padding:1.5rem;margin-bottom:1rem;width:100%;max-width:600px;min-width:320px;min-height:200px;box-sizing:border-box;transition:all .3s ease;display:flex;flex-direction:column}.card:hover{border-color:#d4af37;background-color:#2d3142}@media (max-width: 768px){.card{max-width:100%;min-width:280px;margin-left:1rem;margin-right:1rem;padding:1rem}.corpus-content{max-width:100%;min-width:280px;margin-left:1rem;margin-right:1rem}.source-selector,.section-selector{width:220px;font-size:.8rem}.corpus-controls{flex-direction:column;gap:.5rem}}@media (min-width: 769px) and (max-width: 1024px){.card,.corpus-content{max-width:500px}.source-selector,.section-selector{width:250px}}@media (min-width: 1025px){.card,.corpus-content{max-width:600px}.source-selector,.section-selector{width:280px}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;min-width:600px;box-sizing:border-box}@media (max-width: 768px){.main-content{padding:1rem;justify-content:flex-start;min-height:auto;min-width:320px}}.intro-text{text-align:center;margin-bottom:2rem}.intro-text p{font-size:1.1rem;line-height:1.8;letter-spacing:.03em;color:#a8a8a8;opacity:.8;font-style:italic}.mode-switcher{display:flex;gap:0;margin-bottom:2rem;border:1px solid #a8a8a833;border-radius:8px;overflow:hidden;width:100%;max-width:400px}.mode-button{background:transparent;border:none;color:#a8a8a8;padding:.75rem 2rem;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;transition:all .3s ease;border-right:1px solid #a8a8a833;flex:1;min-height:48px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.mode-switcher{max-width:100%;margin-bottom:1.5rem}.mode-button{padding:1rem;font-size:.85rem;min-height:52px;letter-spacing:.05em}}.mode-button:last-child{border-right:none}.mode-button:hover{color:#d4af37;background-color:#d4af3715}.mode-button.active{color:#d4af37;background-color:#d4af3722}.corpus-view,.about-view{padding:2rem;color:#f5f4f0;max-width:1000px;margin:0 auto;flex:1}.main-content{flex:1;padding:2rem;max-width:1000px;margin:0 auto}.corpus-view h2,.about-view h2{margin-bottom:2rem;color:#d4af37;font-size:2.5rem;text-align:center;letter-spacing:.1em}.about-view p{line-height:1.6;letter-spacing:.03em;margin-bottom:1.5rem}.about-section{margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #a8a8a822}.about-section:last-child{border-bottom:none}.about-section h3{color:#d4af37;font-size:1.5rem;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase}.about-section h4{color:#a8a8a8;font-size:1.2rem;margin-bottom:1rem;margin-top:1.5rem}.about-section p{font-size:1rem;line-height:1.7}.about-section em{color:#a8a8a8;font-style:italic}.about-section strong{color:#f5f4f0;font-weight:600}.mode-description{margin:1.5rem 0;padding:1rem;background-color:#2d3142;border:1px solid #a8a8a833;border-radius:8px}.mode-description h4{color:#d4af37;margin-top:0;margin-bottom:1rem;font-size:1.3rem;letter-spacing:.05em}.mode-description p{margin-bottom:1rem}.mode-description p:last-child{margin-bottom:0}.corpus-description{display:grid;gap:1rem;margin:1rem 0}.corpus-text{padding:1rem;background-color:#2d3142;border:1px solid #a8a8a833;border-radius:8px}.corpus-text h4{color:#d4af37;margin-top:0;margin-bottom:1rem;font-size:1.2rem;letter-spacing:.05em}.corpus-text p{margin-bottom:0;line-height:1.6}.response-structure{list-style:none;padding:0;margin:1rem 0}.response-structure li{padding:.75rem 1rem;margin-bottom:.5rem;background-color:#2d3142;border:1px solid #d4af3733;border-radius:6px;border-left:4px solid #d4af37}.response-structure li strong{color:#d4af37;display:inline-block;width:120px;font-weight:600}@media (max-width: 768px){.about-view{padding:1rem}.about-view h2{font-size:2rem;margin-bottom:1.5rem}.about-section{margin-bottom:2rem;padding:1rem 0}.about-section h3{font-size:1.3rem}.mode-description,.corpus-text{padding:1rem}.hymn-metadata{padding:1rem;margin:0 auto 1rem;max-width:100%}.hymn-title{font-size:1.2rem}.app-footer{padding:1.5rem 1rem;margin-top:2rem;font-size:.7rem}.response-structure li strong{width:100px;font-size:.9rem}}.corpus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #a8a8a833}.corpus-controls{display:flex;gap:1rem}.source-selector,.section-selector{background-color:#242830;border:1px solid #a8a8a833;color:#f5f4f0;padding:.5rem 1rem;border-radius:4px;font-family:inherit;font-size:.9rem;letter-spacing:.05em;width:280px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-selector:focus,.section-selector:focus{outline:none;border-color:#d4af37}.hymn-metadata{background-color:#2d3142;border:1px solid #a8a8a833;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;max-width:600px;min-width:320px;width:100%;margin:0 auto 1.5rem;box-sizing:border-box}.hymn-title{color:#f5f4f0;font-size:1.4rem;margin:0 0 .5rem;letter-spacing:.05em}.hymn-incense{color:#a8a8a8;margin:0;font-size:.95rem;letter-spacing:.02em}.hymn-incense strong{color:#f5f4f0}.corpus-content{background-color:#2d3142;border:1px solid #a8a8a833;border-radius:8px;padding:0;max-height:600px;overflow-y:auto;max-width:600px;min-width:320px;width:100%;margin:0 auto;box-sizing:border-box;transition:all .3s ease}.app-footer{text-align:center;padding:2rem;margin-top:3rem;border-top:1px solid #a8a8a811;color:#a8a8a8;opacity:.6;font-style:italic;font-size:.75rem;letter-spacing:.03em;line-height:1.4}.app-footer p{margin:0}.line-display{font-family:inherit}.text-line{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #a8a8a811;cursor:pointer;transition:background-color .2s ease;width:100%;max-width:100%;min-height:3rem}.text-line:hover{background-color:#a8a8a811}.text-line:last-child{border-bottom:none}.line-number{color:#a8a8a8;font-size:.8rem;width:4ch;min-width:4ch;max-width:4ch;display:inline-block;text-align:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;margin-right:1rem;flex-shrink:0}.line-text{color:#f5f4f0;line-height:1.6;letter-spacing:.02em;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}.no-content{padding:2rem;text-align:center;color:#a8a8a8}.keyword-highlight{color:gold!important;font-weight:500;text-shadow:0 0 2px rgba(255,215,0,.3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlight-pulse{0%{background-color:#4a4a00;box-shadow:0 0 10px #ffd70080}50%{background-color:#6a6a00;box-shadow:0 0 20px #ffd700cc}to{background-color:#4a4a00;box-shadow:0 0 10px #ffd70080}}.text-line.section-header{background-color:#2a2a2a!important;border-left:4px solid #9370db!important;font-weight:700!important;font-size:1.1rem!important;color:#fff!important;margin-top:1rem;margin-bottom:.5rem}.text-line.section-header:first-child{margin-top:0}.text-line.source-link{border-left:2px solid #4fc3f7!important;transition:background-color .2s ease,border-left-color .2s ease}.text-line.source-link:hover{background-color:#1a3a4a!important;border-left-color:#81d4fa!important}.source-indicator{color:#4fc3f7;font-size:.8rem;margin-left:8px;opacity:.7;transition:opacity .2s ease}.text-line.source-link:hover .source-indicator{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.line-modal{background-color:#242830;border:1px solid #a8a8a833;border-radius:8px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto}.line-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #a8a8a833}.line-modal-header h3{color:#f5f4f0;margin:0}.close-button{background:transparent;border:none;color:#a8a8a8;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-button:hover{background-color:#d4af3722;color:#d4af37}.line-modal-content{padding:1.5rem}.line-section{margin-bottom:2rem}.line-section:last-child{margin-bottom:0}.line-section h4{color:#d4af37;margin-bottom:.75rem;font-size:.9rem}.english-text{color:#f5f4f0;line-height:1.6;letter-spacing:.02em;font-size:1.1rem;font-family:inherit;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.greek-text{color:#f5f4f0;line-height:1.6;letter-spacing:.02em;font-size:1.2rem;font-family:inherit;direction:ltr;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.commentary-text{color:#ccc;line-height:1.6;letter-spacing:.02em;font-size:.95rem;font-style:italic;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.source-button{background:transparent;border:1px solid #a8a8a866;color:#a8a8a8;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.source-button:hover{border-color:#d4af37;color:#d4af37;background-color:#d4af371a}.ancient-query-carousel{max-width:600px;width:100%;margin:3rem auto 0;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;cursor:pointer;transition:opacity .3s ease;padding:0 1rem;box-sizing:border-box}.ancient-query-carousel:hover .query-text{opacity:1;color:#d4af37}.query-text{font-size:1.2rem;line-height:1.6;color:#a8a8a8;opacity:.8;font-style:italic;letter-spacing:.03em;word-wrap:break-word;overflow-wrap:break-word;transition:opacity .3s ease}@media (max-width: 768px){.ancient-query-carousel{margin:2rem auto 0;min-height:100px;padding:0 1.5rem}.query-text{font-size:1.1rem;line-height:1.5;letter-spacing:.02em}}.consultation-form{display:flex;align-items:center;background-color:#242830;border:1px solid #a8a8a833;border-radius:8px;padding:1rem;max-width:500px;width:100%;margin:0 auto;flex-shrink:0;box-sizing:border-box}.query-input{flex:1;background:transparent;border:none;outline:none;color:#f5f4f0;font-size:1rem;letter-spacing:.05em;font-family:inherit;min-width:0}.query-input::-moz-placeholder{color:#a8a8a8;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.query-input::placeholder{color:#a8a8a8;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.submit-button{background:transparent;border:none;color:#a8a8a8;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-left:1rem;transition:color .3s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submit-button:hover{color:#d4af37}@media (max-width: 768px){.consultation-form{margin:0 1rem;max-width:calc(100% - 2rem);padding:1.25rem}.query-input{font-size:1rem}.query-input::-moz-placeholder{font-size:.8rem;letter-spacing:.05em}.query-input::placeholder{font-size:.8rem;letter-spacing:.05em}.submit-button{font-size:1.25rem;min-height:48px;min-width:48px;margin-left:.75rem}}.ancient-query-carousel{max-width:500px;width:100%;margin:2rem auto;text-align:center;flex-shrink:0}.query-text{min-height:3rem;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.consultation-form{margin:0 .5rem;max-width:calc(100% - 1rem);padding:1rem}.query-input::-moz-placeholder{font-size:.75rem}.query-input::placeholder{font-size:.75rem}.mode-button{font-size:.8rem;padding:.75rem .5rem}.ancient-query-carousel{padding:0 1rem}.query-text{font-size:1rem;line-height:1.4}}.source-selector,.section-selector{padding:.5rem;background-color:#242830;color:#f5f4f0;border:1px solid #a8a8a833;border-radius:4px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.source-selector option,.section-selector option{text-transform:uppercase;background-color:#242830;color:#f5f4f0}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1d23!important;color:#f5f4f0}html{background-color:#1a1d23!important}#root{background-color:#1a1d23!important;min-height:100vh}