.translation-comparison{--tc-bg:var(--background,#ffffff);--tc-text:var(--foreground,#1a1a1a);--tc-muted:var(--muted-foreground,#6b7280);--tc-border:var(--border,#e5e7eb);--tc-primary:var(--primary,#3b82f6);--tc-primary-hover:var(--primary-hover,#2563eb);--tc-accent:var(--accent,#f3f4f6);--tc-radius:var(--radius,0.5rem);--tc-font-serif:var(--font-serif,Georgia,"Times New Roman",serif);background:var(--tc-bg);border-radius:var(--tc-radius);padding:1.5rem}.translation-comparison-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.translation-comparison-title{margin:0;display:flex;flex-direction:column;gap:.25rem}.translation-comparison-reference{font-size:1.5rem;font-weight:600;color:var(--tc-text);font-family:var(--tc-font-serif)}.translation-comparison-subtitle{font-size:.875rem;font-weight:400;color:var(--tc-muted)}.translation-comparison-controls{display:flex;gap:.5rem;align-items:center}.translation-comparison-view-selector{display:flex;background:var(--tc-accent);border-radius:var(--tc-radius);padding:.25rem;gap:.25rem}.translation-comparison-view-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.375rem;background:transparent;border:none;border-radius:calc(var(--tc-radius) - .125rem);cursor:pointer;color:var(--tc-muted);transition:all .15s ease}.translation-comparison-view-btn svg{width:1rem;height:1rem}.translation-comparison-view-btn:hover{color:var(--tc-text);background:var(--tc-bg)}.translation-comparison-view-btn--active{background:var(--tc-bg);color:var(--tc-primary);box-shadow:0 1px 2px rgba(0,0,0,.05)}.translation-comparison-selector{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--tc-accent);border-radius:var(--tc-radius);margin-bottom:1.5rem;flex-wrap:wrap}.translation-comparison-selector-label{font-size:.875rem;font-weight:500;color:var(--tc-muted)}.translation-comparison-selector-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.translation-comparison-selector-btn{display:flex;align-items:center;padding:.5rem .75rem;background:var(--tc-bg);border:1px solid var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;transition:all .15s ease}.translation-comparison-selector-btn:hover:not(:disabled){border-color:var(--tc-primary)}.translation-comparison-selector-btn--active{background:var(--tc-primary);border-color:var(--tc-primary);color:white}.translation-comparison-selector-btn:disabled{opacity:.5;cursor:not-allowed}.translation-comparison-selector-btn-code{font-size:.875rem;font-weight:600}.translation-comparison-fetch-btn{margin-left:auto;padding:.5rem 1rem;background:var(--tc-primary);color:white;border:none;border-radius:var(--tc-radius);font-weight:500;cursor:pointer;transition:background .15s ease}.translation-comparison-fetch-btn:hover:not(:disabled){background:var(--tc-primary-hover)}.translation-comparison-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.translation-comparison-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--tc-muted)}.translation-comparison-loading-spinner{width:2rem;height:2rem;border:2px solid var(--tc-border);border-top-color:var(--tc-primary);border-radius:50%;animation:tc-spin .8s linear infinite;margin-bottom:1rem}@keyframes tc-spin{to{transform:rotate(1turn)}}.translation-comparison-error{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--tc-radius);color:#dc2626;margin-bottom:1rem}.translation-comparison-empty{text-align:center;padding:3rem;color:var(--tc-muted)}.translation-comparison-parallel{display:grid;grid-template-columns:repeat(var(--column-count,2),1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.translation-comparison-parallel{grid-template-columns:1fr}}.translation-comparison-column{display:flex;flex-direction:column;border:1px solid var(--tc-border);border-radius:var(--tc-radius);overflow:hidden}.translation-comparison-column-header{padding:.75rem 1rem;background:var(--tc-accent);border-bottom:1px solid var(--tc-border)}.translation-comparison-column-title{margin:0;font-size:1rem;font-weight:600;color:var(--tc-primary)}.translation-comparison-column-name{display:block;font-size:.75rem;color:var(--tc-muted);margin-top:.125rem}.translation-comparison-column-content{padding:1rem;flex:1 1}.translation-comparison-verse{margin:0 0 .75rem;line-height:1.7;font-family:var(--tc-font-serif);position:relative}.translation-comparison-verse:last-child{margin-bottom:0}.translation-comparison-verse-number{font-size:.75em;color:var(--tc-primary);font-weight:600;margin-right:.25rem;font-family:sans-serif}.translation-comparison-verse-text{color:var(--tc-text)}.translation-comparison-copy-btn{position:absolute;right:-.5rem;top:0;padding:.25rem;background:transparent;border:none;color:var(--tc-muted);cursor:pointer;opacity:0;transition:opacity .15s ease}.translation-comparison-verse:hover .translation-comparison-copy-btn{opacity:1}.translation-comparison-copy-btn:hover{color:var(--tc-primary)}.translation-comparison-copy-btn svg{width:.875rem;height:.875rem}.translation-comparison-column-copyright{padding:.5rem 1rem;font-size:.625rem;color:var(--tc-muted);background:var(--tc-accent);border-top:1px solid var(--tc-border)}.translation-comparison-stacked{display:flex;flex-direction:column;gap:1.5rem}.translation-comparison-stack-item{border:1px solid var(--tc-border);border-radius:var(--tc-radius);overflow:hidden}.translation-comparison-stack-header{padding:.75rem 1rem;background:var(--tc-accent);border-bottom:1px solid var(--tc-border)}.translation-comparison-stack-title{margin:0;font-size:1rem;font-weight:600;color:var(--tc-primary)}.translation-comparison-stack-subtitle{font-weight:400;color:var(--tc-muted);margin-left:.5rem;font-size:.875rem}.translation-comparison-stack-content{padding:1rem}.translation-comparison-full-text{margin:0;line-height:1.8;font-family:var(--tc-font-serif);color:var(--tc-text)}.translation-comparison-verse-inline sup{font-size:.7em;color:var(--tc-primary);font-weight:600;margin-right:.125rem}.translation-comparison-stack-copyright{padding:.5rem 1rem;font-size:.625rem;color:var(--tc-muted);background:var(--tc-accent);border-top:1px solid var(--tc-border)}.translation-comparison-interlinear{display:flex;flex-direction:column;gap:1rem}.translation-comparison-interlinear-verse{display:flex;border:1px solid var(--tc-border);border-radius:var(--tc-radius);overflow:hidden}.translation-comparison-interlinear-number{display:flex;align-items:flex-start;justify-content:center;padding:1rem;background:var(--tc-accent);min-width:3rem;border-right:1px solid var(--tc-border)}.translation-comparison-interlinear-number span{font-size:1.25rem;font-weight:700;color:var(--tc-primary)}.translation-comparison-interlinear-content{flex:1 1;display:flex;flex-direction:column}.translation-comparison-interlinear-row{display:flex;padding:.75rem 1rem;gap:1rem;border-bottom:1px solid var(--tc-border)}.translation-comparison-interlinear-row:last-child{border-bottom:none}.translation-comparison-interlinear-label{min-width:4rem;font-size:.75rem;font-weight:600;color:var(--tc-primary);text-transform:uppercase;padding-top:.125rem}.translation-comparison-interlinear-text{flex:1 1;font-family:var(--tc-font-serif);line-height:1.6;color:var(--tc-text)}.translation-comparison-unavailable{color:var(--tc-muted);font-style:italic}@media (prefers-color-scheme:dark){.translation-comparison{--tc-bg:var(--background,#1a1a1a);--tc-text:var(--foreground,#f5f5f5);--tc-muted:var(--muted-foreground,#9ca3af);--tc-border:var(--border,#374151);--tc-accent:var(--accent,#262626)}.translation-comparison-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}}