:root{--primary-color:#db1e1e;--primary-light:#ee8181;--primary-dark:#901414;--text-on-primary:#fff;--background:#dbd6d6;--surface:#fff;--text:#212121;--divider:#e0e0e0;--heading-font:"Built Titling",serif;--body-font:"Cambria",Georgia,serif;--box-shadow:0 4px 10px #0003}body{background-color:#dbd6d6;background-color:var(--background);color:#212121;color:var(--text);font-family:Cambria,Georgia,serif;font-family:var(--body-font);line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Built Titling,serif;font-family:var(--heading-font)}.app-container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;overflow:hidden;padding:0 10px}.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:0 4px 10px #0003;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{background-color:#db1e1e;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 10px #0003;box-shadow:var(--box-shadow);color:#fff;color:var(--text-on-primary);justify-content:center;margin-top:10px;padding:12px 20px;text-align:center}.header-content{align-items:center;display:flex;justify-content:center;position:relative}.logo{height:40px;left:0;position:absolute}h1{font-family:Built Titling,serif!important;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%}.section-selector button{background:#0000;border:1px solid #fff;border:1px solid var(--text-on-primary);border-radius:4px;color:#fff;color:var(--text-on-primary);cursor:pointer;font-family:Built Titling,serif;font-family:var(--heading-font);padding:8px 16px;transition:all .2s}.section-selector button:hover{background:#fff3}.section-selector button.active{background:#fff;background:var(--text-on-primary);border-color:#fff;border-color: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:Built Titling,serif;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:background-color .2s}.video-item.active,.video-item:hover{background-color:#ee8181;background-color:var(--primary-light);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:Built Titling,serif!important;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.6623d2c0.css.map*/