:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#f6e8c3;--color-accent-hover:#e8d49e;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-border:#334155;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--transition:.2s ease;--font-serif:Georgia, "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;align-items:center;min-height:100vh;display:flex}.app{flex-direction:column;align-items:center;width:100%;max-width:640px;min-height:100vh;padding:2rem 1rem;display:flex}.header{text-align:center;width:100%;margin-bottom:2.5rem}.cross{color:var(--color-accent);opacity:.4;margin-bottom:.75rem;font-size:2rem;display:block}.site-title{font-family:var(--font-serif);color:var(--color-accent);letter-spacing:.05em;font-size:1.25rem;font-weight:400}.message-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:opacity var(--transition);padding:2rem 1.5rem}.verse-text{color:var(--color-text);text-align:center;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.9}.verse-reference{color:var(--color-text-secondary);text-align:center;font-size:.95rem;font-family:var(--font-sans);margin-bottom:1.5rem}.verse-reference em{color:var(--color-accent);font-style:normal}.translation-selector{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.translation-btn{font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:.45rem 1rem;font-size:.85rem}.translation-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.translation-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.4rem;padding:.7rem 1.5rem;font-size:.9rem;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-accent);color:#1e293b;font-weight:600}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text);transform:translateY(-1px)}.footer{text-align:center;width:100%;margin-top:auto;padding:2rem 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-link{font-family:var(--font-sans);color:var(--color-text-secondary);transition:color var(--transition);font-size:.8rem;text-decoration:none}.footer-link:hover{color:var(--color-text)}.loading{text-align:center;color:var(--color-text-secondary);font-family:var(--font-sans);padding:3rem 0;font-size:1rem}.loading-dots:after{content:"";animation:1.5s infinite dots}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error{text-align:center;color:#f87171;font-family:var(--font-sans);padding:2rem 0;font-size:.9rem}.toast{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);font-family:var(--font-sans);border:1px solid var(--color-border);opacity:0;z-index:1000;pointer-events:none;padding:.75rem 1.5rem;font-size:.85rem;transition:all .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.split-view{flex-direction:column;gap:1rem;width:100%;display:flex}.split-verse{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.split-verse .translation-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.75rem}.split-verse .text{font-size:1rem;line-height:1.8}@media (width>=640px){.app{padding:3rem 2rem}.message-card{padding:2.5rem 2rem}.verse-text{font-size:1.35rem}.cross{font-size:2.5rem}.site-title{font-size:1.5rem}}@media (width>=1024px){.verse-text{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}