:root{--table-header-bg: var(--primary);--table-hover: #FCFAF6}.hymns-hero{padding:20px 0;background:linear-gradient(180deg,#ffffff 0%,var(--background) 100%);position:center;border-bottom:1px solid var(--border)}.page-badge{display:inline-block;padding:8px 18px;border-radius:30px;background:#b88a441f;color:var(--accent);font-size:.9rem;font-weight:600;margin-bottom:20px}.hero-title{font-size:2.8rem;margin-bottom:12px;font-weight:700}.hymns-hero .hero-title{text-align:center}.page-description{max-width:760px;color:var(--text-light);font-size:1.08rem;line-height:1.8}.toolbar{padding:5px 0;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar .container{display:flex;flex-direction:column;gap:8px}.search-wrapper{width:100%}#searchInput{width:100%;box-sizing:border-box;height:43px;padding:0 16px 0 42px;border:1px solid #dcd2c4;border-radius:9px;outline:none;background:#fff;color:#38332d;font-size:12px}#searchInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #b88a441f}.filter-group{background:#fff;border:1px solid rgb(255,255,255);border-radius:20px;padding:5px 0}.filter-title{font-weight:900;margin-bottom:5px}.filter-buttons,.language-buttons{display:flex;flex-wrap:wrap;gap:3px}.filter-btn,.language-btn{padding:0 5px;border:.5px solid rgb(138,138,138);background:#fff;border-radius:20px;cursor:pointer;transition:.25s;font-size:1rem}.filter-btn:hover,.language-btn:hover{background:var(--primary);color:#fff;border-color:#fff}.filter-btn.active,.language-btn.active{background:#939292;color:#fff;border-color:#fff}.results-bar{width:100%;position:relative;justify-content:space-between;align-items:center;margin:-20px 0 20px}#resultsText{color:brown;font-weight:900}.hymns-table{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0000000d}.table-header{display:none}.table-header div{font-size:.95rem;letter-spacing:.3px}.table-body{display:grid;grid-template-columns:1fr}.hymn-row{display:grid;grid-template-columns:50px .4fr 80px;grid-template-areas:"number title .author.  youtube";align-items:center;padding:10px 20px;border-bottom:1px solid var(--border);transition:.25s}.hymn-number{grid-area:number}.hymn-title{grid-area:title}.hymn-author{grid-area:author;margin-top:0;color:var(--text-light);font-size:.9rem}.hymn-youtube{grid-area:youtube;justify-content:center}.hymn-row:last-child{border-bottom:none}.hymn-row:hover{background:var(--table-hover)}.hymn-number{color:var(--accent);font-weight:700}.hymn-title{font-family:sans-serif;font-size:1.75rem;font-weight:500;line-height:1.25}.hymn-author{color:#000;font-size:.95rem}.youtube-link{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;color:red;transition:all .25s ease}.youtube-link svg{width:24px;height:24px}.youtube-link:hover{background:#fff0f0;transform:scale(1.12)}.hymn-row:nth-child(2n){background:#fcfcfc}.hymn-row:nth-child(2n):hover{background:var(--table-hover)}.hymn-title{cursor:pointer;transition:.2s}.hymn-title:hover{color:var(--accent)}.empty-state{padding:90px 20px;text-align:center;color:var(--text-light)}.empty-state h2{margin-bottom:10px;color:var(--primary)}.empty-state p{font-size:1rem;line-height:1.7}.hymns-table{overflow-x:auto}.hymns-table::-webkit-scrollbar{height:10px}.hymns-table::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:20px}.hymns-table::-webkit-scrollbar-thumb:hover{background:#b5b5b5}.hymn-row{animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.table-header{grid-template-columns:30px 2fr 1fr 30px}.hymn-row{grid-template-columns:60px 2fr 1fr 60px}}@media(max-width:768px){.results-bar{flex-direction:column;align-items:flex-start;gap:12px}.table-header{display:none}.hymn-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.hymn-number{font-size:.9rem}.hymn-title{font-size:1.6rem;line-height:1.5}.hymn-author{font-size:.95rem}.youtube-link{width:38px;height:38px}}@media(max-width:480px){.hero-title{font-size:2rem}.page-description{font-size:1rem}.filter-btn,.language-btn{font-size:.85rem;padding:8px 12px}.hymn-title{font-size:1.5rem}}.hidden{display:none!important}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media(max-width:900px){.table-body{grid-template-columns:1fr}.hymn-row:nth-child(odd){border-right:none}}.sort-wrapper{display:flex;align-items:center;gap:10px}#sortSelect{padding:3px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:.8rem}.hymn-youtube{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;white-space:nowrap}.youtube-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.youtube-icon{width:18px;height:18px;color:red;transition:.2s ease}.youtube-link:hover .youtube-icon{transform:scale(1.15);color:#d60000}.no-video{color:#999}.hymn-link{text-decoration:none;color:inherit}.hymn-link:hover .hymn-title{color:var(--accent)}.hymns-page{background:#f7f3eb;color:#2b2f35}.hymns-page .toolbar{padding:26px 0 24px;background:#f2eadc;border-bottom:1px solid #e1d6c5}.hymns-page .toolbar .container{width:min(1100px,calc(100% - 48px));max-width:none;margin:0 auto;gap:14px;padding:0}.hymns-page .search-wrapper{position:relative;width:100%}.hymns-page .search-wrapper:before{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:"Font Awesome 6 Free";font-weight:900;color:#9a8e80;font-size:12px;pointer-events:none;z-index:1}.hymns-page #searchInput{box-sizing:border-box;width:100%;height:44px;padding:0 16px 0 42px;border:1px solid #dcd2c4;border-radius:9px;background:#fffdf9;color:#38332d;font-size:12px;outline:none}.hymns-page #searchInput::placeholder{color:#a49b91}.hymns-page #searchInput:focus{border-color:#b88a44;box-shadow:0 0 0 3px #b88a441a}.hymns-page .sort-wrapper{display:flex;align-items:center;gap:9px}.hymns-page .sort-wrapper label{color:#756c62;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hymns-page #sortSelect{height:36px;padding:0 11px;border:1px solid #dcd2c4;border-radius:8px;background:#fffdf9;color:#514a43;font-size:11px}.hymns-page .filter-group,.hymns-page #languageContainer,.hymns-page #alphabetContainer,.hymns-page #numberContainer,.hymns-page #categoryContainer{box-sizing:border-box}.hymns-page .filter-group{padding:0;border:0;border-radius:0;background:transparent}.hymns-page .filter-title{margin-bottom:8px;color:#5b5147;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hymns-page .filter-buttons,.hymns-page .language-buttons{gap:5px}.hymns-page .filter-btn,.hymns-page .language-btn{min-height:27px;padding:4px 10px;border:1px solid #d6cec2;border-radius:50px;background:#fffdf9;color:#655d55;font-size:10px}.hymns-page .filter-btn:hover,.hymns-page .language-btn:hover{border-color:#a87518;color:#54261e;background:#faf4e9}.hymns-page .filter-btn.active,.hymns-page .language-btn.active{border-color:#3f4b5b;background:#3f4b5b;color:#fff}.hymns-page #languageContainer,.hymns-page #alphabetContainer,.hymns-page #numberContainer,.hymns-page #categoryContainer{margin-top:3px}.hymns-page #languageContainer+#alphabetContainer,.hymns-page #alphabetContainer+#numberContainer,.hymns-page #numberContainer+#categoryContainer{margin-top:12px}.hymns-page .section{padding-top:42px;padding-bottom:72px}.hymns-page .section>.container{width:min(1100px,calc(100% - 48px));max-width:none;margin:0 auto;padding:0}.hymns-page .results-bar{width:100%;margin:0 0 16px;display:flex;align-items:end;justify-content:space-between}.hymns-page #resultsText{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid #dfd4c5;border-radius:50px;background:#fffdf9;color:#8b621f;font-size:10px;font-weight:800;letter-spacing:.2px}.hymns-page .hymns-table{overflow:hidden;background:#fffdf9;border:1px solid #ded4c6;border-radius:15px;box-shadow:0 10px 30px #3223140e}.hymns-page .table-header{display:grid;grid-template-columns:68px minmax(260px,1.25fr) minmax(260px,1fr) 80px;align-items:center;min-height:42px;padding:0 18px;background:#3f4b5b;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hymns-page .table-header .col-youtube{text-align:center}.hymns-page .table-body{display:grid;grid-template-columns:1fr}.hymns-page .hymn-row{display:grid;grid-template-columns:68px minmax(260px,1.25fr) minmax(260px,1fr) 80px;grid-template-areas:"number title author youtube";align-items:center;min-height:62px;padding:0 18px;border-bottom:1px solid #e5ddd3;transition:background .18s ease}.hymns-page .hymn-row:last-child{border-bottom:0}.hymns-page .hymn-row:nth-child(2n){background:#fcfaf6}.hymns-page .hymn-row:hover,.hymns-page .hymn-row:nth-child(2n):hover{background:#f8f0e3}.hymns-page .hymn-number{grid-area:number;color:#a87518;font-size:10px;font-weight:800}.hymns-page .hymn-title{grid-area:title;min-width:0;color:#394b63;font-family:sans-serif;font-size:17px;font-weight:500;line-height:1.25}.hymns-page .hymn-title:hover{color:#8b621f}.hymns-page .hymn-author{grid-area:author;margin:0;padding-right:15px;color:#625d56;font-size:11px;line-height:1.45}.hymns-page .hymn-youtube{grid-area:youtube;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.hymns-page .youtube-link{width:32px;height:32px}.hymns-page .youtube-icon{width:17px;height:17px}.hymns-page .hymns-table{overflow-x:hidden}@media(max-width:950px){.hymns-page .toolbar .container,.hymns-page .section>.container{width:min(760px,calc(100% - 36px))}.hymns-page .table-header,.hymns-page .hymn-row{grid-template-columns:55px minmax(210px,1.25fr) minmax(190px,1fr) 60px}}@media(max-width:700px){.hymns-page .toolbar{padding:18px 0}.hymns-page .toolbar .container,.hymns-page .section>.container{width:calc(100% - 28px)}.hymns-page .section{padding-top:32px;padding-bottom:52px}.hymns-page .sort-wrapper{width:100%}.hymns-page #sortSelect{flex:1}.hymns-page .results-bar{margin-bottom:13px}.hymns-page .table-header{display:none}.hymns-page .hymn-row{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"number title" "number author" "number youtube";gap:5px 9px;align-items:start;min-height:0;padding:16px 13px}.hymns-page .hymn-number{padding-top:3px}.hymns-page .hymn-title{font-size:16px}.hymns-page .hymn-author{padding-right:0;font-size:10px}.hymns-page .hymn-youtube{justify-content:flex-start;margin-top:2px}}@media(max-width:480px){.hymns-page .toolbar .container,.hymns-page .section>.container{width:calc(100% - 22px)}.hymns-page #searchInput{font-size:11px}.hymns-page .filter-btn,.hymns-page .language-btn{min-height:25px;padding:4px 8px;font-size:9px}.hymns-page .hymn-row{grid-template-columns:32px 1fr;padding:14px 11px}.hymns-page .hymn-title{font-size:15px}}