.app{min-height:100vh}.main-content{padding:20px 0}.floating-settings-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;border:3px solid #C00000;background:#fff;color:#c00000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;z-index:998;display:flex;align-items:center;justify-content:center;padding:0}.settings-icon{width:28px;height:28px;transition:transform .3s ease}.floating-settings-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #0000004d;background:#c000001a}.floating-settings-button:hover .settings-icon{transform:rotate(90deg)}@media (max-width: 768px){.main-content{padding:10px 0}.floating-settings-button{bottom:20px;right:20px;width:55px;height:55px;font-size:1.6rem}}.liturgy-container{background:#fff;border-radius:0;padding:30px;box-shadow:none;border:none;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.liturgy-container{padding:15px;border-radius:8px}}.liturgy-header{text-align:center;font-weight:700;font-family:Cambria,serif;color:var(--header-color, #8B0000);margin:25px 0 15px;padding:10px 0;border-bottom:2px solid var(--header-color, #8B0000);text-transform:uppercase;letter-spacing:.5px}.liturgy-line{margin-bottom:8px;padding:4px 0;border-radius:0;transition:none}.liturgy-line:hover{background-color:transparent}.choir-line{background-color:transparent;border-left:none;padding-left:0}.line-content{display:flex;gap:15px;margin-bottom:0}.speaker{font-weight:700;min-width:80px;flex-shrink:0;font-family:Cambria,serif}.speaker-choir{color:var(--choir-color)}.speaker-priest{color:var(--priest-color)}.speaker-deacon{color:var(--deacon-color)}.speaker-other{color:var(--text-color);font-weight:700}.text{flex:1;line-height:1.6;font-family:Cambria,serif;color:var(--text-color)}@media (max-width: 768px){.line-content{flex-direction:column;gap:5px}.speaker{min-width:auto}.liturgy-line{padding:10px}.choir-line{padding-left:15px}}.floating-toggle{display:none}.choir-section{margin-top:15px;padding:20px;background:#fff;border-radius:0;border:1px solid #E0E0E0;transition:all .3s ease}.choir-section.performance-view{padding:0;background:#fff;border:none}.sheet-music{text-align:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;max-width:100%;overflow:hidden}.performance-view .sheet-music{margin-bottom:0;box-shadow:none}.sheet-music img{width:auto;height:auto;border-radius:4px;display:block;margin:0 auto;transition:transform .3s ease}.audio-controls{margin-top:15px}.controls-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.voice-toggle{padding:12px 24px;border:2px solid #C00000;background:#fff;color:#c00000;border-radius:8px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-family:Cambria,serif}.voice-toggle:hover{background:#c000001a;transform:translateY(-2px)}.voice-toggle.active{background:#c00000;color:#fff;box-shadow:0 4px 8px #c0000059}.voice-icon{font-size:1.2rem}.playback-controls{display:flex;gap:8px;margin-left:10px}.play-button,.stop-button{padding:12px 18px;border:none;border-radius:8px;font-size:1.3rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0003;min-width:50px;cursor:pointer}.play-button{background:linear-gradient(135deg,#52a76f,#68b990);color:#fff}.play-button:hover:not(:disabled){background:linear-gradient(135deg,#469664,#58a880);box-shadow:0 4px 8px #52a76f66}.stop-button{background:linear-gradient(135deg,#d97171,#c96565);color:#fff}.stop-button:hover:not(:disabled){background:linear-gradient(135deg,#c96565,#b95a5a);box-shadow:0 4px 8px #d9717166}.play-button:disabled,.stop-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.choir-section{padding:15px}.choir-section.performance-view{padding:0}.floating-toggle{bottom:20px;right:20px;width:55px;height:55px;font-size:1.6rem}.controls-row{gap:8px}.voice-toggle{padding:10px 16px;font-size:.9rem}.playback-controls{width:100%;margin-left:0;margin-top:8px;justify-content:center}.play-button,.stop-button{flex:1;min-width:60px}.sheet-music{padding:10px}}.header{background:linear-gradient(135deg,#9b6b43,#b8856a);color:#fff;padding:20px;border-radius:0;box-shadow:none;margin-bottom:20px;width:100%;overflow:hidden}.header-content{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto;width:100%}.cross-icon{font-size:60px;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.3);flex-shrink:0}.header-text{flex:1;min-width:0;overflow:hidden}.header-text h1{color:#fff;font-size:2rem;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Cambria,serif;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subtitle{font-size:1rem;opacity:.95;font-style:italic;font-family:Cambria,serif;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.header{padding:15px 10px}.header-content{flex-direction:column;text-align:center;gap:10px}.header-text h1{font-size:1.3rem;line-height:1.3}.subtitle{font-size:.85rem;line-height:1.3}.cross-icon{font-size:40px}}@media (max-width: 480px){.header{padding:12px 8px}.header-text h1{font-size:1.1rem}.subtitle{font-size:.75rem}.cross-icon{font-size:35px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.settings-panel{position:fixed;bottom:100px;right:30px;width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #E0E0E0}.settings-header h3{margin:0;font-family:Cambria,serif;color:#c00000;font-size:1.3rem}.close-button{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .3s ease}.close-button:hover{color:#c00000}.settings-content{padding:20px}.setting-group{margin-bottom:24px}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;margin-bottom:12px;font-family:Cambria,serif;font-weight:600;color:#333;font-size:1rem}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#c00000}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.font-size-control{display:flex;align-items:center;gap:16px}.font-size-adjust-btn{width:40px;height:40px;border:2px solid #C00000;background:#fff;color:#c00000;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.font-size-adjust-btn:hover:not(:disabled){background:#c00000;color:#fff;transform:scale(1.1)}.font-size-adjust-btn:active:not(:disabled){transform:scale(.95)}.font-size-adjust-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.5}.font-size-label{flex:1;text-align:center;font-family:Cambria,serif;font-size:1rem;font-weight:600;color:#333}.voice-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.voice-select-btn{padding:12px;border:2px solid #E0E0E0;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Cambria,serif}.voice-select-btn:hover{border-color:#c00000;background:#c000000d;transform:translateY(-2px)}.voice-select-btn.active{border-color:#c00000;background:#c00000;color:#fff;box-shadow:0 4px 8px #c000004d}.voice-select-btn .voice-icon{font-size:1.2rem}.voice-select-btn .voice-label{font-size:.9rem;font-weight:600}.setting-hint{font-size:.85rem;color:#999;font-style:italic;margin:0;font-family:Cambria,serif}@media (max-width: 768px){.settings-panel{right:20px;width:calc(100% - 40px);max-width:320px}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#faf7f2,#f5efe6);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-content{text-align:center;padding:40px 20px;max-width:500px;width:90%;overflow:hidden}.splash-icon{margin-bottom:20px;animation:pulse 2s ease-in-out infinite;display:flex;justify-content:center;align-items:center}.splash-icon svg{width:80px;height:100px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.splash-title{font-size:2.5rem;font-weight:700;color:#c00000;margin-bottom:10px;font-family:Cambria,serif;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.splash-subtitle{font-size:1.5rem;font-weight:400;color:#9b6b43;margin-bottom:40px;font-family:Cambria,serif;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.loading-container{margin-top:40px}.loading-text{font-size:1.1rem;color:#666;margin-bottom:15px;font-family:Cambria,serif}.progress-bar{width:100%;height:8px;background:#c000001a;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#c00000,#d91e18);border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #c0000080}.loading-stats{font-size:.9rem;color:#999;font-family:Cambria,serif}@media (max-width: 768px){.splash-content{padding:30px 15px}.splash-icon svg{width:60px;height:75px}.splash-title{font-size:1.5rem}.splash-subtitle{font-size:1rem}.loading-text{font-size:.95rem}}@media (max-width: 480px){.splash-content{padding:20px 10px}.splash-icon svg{width:50px;height:65px}.splash-title{font-size:1.3rem}.splash-subtitle{font-size:.9rem}.loading-text{font-size:.85rem}.loading-stats{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}:root{--primary-color: #9B6B43;--secondary-color: #C9A961;--background-color: #FAF7F2;--text-color: #000000;--card-background: #FFFFFF;--border-color: #D4BE96;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--priest-color: #C00000;--choir-color: #C00000;--deacon-color: #C00000}body{font-family:Cambria,Times New Roman,Georgia,serif;background:#fff;color:var(--text-color);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{max-width:1200px;margin:0 auto;padding:20px;overflow-x:hidden;width:100%}@media (max-width: 768px){#root{padding:10px}}h1,h2,h3{font-weight:600;color:var(--primary-color)}button{cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}