*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-neutral-1-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);overflow-x:hidden;overflow-y:auto}.stats-bar{position:sticky;top:0;z-index:50;background:#111111eb;backdrop-filter:blur(8px);padding:10px 32px;font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);border-bottom:1px solid var(--stroke-neutral-2-rest);display:flex;align-items:center;gap:var(--spacing-80)}[data-theme=light] .stats-bar{background:#f5f5f5eb}.stats-bar .accent{color:var(--fg-brand-1-rest);font-weight:var(--font-weight-subtitle-2)}.hero{position:relative;width:100%;height:60vh;min-height:350px;overflow:hidden;cursor:pointer}.hero-bg-blur{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(20px) brightness(.5)}.hero-bg{position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;transition:opacity .6s ease}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,17,17,.1) 0%,rgba(17,17,17,.3) 40%,rgba(17,17,17,.85) 75%,var(--bg-neutral-1-rest) 100%)}[data-theme=light] .hero-gradient{background:linear-gradient(to bottom,rgba(245,245,245,.1) 0%,rgba(245,245,245,.3) 40%,rgba(245,245,245,.85) 75%,var(--bg-neutral-1-rest) 100%)}.hero-content{position:absolute;bottom:48px;inset-inline:48px;z-index:2}.hero-title{font-size:var(--font-size-title-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-inverted-rest);margin-bottom:var(--spacing-120);text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-meta{display:flex;align-items:center;gap:var(--spacing-120);margin-bottom:var(--spacing-200);flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-40);background:var(--bg-brand-1-rest);color:var(--fg-brand-1-rest);padding:4px 10px;border-radius:var(--radius-medium);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2)}.hero-date{font-size:var(--font-size-body-1);color:var(--fg-neutral-3-rest)}.hero-play-btn{display:inline-flex;align-items:center;gap:10px;background:var(--fg-brand-1-rest);color:var(--bg-neutral-1-rest);border:none;padding:14px 36px;border-radius:8px;font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-2);cursor:pointer;transition:background .2s,transform .15s}.hero-play-btn:hover{background:var(--fg-brand-1-hover);transform:scale(1.04)}.rows-container{padding:24px 0 48px}.row-section{margin-bottom:var(--spacing-320)}.row-header{padding:0 var(--spacing-320) var(--spacing-120);font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);display:flex;align-items:center;gap:var(--spacing-80)}.row-header .row-count{font-size:var(--font-size-body-1);color:var(--fg-neutral-5-rest);font-weight:var(--font-weight-body-1)}.row-carousel{position:relative}.row-track{display:flex;gap:var(--spacing-120);padding:0 var(--spacing-320);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.row-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:80px;background:#111111d9;border:1px solid var(--stroke-neutral-2-rest);color:var(--fg-neutral-1-rest);font-size:var(--font-size-subtitle-1);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:var(--radius-medium)}.row-carousel:hover .row-arrow{opacity:1}.row-arrow:hover{background:var(--bg-neutral-1-hover)}[data-theme=light] .row-arrow{background:#f5f5f5d9}.row-arrow.start{inset-inline-start:4px}.row-arrow.end{inset-inline-end:4px}.video-card{flex:0 0 auto;width:240px;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--bg-neutral-2-rest);transition:transform .2s,box-shadow .2s;position:relative}.video-card:hover{transform:scale(1.05);box-shadow:var(--shadow-28);z-index:5}.video-card-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-neutral-5-rest)}.video-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-card-duration{position:absolute;bottom:6px;inset-inline-end:6px;background:#000c;color:var(--fg-neutral-inverted-rest);padding:2px 6px;border-radius:var(--radius-2xlarge);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);font-variant-numeric:tabular-nums}.video-card-info{padding:8px 10px}.video-card-title{font-size:var(--font-size-body-1);color:var(--fg-neutral-2-rest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-date{font-size:var(--font-size-caption-1);color:var(--fg-neutral-5-rest);margin-top:var(--spacing-20)}.video-card-res{display:inline-block;font-size:var(--font-size-caption-2);color:var(--fg-brand-1-rest);background:var(--bg-brand-1-rest);padding:1px 5px;border-radius:var(--radius-2xlarge);margin-top:var(--spacing-40)}.player-overlay{position:fixed;inset:0;z-index:1000;background:#000000f2;display:none;flex-direction:column;align-items:center;justify-content:center}.player-overlay.active{display:flex}.player-top-bar{position:absolute;top:0;left:0;right:0;padding:var(--spacing-160) var(--spacing-240);display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);transition:opacity .3s}.player-top-title{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-inverted-rest)}.player-top-date{font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);margin-inline-start:var(--spacing-120)}.player-close-btn{background:none;border:none;color:var(--fg-neutral-inverted-rest);font-size:var(--font-size-title-2);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circular);transition:background .2s}.player-close-btn:hover{background:#ffffff1a}.player-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-video-container video{max-width:100%;max-height:100%;outline:none}.player-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:1px solid var(--surface-stroke-1);color:var(--fg-neutral-inverted-rest);font-size:var(--font-size-title-2);width:48px;height:64px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-large);transition:background .2s,opacity .3s;z-index:10}.player-nav-btn:hover{background:#ffffff1a}.player-nav-btn.prev{inset-inline-start:16px}.player-nav-btn.next{inset-inline-end:16px}.player-nav-btn:disabled{opacity:.2;cursor:default}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-120) var(--spacing-200) var(--spacing-160);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);z-index:10;transition:opacity .3s}.player-seek-bar{width:100%;height:4px;background:var(--stroke-neutral-alpha-1-rest);border-radius:var(--radius-small);cursor:pointer;margin-bottom:10px;position:relative}.player-seek-fill{height:100%;background:var(--fg-brand-1-rest);border-radius:var(--radius-small);pointer-events:none;transition:width .1s linear}.player-seek-bar:hover{height:6px;margin-bottom:var(--spacing-80)}.player-buttons{display:flex;align-items:center;gap:var(--spacing-160)}.player-btn{background:none;border:none;color:var(--fg-neutral-inverted-rest);font-size:var(--font-size-subtitle-1);cursor:pointer;padding:var(--spacing-40);display:flex;align-items:center;transition:color .2s}.player-btn:hover{color:var(--fg-brand-1-rest)}.player-time{font-size:var(--font-size-body-1);color:var(--fg-neutral-placeholder-rest);font-variant-numeric:tabular-nums;user-select:none}.player-spacer{flex:1}.player-volume-wrap{display:flex;align-items:center;gap:6px}.player-volume-slider{-webkit-appearance:none;appearance:none;width:70px;height:3px;background:var(--fg-neutral-3-rest);border-radius:var(--radius-small);outline:none}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:var(--radius-circular);background:var(--fg-brand-1-rest);cursor:pointer}.controls-hidden .player-controls,.controls-hidden .player-top-bar,.controls-hidden .player-nav-btn{opacity:0;pointer-events:none}.empty-state{text-align:center;padding:120px 32px;color:var(--fg-neutral-5-rest)}.empty-state-icon{font-size:var(--size-640);margin-bottom:var(--spacing-160)}.empty-state h2{font-size:var(--font-size-title-3);color:var(--fg-neutral-4-rest);margin-bottom:var(--spacing-80)}.empty-state p{font-size:var(--font-size-body-2-stronger)}.loading-state{text-align:center;padding:120px 32px;color:var(--fg-neutral-4-rest)}.loading-spinner{width:32px;height:32px;border:3px solid var(--stroke-neutral-2-rest);border-top-color:var(--fg-brand-1-rest);border-radius:var(--radius-circular);animation:spin .8s linear infinite;margin:0 auto var(--spacing-160)}@keyframes spin{to{transform:rotate(360deg)}}