.video-page-intro{padding-bottom:0}.video-channel{max-width:var(--max);padding:0 var(--gutter) var(--s8);margin:0 auto}.video-channel-hero{gap:var(--s4);background:var(--ink);color:var(--inverse);padding:var(--s5) var(--s6);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.video-channel-mark{background:var(--orange);width:3rem;height:3rem;color:var(--ink);border-radius:50%;place-items:center;display:grid}.video-channel-mark svg{width:1.5rem;height:1.5rem}.video-channel-copy{min-width:0}.video-channel-copy h1{max-width:none;font-size:var(--text-xl)}.video-channel-copy>p:last-of-type{margin-top:var(--s2);max-width:72ch;color:var(--inverse-muted);font-size:var(--text-sm)}.video-import-status{gap:var(--s4);margin-top:var(--s5);padding:var(--s4) var(--s5);background:var(--soft);border-left:.25rem solid var(--orange);align-items:center;display:flex}.video-import-status span{color:var(--muted)}.video-channel-tabs{gap:var(--s6);border-bottom:var(--border) solid var(--line);margin-top:var(--s7);display:flex}.video-channel-tabs button{padding:var(--s4) 0;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--muted);background:0 0;border:0;border-bottom:.2rem solid #0000}.video-channel-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}.video-channel-tabs span{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.video-playlist-library{padding-top:var(--s6)}.video-playlist-library[hidden],[data-video-browser][hidden],.video-playlist-context[hidden],[data-video-tools][hidden],[data-video-topics][hidden]{display:none}.video-playlist-library-heading{justify-content:space-between;align-items:end;gap:var(--s7);margin-bottom:var(--s5);display:flex}.video-playlist-library-heading h2{font-size:var(--text-xl)}.video-playlist-library-heading p{max-width:54ch;color:var(--muted)}.video-playlist-grid{gap:var(--s7) var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-playlist-card button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.video-playlist-cover{aspect-ratio:16/9;border-radius:var(--control-radius);background:var(--soft);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid;position:relative;overflow:hidden}.video-playlist-cover img{object-fit:cover;width:100%;height:100%}.video-playlist-count{right:var(--s3);bottom:var(--s3);align-items:center;gap:var(--s2);border-radius:var(--s1);background:var(--media-controls);color:var(--inverse);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;padding:.45rem .65rem;display:flex;position:absolute}.video-playlist-copy{gap:var(--s2);padding-top:var(--s3);display:grid}.video-playlist-copy strong{font-size:var(--text-md);line-height:1.25}.video-playlist-copy>span{-webkit-line-clamp:2;color:var(--muted);font-size:var(--text-sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-playlist-card button:hover .video-playlist-copy strong{text-underline-offset:.18em;text-decoration:underline}.video-playlist-card button:hover .video-playlist-cover{box-shadow:var(--shadow-media)}.video-playlist-context{justify-content:space-between;align-items:end;gap:var(--s7);margin-top:var(--s6);padding:var(--s5);background:var(--soft);border-radius:var(--control-radius);display:flex}.video-playlist-context>div{min-width:0}.video-playlist-context h2{margin-top:var(--s3);font-size:var(--text-xl)}.video-playlist-context p{max-width:68ch;margin-top:var(--s2);color:var(--muted)}.video-playlist-context .button{align-items:center;gap:var(--s2);flex:none;display:inline-flex}.video-playlist-back{align-items:center;gap:var(--s2);color:var(--ink);font-weight:var(--weight-medium);text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-flex}.video-playlist-back svg{transform:rotate(90deg)}.video-channel-tools{gap:var(--s5);margin-top:var(--s6);grid-template-columns:minmax(0,1fr) 14rem;align-items:end;display:grid}.video-search,.video-sort{gap:var(--s2);font-size:var(--text-sm);font-weight:var(--weight-medium);display:grid}.video-search-control{display:block;position:relative}.video-search-control svg{left:var(--s4);z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.video-search input{padding-left:3rem}.video-sort select{margin:0}.video-topics{gap:var(--s2);padding:var(--s4) 0 var(--s2);scrollbar-width:thin;display:flex;overflow:auto}.video-topics button{border:var(--border) solid var(--line);border-radius:calc(var(--control-radius)*4);background:var(--paper);min-height:2.65rem;color:var(--ink);flex:none;padding:.55rem 1rem}.video-topics button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--inverse)}.video-results-heading{justify-content:space-between;gap:var(--s5);margin:var(--s6) 0 var(--s5);align-items:baseline;display:flex}.video-results-heading h2{font-size:var(--text-xl)}.video-results-heading p{color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.video-channel-grid{gap:var(--s6) var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.video-channel-card{min-width:0}.video-card-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;text-decoration:none;display:block}.video-card-media{aspect-ratio:16/9;background:var(--soft);border-radius:var(--control-radius);display:block;position:relative;overflow:hidden}.video-channel-card.is-short .video-card-media{aspect-ratio:9/16}.video-card-media img{object-fit:cover;width:100%;height:100%}.video-card-placeholder{place-content:center;justify-items:center;gap:var(--s2);background:var(--soft);width:100%;height:100%;color:var(--muted);display:grid}.video-card-placeholder svg{width:2rem;height:2rem}.video-card-placeholder span{font-weight:var(--weight-bold)}.video-card-play{background:var(--media-controls);width:3rem;height:3rem;color:var(--inverse);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card-play svg{width:1.25rem;height:1.25rem;margin-left:.15rem}.video-card-duration,.video-card-pending{right:var(--s2);bottom:var(--s2);border-radius:var(--s1);background:var(--media-controls);color:var(--inverse);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:.2rem .42rem;position:absolute}.video-card-pending{left:var(--s2);right:auto}.video-card-copy{padding-top:var(--s3);gap:.35rem;display:grid}.video-card-copy strong{-webkit-line-clamp:2;font-size:var(--text-sm);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card-copy>span,.video-card-copy time{font-size:var(--text-xs);color:var(--muted)}.video-card-open:hover .video-card-copy strong{text-underline-offset:.18em;text-decoration:underline}.video-card-open:hover .video-card-media{box-shadow:var(--shadow-media)}.video-more{margin-top:var(--s7);justify-content:center;display:flex}.video-empty{padding:var(--s7);background:var(--soft);text-align:center}.video-empty p{margin:var(--s3) auto 0;color:var(--muted)}.video-empty .button{margin-top:var(--s5)}.video-player-dialog{border-radius:var(--radius);width:min(72rem,100% - 2rem);max-width:none;padding:0;overflow:hidden}.video-dialog-bar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--ink);color:var(--inverse);display:flex}.video-dialog-bar p{font-weight:var(--weight-bold)}.video-dialog-close{width:3rem;height:3rem;color:var(--inverse);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.video-dialog-close:hover{background:var(--dark)}.video-dialog-stage{background:var(--hero-dark);position:relative}.video-player-dialog video{background:var(--hero-dark);width:100%;max-height:68dvh;display:block}.video-dialog-copy{padding:var(--s5)}.video-dialog-copy h2{font-size:var(--text-xl)}.video-dialog-copy>p{margin-top:var(--s3);color:var(--muted)}.video-dialog-actions{gap:var(--s4);margin-top:var(--s5);align-items:center;display:flex}.video-dialog-actions span{font-size:var(--text-sm);color:var(--muted)}.video-dialog-navigation{gap:var(--s3);margin-top:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-dialog-navigation[hidden]{display:none}.video-dialog-navigation .button{justify-content:space-between;min-width:0}.video-dialog-navigation .button:disabled{border-color:var(--line);background:var(--soft)}.video-short-nav{right:var(--s4);justify-items:center;gap:var(--s3);color:var(--inverse);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.video-short-nav[hidden]{display:none}.video-short-nav button{background:var(--media-controls);width:3rem;height:3rem;color:var(--inverse);border:0;border-radius:50%;place-items:center;display:grid}.video-short-nav button:first-child svg{transform:rotate(180deg)}.video-short-nav button:hover:not(:disabled){background:var(--orange);color:var(--ink)}.video-short-nav button:disabled{opacity:.35;cursor:not-allowed}.video-short-nav span{border-radius:var(--s1);background:var(--media-controls);min-width:3.5rem;font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:center;padding:.35rem .5rem}.video-player-dialog.is-short{background:var(--paper);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(20rem,1fr) minmax(18rem,23rem);width:min(60rem,100% - 2rem);height:min(54rem,100dvh - 2rem);display:none}.video-player-dialog.is-short[open]{display:grid}.video-player-dialog.is-short .video-dialog-bar{grid-column:1/-1}.video-player-dialog.is-short .video-dialog-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.video-player-dialog.is-short video{object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}.video-player-dialog.is-short .video-dialog-copy{min-width:0;padding:var(--s6);overflow:auto}.video-player-dialog.is-short .video-dialog-copy h2{font-size:var(--text-lg)}.video-player-dialog.is-short .video-dialog-navigation{display:none}@media (width<=1100px){.video-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.video-channel{padding-inline:var(--gutter)}.video-channel-hero{padding:var(--s4)}.video-channel-mark{width:2.75rem;height:2.75rem}.video-channel-tools{grid-template-columns:1fr}.video-channel-grid{gap:var(--s5) var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.video-playlist-library-heading,.video-playlist-context,.video-import-status{flex-direction:column;align-items:flex-start}.video-player-dialog{width:calc(100% - 1rem)}.video-player-dialog video{max-height:62dvh}.video-player-dialog.is-short{background:var(--hero-dark);overscroll-behavior:contain;border-radius:0;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;height:100dvh;max-height:none}.video-player-dialog.is-short .video-dialog-bar{display:contents}.video-player-dialog.is-short .video-dialog-bar p{display:none}.video-player-dialog.is-short .video-dialog-close{z-index:4;top:max(var(--s3),env(safe-area-inset-top));right:max(var(--s3),env(safe-area-inset-right));background:var(--media-controls);position:fixed}.video-player-dialog.is-short .video-dialog-stage{touch-action:pan-y;grid-row:1}.video-player-dialog.is-short .video-dialog-copy,.video-player-dialog.is-short .video-short-nav{display:none}}@media (width<=480px){.video-page-intro{padding-top:var(--s5)}.video-channel-hero{margin-inline:calc(var(--gutter)*-.5);padding:var(--s4);border-radius:0}.video-channel-copy h1{font-size:var(--text-lg)}.video-channel-copy>p:last-of-type{display:none}.video-channel-tabs{gap:var(--s4);margin-top:var(--s5)}.video-channel-tabs button{font-size:var(--text-base)}.video-channel-grid,.video-playlist-grid{grid-template-columns:1fr}.video-channel-card.is-short{width:100%;max-width:19rem;margin-inline:auto}.video-results-heading{align-items:flex-start;gap:var(--s2);flex-direction:column}.video-playlist-context{margin-inline:calc(var(--gutter)*-.5);border-radius:0}.video-dialog-copy{padding:var(--s4)}.video-dialog-navigation{grid-template-columns:1fr}.video-dialog-navigation .button{justify-content:center}.video-dialog-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.video-card-open .video-card-media{transition:box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.video-card-open:hover .video-card-media{transform:translateY(-.125rem)}}