:root{--bg: #0f1724;--bg-panel: #1c2a3d;--bg-elevated: #263b56;--text: #ecf2ff;--muted: #9db0cf;--border: #35537a;--accent: #4ec6b6;--danger: #f16767;--focus-ring: #7fd4cc}:root[data-theme=light]{--bg: #f5f7fb;--bg-panel: #ffffff;--bg-elevated: #edf2fb;--text: #13253d;--muted: #4b607e;--border: #ccdae9;--accent: #0a8d80;--danger: #bf2d2d;--focus-ring: #1a9e8d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,var(--bg-elevated),var(--bg));color:var(--text);font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;line-height:1.6;font-size:clamp(14px,2.5vw,16px);min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}header>div{flex:1;min-width:250px}h1,h2,h3{font-family:Space Grotesk,Segoe UI,sans-serif;margin:0}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:clamp(1rem,3vw,1.25rem)}main,.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;padding:1rem;max-width:1400px;margin:0 auto;width:100%}@media(min-width:1200px){main,.panels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){main,.panels-grid{grid-template-columns:1fr;padding:.75rem;gap:.75rem}header>div{min-width:unset}}.panel{border:1px solid var(--border);background:linear-gradient(165deg,var(--bg-panel),color-mix(in srgb,var(--bg-panel),var(--bg) 20%));border-radius:12px;padding:1rem;overflow:hidden}.panel h2{margin-bottom:.8rem;font-size:clamp(.95rem,2vw,1.15rem);border-bottom:2px solid var(--border);padding-bottom:.5rem}#theme-toggle{width:2.8rem;height:2.8rem;min-width:44px;min-height:44px;border-radius:50%;border:2px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease-in-out}#theme-toggle:hover{border-color:var(--accent);background:var(--bg-panel)}#theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}#theme-toggle:active{transform:scale(.95)}.grid-list{display:grid;gap:.75rem}button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.6rem 1rem;min-width:44px;min-height:44px;border-radius:8px;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);font-weight:500;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--bg-elevated),var(--accent) 15%)}button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:active{transform:scale(.98)}button.danger{color:var(--danger)}button.danger:hover{background:color-mix(in srgb,var(--bg-elevated),var(--danger) 15%)}input[type=text],input[type=search]{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.6rem .8rem;min-height:44px;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .15s ease-in-out}input[type=text]:focus-visible,input[type=search]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-color:var(--accent)}input::placeholder{color:var(--muted)}small,.muted{color:var(--muted);font-size:.875rem}.transcript-list{max-height:20rem;overflow-y:auto;display:grid;gap:.6rem}.transcript-item{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--bg-elevated);font-size:.9rem}.transcript-item>*+*{margin-top:.25rem}.tree-svg{width:100%;height:auto;min-height:260px;max-height:400px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel)}@media(max-width:768px){.tree-svg{min-height:240px;max-height:300px}}.row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.leaf-label{font-weight:600;min-width:3.5rem;cursor:pointer}@media(max-width:768px){.row{flex-direction:column;align-items:stretch}.row>span,.row>label{font-weight:600;font-size:.95rem}.row>button,.row>input{width:100%}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{border:1px solid var(--border);padding:.6rem;text-align:left;vertical-align:top}.table th{background:var(--bg-elevated);font-weight:600}.table a{color:var(--accent);text-decoration:none}.table a:hover{text-decoration:underline}.table a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:2px}@media(max-width:768px){.table{font-size:.85rem}.table td,.table th{padding:.5rem}}details{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--bg-elevated)}details>summary{cursor:pointer;font-weight:600;padding:-.75rem;margin:-.75rem;padding:.75rem;-webkit-user-select:none;user-select:none;transition:all .15s ease-in-out;border-radius:6px}details>summary:hover{background:color-mix(in srgb,var(--bg-elevated),var(--text) 10%)}details>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}details[open]>summary{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}details>*+*{margin-top:.5rem}pre{overflow-x:auto;padding:.75rem;background:var(--bg);border-radius:6px;font-size:.85rem;line-height:1.4}.status-warning{color:var(--danger)}.status-ok{color:var(--accent)}.scripture-footer{text-align:center;padding:1.5rem 1rem;font-size:.85rem;border-top:1px solid var(--border);color:var(--muted);margin-top:auto;background:var(--bg-elevated)}.scripture-footer p{margin:0}a.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--bg);padding:.5rem;text-decoration:none;z-index:100;border-radius:0 0 4px}a.skip-link:focus{top:0}