@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#faf7f2;--bg-secondary:#fff;--bg-tertiary:#f3ece1;--bg-card:#fff;--bg-card-hover:#faf4eb;--border-color:#e6dcce;--border-focus:#c5a059;--text-main:#2c2621;--text-muted:#6b6257;--text-light:#948a7e;--primary-gold:#b8860b;--primary-gold-hover:#966b04;--primary-gold-light:#fbf4e4;--accent-blue:#2b5b84;--accent-red:#a94442;--shadow-sm:0 2px 8px #3d30280d;--shadow-md:0 6px 20px #3d302814;--shadow-lg:0 12px 32px #3d30281f;--font-serif:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;--scale-factor:1;--base-size:16px;--verse-size:calc(18px * var(--scale-factor));--heading-size:calc(24px * var(--scale-factor))}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#161b22;--bg-card-hover:#1f242c;--border-color:#30363d;--border-focus:#e5c378;--text-main:#f0f6fc;--text-muted:#8b949e;--text-light:#6e7681;--primary-gold:#d4af37;--primary-gold-hover:#f3cf55;--primary-gold-light:#2a2518;--accent-blue:#58a6ff;--accent-red:#f85149;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 6px 20px #0006;--shadow-lg:0 12px 32px #0009}[data-font-size=small]{--scale-factor:.88}[data-font-size=medium]{--scale-factor:1}[data-font-size=large]{--scale-factor:1.2}[data-font-size=xlarge]{--scale-factor:1.45}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif!important}html,body{max-width:100vw;overflow-x:hidden;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif!important}body,button,input,select,textarea,p,span,div,a,h1,h2,h3,h4,h5,h6,label,option,.verse-text{word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.3px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif!important}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-gold)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:1.5rem 1.5rem 7rem}.site-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);width:100%;position:sticky;top:0}.header-inner{flex-direction:column;gap:.5rem;width:100%;max-width:1240px;margin:0 auto;padding:.6rem 1.25rem;display:flex}.header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.brand-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary-gold), #966b04);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #b8860b4d}.brand-text h1{font-size:calc(1.15rem * var(--scale-factor));color:var(--text-main);white-space:nowrap;font-weight:800;line-height:1.2;font-family:var(--font-sans)!important}.brand-text p{color:var(--primary-gold);letter-spacing:.5px;white-space:nowrap;font-size:.72rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.control-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .55rem;display:flex}.header-select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem;font-weight:600;font-family:var(--font-sans)!important}.icon-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;font-family:var(--font-sans)!important}.icon-btn:hover{background:var(--primary-gold-light);border-color:var(--primary-gold);color:var(--primary-gold)}.icon-btn.active{background:var(--primary-gold);color:#fff;border-color:var(--primary-gold)}.header-search-row{width:100%}.search-box-container{width:100%;max-width:100%;position:relative}.search-input-wrapper{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:24px;align-items:center;width:100%;padding:.35rem .8rem;transition:all .2s;display:flex}.search-input-wrapper:focus-within{border-color:var(--primary-gold);background:var(--bg-secondary);box-shadow:0 0 0 3px #b8860b26}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;padding-left:.4rem;font-size:.88rem;font-family:var(--font-sans)!important}.search-input::placeholder{color:var(--text-light);font-family:var(--font-sans)!important}.search-results-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:200;border-radius:16px;max-height:420px;padding:.75rem;position:absolute;top:110%;left:0;right:0;overflow-y:auto}.search-result-item{cursor:pointer;border-radius:10px;margin-bottom:.3rem;padding:.75rem 1rem;transition:background .15s}.search-result-item:hover{background:var(--bg-tertiary)}.search-tag{border-radius:6px;margin-bottom:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.search-tag.bible{background:var(--primary-gold-light);color:var(--primary-gold)}.search-tag.hymn{color:var(--accent-blue);background:#2b5b841f}.site-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);width:100%}.nav-inner{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.25rem;max-width:1240px;margin:0 auto;padding:0 1rem;display:flex;overflow-x:auto}.nav-inner::-webkit-scrollbar{display:none}.nav-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:.45rem;padding:.85rem 1.15rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;font-family:var(--font-sans)!important}.nav-tab:hover{color:var(--primary-gold)}.nav-tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold)}h1,h2,h3,h4,h5,h6,.section-heading{letter-spacing:-.4px;font-weight:800;font-family:var(--font-sans)!important}.verse-text{font-size:var(--verse-size);color:var(--text-main);font-weight:500;line-height:1.85;font-family:var(--font-sans)!important}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.5rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.sticky-audio-bar{background:var(--bg-secondary);border-top:2px solid var(--primary-gold);z-index:150;padding:.75rem 1.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.audio-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1240px;margin:0 auto;display:flex}.btn-primary{background:var(--primary-gold);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.3rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #b8860b40;font-family:var(--font-sans)!important}.btn-primary:hover{background:var(--primary-gold-hover);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border:1.5px solid var(--border-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;font-family:var(--font-sans)!important}.btn-outline:hover{border-color:var(--primary-gold);color:var(--primary-gold);background:var(--primary-gold-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem;position:relative;overflow-y:auto}@media (width<=768px){.main-content{padding:.85rem .85rem 8rem}.grid-2,.grid-3{grid-template-columns:1fr}.brand-text p,.btn-label-text{display:none}}