.header-nav{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.nav-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-on-primary);cursor:pointer;font-family:var(--heading-font);font-size:14px;padding:6px 20px;transition:all .2s}.nav-button:hover{background:#fff3}.nav-button.active{background:var(--text-on-primary);color:var(--primary-color);font-weight:700}.music-container{flex:1 1}.music-container,.music-player{display:flex;flex-direction:column;overflow:hidden}.music-player{height:100%;padding:15px}.audio-controls{margin-bottom:20px}.audio-controls h2{color:var(--primary-color);font-size:1.8rem;margin:0 0 5px}.song-subtitle{color:#666;font-style:italic;margin-bottom:15px}.audio-player-wrapper{align-items:center;background:var(--background);border:2px solid var(--primary-color);border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.audio-element{flex:1 1;width:100%}.play-pause-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--heading-font);padding:10px 20px;transition:background-color .3s;white-space:nowrap}.play-pause-button:hover{background-color:var(--primary-dark)}.song-metadata{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;margin-bottom:15px}.song-metadata p{margin:0}.lyrics-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.lyrics-container h3{border-bottom:2px solid var(--primary-color);color:var(--primary-color);margin:0 0 10px;padding-bottom:5px}.lyrics-scroll{flex:1 1;overflow-y:auto;padding-right:10px}.song-description{border-bottom:1px solid var(--divider);color:#666;font-style:italic;padding-bottom:10px}.lyrics-section,.song-description{margin-bottom:20px}.verse-header{color:var(--primary-color);font-family:var(--heading-font);margin:10px 0}.verse-lines{margin-left:0}.lyric-line{line-height:1.6;margin:5px 0}.lyrics-notes{border-top:1px solid var(--divider);color:#666;margin-top:30px;padding-top:15px}.song-list{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:15px}.song-list h3{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-family:var(--heading-font);margin:0 0 10px;padding-bottom:5px}.category-selector{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.category-button{background:#0000;border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s}.category-button:hover{background:var(--primary-light)}.category-button.active{background:var(--primary-color);color:#fff}.song-scroll{display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding-right:5px}.song-item{border-left:3px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}.song-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.song-item.active{background:#db1e1e0d;border-left-color:var(--primary-color)}.song-icon{color:var(--primary-color);font-size:24px;text-align:center;width:30px}.song-info{flex:1 1}.song-info h4{color:#212121;font-size:1rem;margin:0 0 3px}.song-subtitle-list{color:#666;font-size:.85rem;font-style:italic;margin:0 0 3px}.song-year{color:#999;font-size:.75rem;margin:0}@media screen and (max-width:768px){.header-nav{margin-bottom:8px}.nav-button{font-size:13px;padding:5px 15px}.audio-player-wrapper{flex-direction:column;gap:10px}.song-metadata{flex-direction:column;gap:5px}.lyrics-container h3{font-size:1.2rem}.verse-header{font-size:1rem}}@media screen and (max-width:480px){.nav-button{flex:1 1;font-size:12px;padding:6px 10px}.audio-controls h2{font-size:1.4rem}.play-pause-button{padding:12px;width:100%}.song-icon{font-size:20px}.category-button{flex:1 1;min-width:80px}}:root{--primary:#db1e1e;--primary-color:#db1e1e;--primary-light:#ee8181;--primary-glow:#ff5252;--primary-dark:#901414;--bg:#f5f3f3;--surface:#fff;--surface-elevated:#fff;--divider:#e0e0e0;--text:#2c2c2c;--text-light:#666;--font-heading:"Built Titling","Helvetica Neue",sans-serif;--font-body:"Cambria",Georgia,serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0000002e;--ease:cubic-bezier(.4,0,.2,1);--speed:220ms}html{font-size:clamp(14px,1vw + 12px,18px)}h1{font-size:clamp(1.8rem,4vw,3rem)}h2{font-size:clamp(1.4rem,3vw,2.2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}body{background-color:var(--background);color:#2c2c2c;color:var(--text);font-family:var(--body-font);line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font)}.app-container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;overflow:hidden;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.content-container{display:flex;flex:1 1;flex-direction:row;gap:20px;margin:10px 0;overflow:auto}.main-column{display:flex;flex:2 1;flex-direction:column}.list-container{display:flex;flex:1 1;flex-direction:column}.card-container{background-color:#fff;background-color:var(--surface);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin-bottom:10px;overflow:hidden}.player-container{flex:1 1;overflow:hidden}.player-container,header{display:flex;flex-direction:column}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#db1e1eeb;border-radius:8px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);color:var(--text-on-primary);justify-content:center;margin-top:10px;padding:12px 20px;position:sticky;text-align:center;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:center;position:relative}.logo{height:40px;left:0;position:absolute}h1{font-family:var(--heading-font)!important;font-size:32px;margin:0;text-align:center;width:100%}.section-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;margin-top:10px;width:100%}.load-more-button,.nav-button,.section-selector button{border:none;border-radius:4px;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);cursor:pointer;font-family:var(--heading-font);font-weight:600;letter-spacing:.5px;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--speed) var(--ease)}.nav-button:hover,.section-selector button:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-button:active,.section-selector button:active{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(0)}.nav-button.active,.section-selector button.active{background:var(--text-on-primary);color:#db1e1e;color:var(--primary-color)}.section-selector button{background:#db1e1e;background:var(--primary-color);border:none;color:var(--text-on-primary)}.section-selector button:hover{background:#ee8181;background:var(--primary-light);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-selector button:active{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(0)}.section-selector button.active{background:var(--text-on-primary);color:#db1e1e;color:var(--primary-color);font-weight:700}.video-player{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:15px}.video-container{border:2px solid #db1e1e;border:2px solid var(--primary-color);border-radius:4px;height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-info{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding-right:5px}.video-info h2{color:#db1e1e;color:var(--primary-color);font-size:1.5rem;margin-bottom:10px;margin-top:0}.channel-title{font-weight:700;margin-bottom:5px}.publish-date{color:#666;margin-bottom:10px}.video-description{flex-grow:1;overflow-y:auto;white-space:pre-line}.video-list{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:15px}.video-list h3{border-bottom:2px solid #db1e1e;border-bottom:2px solid var(--primary-color);color:#db1e1e;color:var(--primary-color);font-family:var(--heading-font);margin:0 0 15px;padding-bottom:5px}.video-scroll{display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding-right:5px}.video-item{border-left:3px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}.video-item:hover{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateX(4px)}.video-item.active{background:#db1e1e0d;border-left-color:#db1e1e;border-left-color:var(--primary-color)}.thumbnail{flex-shrink:0;width:100px}.thumbnail img{border:1px solid #ddd;border-radius:4px;height:auto;width:100%}.video-item .video-info{flex:1 1;margin-top:0;max-height:none;overflow:hidden}.video-item h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.2;margin:0 0 5px;overflow:hidden}.video-item p{font-size:.8rem;margin:0 0 3px}.video-item .date{color:#666;font-size:.75rem}.load-more-container{display:flex;justify-content:center;margin-top:5px;padding:10px 0}.load-more-button{background-color:#db1e1e;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--heading-font)!important;font-size:14px;padding:8px 16px;transition:background-color .3s}.load-more-button:hover{background-color:#901414;background-color:var(--primary-dark)}.load-more-button:disabled{background-color:#ccc;cursor:not-allowed}.error,.loading{color:#db1e1e;color:var(--primary-color);font-size:18px;padding:50px;text-align:center}.video-placeholder{align-items:center;background-color:#ee8181;background-color:var(--primary-light);border:2px solid #db1e1e;border:2px solid var(--primary-color);border-radius:4px;color:#901414;color:var(--primary-dark);display:flex;font-size:18px;height:100%;justify-content:center;margin:15px;min-height:300px}footer{color:#666;font-size:12px;margin-bottom:10px;padding:10px 0;text-align:center;width:100%}footer a{color:#901414;color:var(--primary-dark);text-decoration:none;transition:color .2s}footer a:hover{color:#db1e1e;color:var(--primary-color);text-decoration:underline}@media screen and (max-width:1000px){.app-container{max-width:100%;padding:0 8px}h1{font-size:28px}.logo{height:36px}footer{font-size:10px;padding:8px}}@media screen and (max-width:768px){.app-container{height:auto;min-height:100vh}.content-container{flex-direction:column;gap:10px;overflow-y:auto}.list-container,.main-column{flex:0 0 auto;width:100%}.list-container{max-height:400px;min-height:300px}}@media screen and (max-width:480px){.app-container{margin:0 auto;padding:0 5px}header{margin-top:10px;padding:10px}h1{font-size:24px}.logo{height:28px}.section-selector{gap:5px;margin:8px 0}.section-selector button{font-size:12px;padding:6px 10px}.video-player{padding:10px}.video-container{margin-bottom:10px}.video-info{max-height:none;overflow:visible}.video-info h2{font-size:18px;margin-bottom:8px}.video-description{border-top:1px solid #e0e0e0;border-top:1px solid var(--divider);margin-top:8px;overflow-y:auto;padding-top:8px}.video-list{padding:10px}.video-list h3{font-size:16px;margin-bottom:10px}.video-scroll{max-height:300px}.thumbnail{width:80px}.video-item{padding:6px}.video-item h4{font-size:13px}.load-more-button{font-size:14px;min-height:40px;padding:8px 16px}footer{margin-bottom:10px;padding:8px}}
/*# sourceMappingURL=main.0199c515.css.map*/