:root{font-family:Roboto,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f1f1;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#0f0f0f;color:#f1f1f1}.header{position:sticky;top:0;background-color:#0f0f0ff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 2rem;z-index:10;border-bottom:1px solid #272727}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.main-content{padding:2rem;min-height:calc(100vh - 70px)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem 1rem}.video-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;border-radius:12px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.video-card:hover{transform:scale(1.03)}.thumbnail-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background-color:#272727}.thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease-in-out}.video-card:hover .thumbnail{opacity:.9}.video-info{display:flex;gap:.75rem;padding-right:1.5rem}.channel-avatar{width:36px;height:36px;border-radius:50%;background-color:red;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-top:.25rem;text-transform:uppercase}.video-text{display:flex;flex-direction:column;gap:.25rem}.video-title{font-size:1rem;font-weight:600;color:#f1f1f1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.video-metadata{font-size:.875rem;color:#aaa}.channel-name{margin-bottom:.1rem}.channel-name:hover{color:#f1f1f1}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;color:#aaa;font-size:1.1rem}.status-container.error{color:#ff4e4e}.loader{border:4px solid rgba(255,255,255,.1);border-left-color:red;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#717171;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.category-filter-container{position:sticky;top:73px;background-color:#0f0f0f;padding:.75rem 2rem;display:flex;gap:.75rem;overflow-x:auto;z-index:9;border-bottom:1px solid #272727;-ms-overflow-style:none;scrollbar-width:none}.category-filter-container::-webkit-scrollbar{display:none}.category-pill{background-color:#272727;color:#f1f1f1;border:none;border-radius:8px;padding:.5rem .8rem;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s}.category-pill:hover{background-color:#3f3f3f}.category-pill.active{background-color:#f1f1f1;color:#0f0f0f}.category-pill:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem}.modal-content{position:relative;width:100%;max-width:90%;background-color:#000;border-radius:12px;box-shadow:0 20px 40px #00000080;overflow:hidden;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s,transform .2s;text-shadow:0 2px 4px rgba(0,0,0,.5)}.close-button:hover{opacity:1;transform:scale(1.1)}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.country-selector-container{display:flex;align-items:center;gap:.5rem}.country-label{font-size:.9rem;color:#aaa;font-weight:500}.country-select{background-color:#272727;color:#f1f1f1;border:1px solid #3f3f3f;border-radius:8px;padding:.4rem 2.5rem .4rem .8rem;font-size:.95rem;font-family:inherit;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s,background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f1f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}.country-select:hover,.country-select:focus{border-color:#717171;background-color:#3f3f3f}.country-select option{background-color:#0f0f0f;color:#f1f1f1}