:root{--color-dark:#0c0c1a;--color-orange:#f6a037;--color-pink:#f266b0;--color-light:#fae6d1;--color-purple:#9e1f9d;--primary-color:#f6a037;--secondary-color:#f266b0;--accent-color:#9e1f9d;--background-color:#0c0c1a;--text-color:#fae6d1;--text-color-muted:#fae6d1b3;--background-color-light:#1c1c3d;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--font-parallax:var(--font-display)}.channel-error-page,.channel-empty-state{flex-direction:column;min-height:100vh;display:flex}.channel-error-content,.empty-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.server-error,.empty-card{text-align:center;background:#fae6d108;border:1px solid #f6a0371f;border-radius:16px;width:100%;max-width:520px;padding:2.5rem 2rem}.server-error .error-icon,.server-error .empty-icon,.empty-card .error-icon,.empty-card .empty-icon{margin-bottom:1.25rem;font-size:3rem;display:block}.server-error .error-code,.empty-card .error-code{color:#f6a0374d;margin:0 0 .5rem;font-size:4rem;font-weight:900;line-height:1}.server-error .error-title,.server-error .empty-title,.empty-card .error-title,.empty-card .empty-title{color:#fae6d1;margin:0 0 .75rem;font-size:1.4rem;font-weight:700}.server-error .error-message,.server-error .empty-message,.empty-card .error-message,.empty-card .empty-message{color:#fae6d18c;margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.server-error .empty-submessage,.empty-card .empty-submessage{color:#fae6d166;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.server-error .error-actions,.server-error .empty-actions,.empty-card .error-actions,.empty-card .empty-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.cta-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-button.primary{color:#0c0c1a;background:linear-gradient(135deg,#f6a037,#f266b0);box-shadow:0 4px 12px #f6a0374d}.cta-button.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f6a03766}.cta-button.secondary{color:#f6a037;background:0 0;border:1px solid #f6a0374d}.cta-button.secondary:hover{background:#f6a03714}@media (prefers-reduced-motion:reduce){.cta-button{transition:none}.cta-button:hover{transform:none}}.debug-details{text-align:left;background:#f6a0370a;border:1px solid #f6a03726;border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:.8rem}.debug-details summary{color:#f6a037;cursor:pointer;font-weight:500}.debug-details .debug-content{color:#fae6d1b3;margin-top:.5rem}.debug-details .debug-content p{margin:.2rem 0}
:root{--color-dark:#0c0c1a;--color-orange:#f6a037;--color-pink:#f266b0;--color-light:#fae6d1;--color-purple:#9e1f9d;--primary-color:#f6a037;--secondary-color:#f266b0;--accent-color:#9e1f9d;--background-color:#0c0c1a;--text-color:#fae6d1;--text-color-muted:#fae6d1b3;--background-color-light:#1c1c3d;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--font-parallax:var(--font-display)}.channel-container{width:100%;min-height:100vh}.channel-grid{background-color:#0c0c1a}.channel-grid .projectSection{background-color:#0c0c1a;background-image:none;justify-content:center;align-items:center;display:flex}.video-card{width:clamp(65%,92.8% - 2.17vw,85%);max-width:clamp(420px,13.04vw + 373px,540px);display:block}.video-card__inner{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#0c0c1acc,#14142bcc);border:.2px solid #f6a037;border-radius:16px;width:100%;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000080}.video-card:hover .video-card__inner{border-width:.3px;border-color:#f266b0;transform:translateY(-12px)scale(1.02)}@media (pointer:coarse){.video-card__inner:active{transform:translateY(-4px)scale(.98)}}.video-card__thumbnail{aspect-ratio:16/9;cursor:pointer;background:linear-gradient(135deg,#9e1f9d26,#f6a03714);width:100%;position:relative;overflow:hidden}.video-card__thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.video-card:hover .video-card__thumb-img{transform:scale(1.05)}.video-card__thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-card__thumb-icon{opacity:.3;font-size:3rem}.video-card__play-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:background .25s;display:flex;position:absolute;inset:0}.video-card__play-btn:hover,.video-card:hover .video-card__play-btn{background:#00000059}.video-card__play-btn:focus-visible{outline-offset:-4px;outline:2px solid #f6a037}.video-card__play-icon{color:#0c0c1a;opacity:0;background:#f6a037e6;border-radius:50%;justify-content:center;align-items:center;width:clamp(3.5rem,.61vw + 3.28rem,4rem);height:clamp(3.5rem,.61vw + 3.28rem,4rem);padding-left:.2rem;font-size:clamp(1.1rem,.18vw + 1.04rem,1.25rem);transition:opacity .25s,transform .25s;display:flex;transform:scale(.8)}.video-card__play-btn:hover .video-card__play-icon,.video-card:hover .video-card__play-btn .video-card__play-icon{opacity:1;transform:scale(1)}.video-card__duration{color:#fae6d1;font-variant-numeric:tabular-nums;pointer-events:none;background:#000000d1;border-radius:4px;padding:.18rem .4rem;font-size:.72rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.video-card__info{padding:clamp(1.25rem,.37vw + 1.12rem,1.4rem) clamp(1.5rem,.12vw + 1.46rem,1.6rem)}.video-card__info-top{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.video-card__title{color:#fae6d1;text-transform:uppercase;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:clamp(1rem,.11vw + .96rem,1.1rem);font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.video-card:hover .video-card__title{color:#f6a037}.video-card__description{color:#fae6d180;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.video-card__meta{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.video-card__date{color:#fae6d166;font-size:.75rem;font-weight:500}.video-card__separator{color:#fae6d133;font-size:.75rem}.video-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.video-modal{background:#0c0c1a;border:1px solid #f6a03740;border-radius:16px;flex-direction:column;width:80vw;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f6a03714,0 24px 80px #000000b3}@media (max-width:767px){.video-modal{width:95vw}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.video-modal__close{z-index:10;color:#fae6d1b3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c1ad9;border:1px solid #fae6d126;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.video-modal__close:hover{color:#f266b0;background:#f266b033;border-color:#f266b066;transform:scale(1.1)}.video-modal__player{background:#000;flex-shrink:0;width:100%}@media (min-width:1280px){.video-modal__player{padding-bottom:2.75rem}}.video-modal__player .react-video-wrapper{aspect-ratio:16/9;width:100%;line-height:0;display:block}.video-modal__player .react-video-wrapper>div{width:100%!important;height:100%!important}.video-modal__player .react-video-wrapper video{object-fit:contain;display:block;width:100%!important;height:95%!important}.video-modal__player .video-modal__player-loading{aspect-ratio:16/9;background:#0c0c1ae6;width:100%;display:block}.video-modal__info{flex-shrink:0;max-height:35vh;padding:clamp(1rem,.3vw + .89rem,1.25rem) clamp(1.25rem,.3vw + 1.14rem,1.5rem) clamp(1.25rem,.3vw + 1.14rem,1.5rem);overflow-y:auto}.video-modal__title{color:#fae6d1;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem;padding-right:2rem;font-size:clamp(1rem,.22vw + .92rem,1.2rem);font-weight:700;line-height:1.3}.video-modal__meta{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.5rem;display:flex}.video-modal__date{color:#fae6d173;font-size:.78rem;font-weight:500}.video-modal__separator{color:#fae6d133;font-size:.78rem}.video-modal__description{color:#fae6d18c;margin:0;font-size:.875rem;line-height:1.6}@media (max-width:767px) and (orientation:landscape){.video-card{width:85%;max-width:480px}.video-modal{flex-direction:row;width:90vw;max-height:85vh}.video-modal__player{aspect-ratio:auto;flex:1;height:100%;min-height:0}.video-modal__info{border-left:1px solid #f6a0371a;flex-shrink:0;width:240px;max-height:none;overflow-y:auto}}@media (max-width:359px){.video-card{width:93%}.video-card__info{padding:1rem}}@media (min-width:1920px){.video-card{width:55%;max-width:640px}.video-modal{width:75vw}}@media (prefers-reduced-motion:reduce){.video-card__inner,.video-card__thumb-img,.video-card__play-btn,.video-card__play-icon{transition:none}.video-card:hover .video-card__inner,.video-card:hover .video-card__thumb-img{transform:none}.video-modal-overlay,.video-modal{animation:none}.video-modal__close{transition:none}.video-modal__close:hover{transform:none}}.category-color-5,.category-color-4,.category-color-3,.category-color-2,.category-color-1{text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:20px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.category-color-1{color:#f6a037;background:#f6a03726;border-color:#f6a03740}.category-color-2{color:#f266b0;background:#f266b026;border-color:#f266b040}.category-color-3{color:#9e1f9d;background:#9e1f9d26;border-color:#9e1f9d40}.category-color-4{color:#60a5fa;background:#3b82f626;border-color:#3b82f640}.category-color-5{color:#34d399;background:#10b98126;border-color:#10b98140}.channel-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}@media (min-width:768px){.channel-toolbar{flex-wrap:nowrap;justify-content:space-between;margin-bottom:2rem}}.channel-toolbar__count{color:#fae6d173;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:500}.channel-search{flex:1;min-width:0}.channel-search__wrapper{align-items:center;max-width:480px;display:flex;position:relative}.channel-search__icon{pointer-events:none;z-index:1;opacity:.5;font-size:1rem;position:absolute;left:.875rem}.channel-search__input{color:#fae6d1;background:#fae6d10a;border:1px solid #f6a0371f;border-radius:12px;width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.channel-search__input::placeholder{color:#fae6d14d}.channel-search__input:focus{background:#fae6d10f;border-color:#f6a03766;outline:none;box-shadow:0 0 0 3px #f6a03714}.channel-search__input::-webkit-search-decoration{display:none}.channel-search__input::-webkit-search-cancel-button{display:none}.channel-search__input::-webkit-search-results-button{display:none}.channel-search__input::-webkit-search-results-decoration{display:none}@media (min-width:768px){.channel-search__input{border-radius:14px;padding:.875rem 2.75rem .875rem 3rem;font-size:.95rem}}.channel-search__spinner{border:2px solid #f6a03733;border-top-color:#f6a037;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite searchSpin;position:absolute;right:.875rem}@keyframes searchSpin{to{transform:rotate(360deg)}}.channel-search__clear{color:#fae6d180;cursor:pointer;background:#fae6d114;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.65rem;transition:all .15s;display:flex;position:absolute;right:.875rem}.channel-search__clear:hover{color:#f266b0;background:#f266b033;transform:scale(1.15)}.channel-search__results{color:#fae6d173;margin-top:.5rem;padding-left:.25rem;font-size:.82rem;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.channel-search-error{color:#f266b0;background:#f266b014;border:1px solid #f266b033;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.channel-search__spinner{animation:none}.channel-search__clear{transition:none}.channel-search__clear:hover{transform:none}.channel-search__results{animation:none}}.channel-empty{text-align:center;padding:4rem 1rem}.channel-empty__inner{flex-direction:column;align-items:center;gap:1rem;max-width:400px;margin:0 auto;display:flex}.channel-empty__icon{opacity:.4;font-size:3.5rem}.channel-empty__title{color:#fae6d199;margin:0;font-size:1.1rem;font-weight:600}@media (min-width:768px){.channel-empty__title{font-size:1.2rem}}.channel-empty__reset{color:#f6a037;cursor:pointer;background:#f6a0371a;border:1px solid #f6a03740;border-radius:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.channel-empty__reset:hover{background:#f6a0372e;border-color:#f6a03766;transform:translateY(-1px)}.channel-empty__reset:focus-visible{outline-offset:3px;outline:2px solid #f6a037}@media (prefers-reduced-motion:reduce){.channel-empty__reset{transition:none}.channel-empty__reset:hover{transform:none}}@media (max-width:767px) and (orientation:landscape){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}}@media (max-width:360px){.channel-grid{grid-template-columns:1fr;gap:1rem}.video-card__info{padding:.75rem}}@media (min-width:2560px){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.video-card__title{font-size:1.05rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.video-card{box-shadow:none}.video-card:hover{box-shadow:0 12px 32px #0006,0 0 0 1px #f6a03726}}@media (pointer:coarse){.video-card:hover{box-shadow:none;transform:none}.video-card:active{opacity:.9;transform:scale(.98)}.channel-search__input{min-height:48px;font-size:1rem}.channel-empty__reset{min-height:44px}.channel-empty__reset:hover{transform:none}.channel-empty__reset:active{transform:scale(.97)}}@media (prefers-contrast:high){.video-card{border-color:#f6a0374d}.video-card--active{border-width:2px;border-color:#f6a037}.channel-search__input{border-color:#f6a0374d}.channel-search__input:focus{border-color:#f6a037;box-shadow:0 0 0 3px #f6a03726}}@media (prefers-color-scheme:dark){.video-card{background:#fae6d104}.channel-search__input{background:#fae6d108}}