:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--border-color: #30363d;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.timeline-ruler{position:relative;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.timeline-static{position:relative;height:140px;width:100%}.timeline-era-label{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:2;transform:translate(-50%)}.timeline-era-label__name{font-size:.72rem;font-weight:600;color:var(--era-color);white-space:nowrap;opacity:.7;transition:opacity .15s ease}.timeline-era-label:hover .timeline-era-label__name{opacity:1}.timeline-era-label__date{font-size:.58rem;color:var(--era-color);opacity:.4;white-space:nowrap;margin-top:1px}.timeline-era-label__line{display:block;width:2px;margin-top:3px;background:linear-gradient(to bottom,var(--era-color),transparent);opacity:.5}.timeline-year-tick{position:absolute;bottom:22px;display:flex;flex-direction:column;align-items:center;z-index:3;transform:translate(-50%)}.timeline-year-tick__line{display:block;width:2px;height:16px;background:color-mix(in srgb,var(--tick-color) 35%,transparent)}.timeline-year-tick__label{font-size:.62rem;font-weight:500;color:color-mix(in srgb,var(--tick-color) 55%,transparent);white-space:nowrap;margin-bottom:2px}.timeline-year-tick--major .timeline-year-tick__line{height:26px;width:2px;background:color-mix(in srgb,var(--tick-color) 55%,transparent)}.timeline-year-tick--major .timeline-year-tick__label{color:color-mix(in srgb,var(--tick-color) 70%,transparent);font-size:.7rem;font-weight:600}.timeline-static-bar{position:absolute;bottom:0;left:0;width:100%;height:18px}.timeline-static-bar__segment{position:absolute;top:0;height:100%;border-radius:4px;opacity:.7;transition:opacity .15s ease}.timeline-static-bar__segment:hover{opacity:1}.timeline-viewport-indicator{position:absolute;top:-2px;height:calc(100% + 4px);border:2px solid rgba(255,255,255,.7);border-radius:5px;pointer-events:none;z-index:5;box-shadow:0 0 8px #fff3}.scripture-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:overlay-fade-in .15s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.scripture-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:28px 32px;animation:modal-slide-up .2s ease;scrollbar-width:thin;scrollbar-color:#30363d #1c2128}.scripture-modal::-webkit-scrollbar{width:8px}.scripture-modal::-webkit-scrollbar-track{background:#1c2128;border-radius:4px}.scripture-modal::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.scripture-modal::-webkit-scrollbar-thumb:hover{background:#484f58}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scripture-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.scripture-modal__title{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.scripture-modal__version{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;display:block}.scripture-modal__close{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;font-family:inherit;flex-shrink:0}.scripture-modal__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.scripture-modal__body{font-size:.95rem;color:var(--text-secondary);line-height:1.9}.scripture-modal__verses{text-align:justify}.scripture-verse__num{color:var(--text-muted);font-size:.65em;font-weight:600;margin-right:2px;vertical-align:super;line-height:0}.scripture-verse__text{color:var(--text-primary)}.scripture-modal__loading{text-align:center;padding:32px 0;color:var(--text-muted);font-size:.85rem}.scripture-modal__error{text-align:center;padding:32px 0;color:#f85149;font-size:.85rem}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text-primary)}.app-header{padding:18px 32px 10px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.app-header h1{font-size:1.45rem;font-weight:700;color:#58a6ff;letter-spacing:.5px;margin-bottom:2px}.app-header p{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.app-main>.timeline-ruler{flex-shrink:0}.app-main>.era-detail{flex:1;overflow-y:auto}