:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff}*{box-sizing:border-box;margin:0;padding:0}.cookie-notice{position:fixed;bottom:40px;left:0;right:0;background:#000;color:#fff;padding:10px 20px;display:flex;justify-content:center;align-items:center;gap:20px;font-family:monospace;font-size:12px;z-index:1001}.cookie-notice a{color:#fff;text-decoration:underline}.cookie-notice button{background:#fff;color:#000;border:none;padding:5px 15px;cursor:pointer;font-family:monospace;font-size:12px}.cookie-notice button:hover{opacity:.9}.share-button{background:none;border:none;color:#000;font-family:monospace;font-size:12px;cursor:pointer;padding:0;text-decoration:none}.share-button:hover{text-decoration:underline}.share-popup{position:fixed;bottom:40px;left:10px;background:#fff;border:1px solid #000;padding:10px;z-index:1002;box-shadow:2px 2px 5px #0003}.share-popup-content{display:flex;flex-direction:column;gap:8px}.share-popup-content a,.share-popup-content button{color:#000;text-decoration:none;background:none;border:none;font-family:monospace;font-size:12px;cursor:pointer;text-align:left;padding:4px;display:block;width:100%}.share-popup-content a:hover,.share-popup-content button:hover{text-decoration:underline}.close-button{margin-top:8px;border-top:1px solid #ccc!important;padding-top:8px!important}.welcome-banner{position:fixed;top:0;left:0;width:100%;background-color:#000000d9;color:#fff;z-index:1000;padding:15px 0;box-shadow:0 2px 10px #0000004d;animation:slideDown .5s ease-out}.welcome-content{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.welcome-content h3{margin-top:0;font-size:1.5rem;color:red}.welcome-content p{margin:10px 0;line-height:1.4}.welcome-button{background-color:red;color:#fff;border:none;padding:8px 20px;margin-top:10px;cursor:pointer;font-weight:700;border-radius:4px;transition:background-color .2s}.welcome-button:hover{background-color:#c00}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f5f5f5}header{text-align:center;margin-bottom:30px;padding:20px 0;border-bottom:3px solid #cc0000}header h1{color:#c00;font-size:48px;margin:0;font-weight:900;font-family:Arial Black,Arial Bold,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;-webkit-text-stroke:1px #cc0000;text-shadow:-1px -1px 0 #cc0000,1px -1px 0 #cc0000,-1px 1px 0 #cc0000,1px 1px 0 #cc0000}.updated{color:#666;font-size:12px;margin-top:10px;font-family:Arial,sans-serif}.featured-video{margin:0 auto 15px;text-align:center;max-width:500px;padding:0 10px}.featured-video a{display:inline-block;text-decoration:none;color:inherit;max-width:100%}.featured-video img{width:100%;max-width:400px;height:auto;margin:0 auto;display:block;background:#eee}.featured-video h2{margin:8px auto 0;font-size:20px;line-height:1.2;font-weight:900;font-family:Arial Black,Arial,sans-serif;max-width:500px;-webkit-text-stroke:.5px #000}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 auto;max-width:1100px}.column{background:#fff;padding:0 10px 10px}.column-header{margin-bottom:15px;background:#000}header h1{margin:0;padding:20px 0;text-align:center;font-size:2.5em;font-weight:700;color:#c00}.column-header h3{margin:0;padding:8px;color:#fff;text-align:center;font-weight:900;font-size:16px;font-family:Arial Black,Arial,sans-serif;letter-spacing:1px}.category-section{margin-bottom:10px}.video-link{display:flex;gap:6px;text-decoration:none;color:#000;flex:1}.video-share-button{opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:3px;padding:4px 8px;font-size:12px;cursor:pointer;transition:opacity .2s}.video-item:hover .video-share-button{opacity:1}.video-share-button:hover{background:#cc0000e6}.video-link:hover{color:#c00}.video-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;position:relative}.video-item:last-child{border-bottom:none;margin-bottom:0}.video-item img{width:160px;height:90px;object-fit:cover;flex-shrink:0;background:#eee;border-radius:2px}.video-item p{margin:0;font-size:14px;line-height:1.4;font-weight:900;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.2px}.thumbnail-placeholder{width:80px;height:45px;background:#eee;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;border:1px solid #ddd}.admin-link{display:inline-block;padding:8px 16px;background-color:#333;color:#fff;text-decoration:none;border-radius:4px;margin:10px 0;font-size:14px;transition:background-color .2s}.admin-link:hover{background-color:#000}.stats{font-family:monospace;font-size:12px;padding:20px;margin-top:40px;border-top:1px solid #ccc;text-align:left;color:#333}.stats .email,.stats .visits{margin-bottom:10px}.stats .visits div{margin-bottom:2px}.stats .privacy a{color:#333;text-decoration:none}.stats .privacy a:hover{text-decoration:underline}.privacy-policy{max-width:800px;margin:40px auto;padding:20px;line-height:1.6}.privacy-policy h1{font-size:24px;margin-bottom:20px}.privacy-policy h2{font-size:18px;margin:20px 0 10px}.privacy-policy p{margin-bottom:15px}.privacy-policy ul{margin:0 0 15px 20px}.privacy-policy li{margin-bottom:5px}.ad-container{min-height:90px;margin:15px 0;background:#fafafa;display:flex;justify-content:center;align-items:center;border:1px dashed #eee;color:#999;font-size:11px;padding:5px;text-align:center}.ad-banner{width:728px;height:90px;margin:10px auto}.ad-pre-featured,.ad-post-featured{width:728px;height:90px;margin:20px auto}.ad-sidebar{width:300px;height:250px;margin:0}.content-wrapper{display:flex;gap:20px;margin:20px auto}.main-content{flex:1}.ad-column{width:300px;height:250px;margin:20px 0}.category-section a{display:block;margin-bottom:15px;text-decoration:none;color:#000;transition:color .2s ease}.category-section a:hover,.category-section a:hover h3{color:#c00}.category-section h3{font-size:14px;margin:5px 0;line-height:1.3;font-weight:900;font-family:Arial Black,Arial,sans-serif;-webkit-text-stroke:.3px #000}.column-header{font-size:20px;font-weight:700;text-align:center;margin:0 0 15px;padding:8px;background:#000;color:#fff;letter-spacing:1px}img{max-width:100%;height:auto;display:block;margin-bottom:10px;border:1px solid #ddd}h3{font-size:14px;margin:0;line-height:1.3;padding-top:2px}.loading,.error{text-align:center;padding:40px;font-size:18px;color:#666}.error{color:#c00;background-color:#fff8f8;border:1px solid #ffebeb;border-radius:4px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:15px 10px;border-top:2px solid #eee;background:#f9f9f9}.page-button{padding:8px 15px;background:#000;color:#fff;border:none;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:12px;font-weight:700;transition:background-color .2s;border-radius:3px}.page-button:disabled{background:#ccc;cursor:not-allowed}.page-button:not(:disabled):hover{background:#c00}.page-info{font-family:Arial Black,Arial,sans-serif;font-size:13px;color:#333;font-weight:700;padding:0 10px;min-width:100px;text-align:center}.fixed-links{font-family:monospace;font-size:12px;margin:20px 0 20px 10px}.fixed-links a{color:#000;text-decoration:none}.fixed-links a:hover{text-decoration:underline}.link-separator{margin:0 5px;color:#000}.no-videos{padding:20px;text-align:center;color:#666;font-size:14px;background:#f9f9f9;border:1px solid #eee;margin:10px 0;border-radius:4px}.add-headline-form,.form-group,.thumbnail-section,.thumbnail-checkbox,.upload-image-container,.upload-button,.add-headline-button{display:none}.loading-message,.error-message{text-align:center;padding:2rem;margin:2rem auto;max-width:600px;font-size:1.2rem}.loading-message{color:#666}.error-message{color:#d32f2f;background-color:#ffebee;border-radius:4px;border:1px solid #ffcdd2}.error-message button{margin-top:1rem;padding:.5rem 1rem;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.error-message button:hover{background-color:#b71c1c}.pagination-test{display:flex;align-items:center;justify-content:center;margin:20px 0;gap:10px}.page-button{background-color:#000;color:#fff;border:none;padding:8px 15px;cursor:pointer;font-weight:700;border-radius:3px;transition:background-color .2s}.page-button:hover:not(:disabled){background-color:#333}.page-button:disabled{background-color:#666;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:5px}.page-number{background-color:#f0f0f0;color:#000;border:1px solid #ddd;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;border-radius:3px;transition:all .2s}.page-number:hover{background-color:#ddd}.page-number.active{background-color:red;color:#fff;border-color:red}.ellipsis{padding:0 5px;font-weight:700}.page-info{margin-top:10px;font-weight:700}.faq-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.faq-title{text-align:center;color:#1a1a1a;margin-bottom:2rem;font-size:2.5rem;border-bottom:2px solid #eee;padding-bottom:1rem}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{border-left:4px solid #007bff;padding-left:1.5rem}.faq-question{font-size:1.5rem;color:#333;margin:0 0 .5rem}.faq-answer{font-size:1.1rem;color:#555;line-height:1.6;margin:0}
