:root {
    --sf-shell: min(1440px, calc(100vw - 48px));
    --sf-radius: 2px;
    --sf-transition: 180ms cubic-bezier(.2, .75, .3, 1);
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    background: var(--sf-black);
}

body {
    min-width: 320px;
    margin: 0;
    color: var(--sf-white);
    background: var(--sf-black);
    font-family: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
}

body.is-drawer-open { overflow: hidden; }

/* Legal and public desks */
.sf-policy-shell{width:var(--sf-shell);margin:0 auto;padding:clamp(44px,8vw,104px) 0}.sf-policy-card{display:grid;gap:32px;width:min(100%,1080px);margin:0 auto}.sf-policy-heading{padding-bottom:24px;border-bottom:1px solid var(--sf-line)}.sf-policy-heading span{color:var(--sf-signal);font:700 .72rem "Space Grotesk",sans-serif;letter-spacing:.16em}.sf-policy-heading h1{max-width:760px;margin:10px 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.9;letter-spacing:-.07em}.sf-policy-heading p,.sf-method{color:var(--sf-muted)}.sf-policy-prose{width:min(100%,760px);margin:0 auto}.sf-policy-prose h2{margin:34px 0 8px;font-family:"Space Grotesk",sans-serif;font-size:1.35rem}.sf-policy-prose a{color:var(--sf-focus);text-decoration:underline;text-underline-offset:3px}.sf-policy-prose li{margin:8px 0}.sf-policy-index,.sf-policy-links{display:flex;flex-wrap:wrap}.sf-policy-index{width:min(100%,760px);margin:8px auto 0;gap:1px;background:var(--sf-line)}.sf-policy-index a{display:flex;flex:1 1 160px;justify-content:space-between;padding:14px;background:var(--sf-black);font-size:.78rem;font-weight:700}.sf-policy-index a:hover{color:var(--sf-text-on-theme);background:var(--sf-signal)}.sf-policy-links{width:var(--sf-shell);margin:28px auto;justify-content:center;gap:10px 22px;color:var(--sf-muted);font-size:.76rem}.sf-policy-links a:hover{color:var(--sf-signal)}.sf-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sf-line)}.sf-stat-grid div{padding:20px;background:var(--sf-black)}.sf-stat-grid span{display:block;color:var(--sf-muted);font-size:.72rem;text-transform:uppercase}.sf-stat-grid strong{display:block;margin-top:8px;color:var(--sf-signal);font:700 clamp(2rem,5vw,4rem) "Space Grotesk",sans-serif}.sf-policy-table{overflow-x:auto;border:1px solid var(--sf-line)}.sf-policy-table table{width:100%;min-width:680px;border-collapse:collapse}.sf-policy-table caption{padding:16px;text-align:left;color:var(--sf-muted)}.sf-policy-table th,.sf-policy-table td{padding:13px 16px;border-top:1px solid var(--sf-line);text-align:right}.sf-policy-table th:first-child{text-align:left}.sf-policy-table tfoot{color:var(--sf-signal)}.sf-policy-form{display:grid;gap:20px;width:min(100%,760px);margin:0 auto}.sf-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-policy-form label{display:grid;gap:8px;color:var(--sf-muted);font-size:.78rem;font-weight:700}.sf-policy-form input,.sf-policy-form textarea,.sf-policy-form select{width:100%;padding:13px 14px;border:1px solid var(--sf-line-strong);border-radius:var(--sf-radius);color:var(--sf-white);background:var(--sf-black);font:inherit}.sf-policy-form select{appearance:none;padding-right:44px;background-image:var(--sf-select-arrow);background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.sf-policy-form textarea{resize:vertical}.sf-check{display:flex!important;align-items:start}.sf-check input{width:18px;height:18px;accent-color:var(--sf-signal)}.sf-policy-form button{justify-self:start;padding:13px 22px;border:1px solid var(--sf-signal);color:var(--sf-white);font-weight:800}.sf-form-status{min-height:24px;margin:0;color:var(--sf-focus)}.sf-form-status.is-error{color:var(--sf-signal)}@media(max-width:700px){.sf-stat-grid,.sf-form-row{grid-template-columns:1fr 1fr}.sf-policy-heading h1{font-size:2.8rem}}

button,
input { font: inherit; }

button { cursor: pointer; }

a { color: inherit; text-decoration: none; }

img { display: block; max-width: 100%; }

svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

:focus-visible {
    outline: 2px solid var(--sf-focus);
    outline-offset: 3px;
}

.skip-link {
    position: fixed;
    z-index: 100;
    top: 12px;
    left: 12px;
    padding: 9px 13px;
    color: var(--sf-text-on-surface-light);
    background: var(--sf-surface-light);
    transform: translateY(-160%);
}

.skip-link:focus { transform: translateY(0); }

.page-shell { overflow: clip; }

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: var(--sf-shell);
    min-height: 76px;
    margin: 0 auto;
    border-bottom: 1px solid var(--sf-line);
}

.site-brand {
    display: inline-flex;
    align-items: center;
    max-width: min(45vw, 400px);
    min-height: 36px;
    color: var(--sf-white);
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

.site-brand img { max-height: 34px; width: auto; object-fit: contain; }

.site-header__actions { display: flex; align-items: center; gap: 4px; }

.header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid transparent;
    color: var(--sf-white);
    background: transparent;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
    transition: color var(--sf-transition), border-color var(--sf-transition), background-color var(--sf-transition);
}

.header-action:hover,
.header-action[aria-expanded="true"] { border-color: var(--sf-line); background: var(--sf-graphite); }

.header-action__mark {
    width: 6px;
    height: 6px;
    margin-left: 8px;
    background: var(--sf-muted);
    border-radius: 50%;
    transition: background-color var(--sf-transition);
}

.header-action[aria-expanded="true"] .header-action__mark { background: var(--sf-signal); }

.header-action--icon { width: 38px; padding: 8px; font-size: 1.1rem; }
.header-action--icon svg {
    width: 19px;
    height: 19px;
    stroke-width: 2.2;
}

.header-action--history { border-left-color: var(--sf-line); }

.browse-drawer {
    position: fixed;
    z-index: 80;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
}

.browse-drawer.is-open { visibility: visible; pointer-events: auto; }

.browse-drawer__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: var(--sf-runtime-background-rgba-0-0-0-72);
    opacity: 0;
    transition: opacity var(--sf-transition);
}

.browse-drawer.is-open .browse-drawer__backdrop { opacity: 1; }

.browse-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(620px, 100%);
    height: 100%;
    padding: clamp(24px, 5vw, 64px);
    overflow-y: auto;
    color: var(--sf-white);
    background: var(--sf-runtime-background-hex-101010);
    border-left: 1px solid var(--sf-line);
    transform: translateX(100%);
    transition: transform var(--sf-transition);
}

.browse-drawer.is-open .browse-drawer__panel { transform: translateX(0); }

.browse-drawer__header,
.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.watch-layout__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.browse-drawer__header { align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--sf-line); }
.browse-drawer__header .eyebrow {
    font-size: 1.15rem;
    font-weight: 750;
    text-transform: none;
    letter-spacing: -.02em;
    color: var(--sf-white);
    margin: 0;
}

.drawer-close {
    width: 38px;
    height: 38px;
    border: 1px solid var(--sf-line);
    color: var(--sf-white);
    background: transparent;
    font-size: 1.8rem;
    line-height: 1;
}

.drawer-close:hover { color: var(--sf-text-on-surface-light); background: var(--sf-surface-light); }

.browse-drawer__links {
    display: flex;
    gap: 16px;
    padding: 24px 0;
    border-bottom: 1px solid var(--sf-line);
}

.browse-drawer__links a { font-weight: 700; }

.browse-drawer__links a[aria-current="page"],
.browse-drawer__links a:hover { color: var(--sf-signal); }

.drawer-search { padding: 24px 0; border-bottom: 1px solid var(--sf-line); }

.drawer-search label { display: block; margin-bottom: 9px; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.drawer-search > div { display: flex; }

.drawer-search input {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 12px;
    border: 1px solid var(--sf-line);
    border-right: 0;
    border-radius: 0;
    color: var(--sf-white);
    background: var(--sf-graphite);
}

.drawer-search button {
    flex: 0 0 auto;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--sf-signal);
    border-radius: 0;
    color: var(--sf-text-on-signal-dark);
    background: var(--sf-signal-dark);
    font-weight: 800;
}

.browse-drawer__categories { padding-top: 24px; }

.browse-drawer__category-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 12px;
    border-top: 1px solid var(--sf-line);
    border-left: 1px solid var(--sf-line);
}

.browse-drawer__category-list a {
    padding: 11px 12px;
    border-right: 1px solid var(--sf-line);
    border-bottom: 1px solid var(--sf-line);
    color: var(--sf-runtime-text-hex-dddddd);
    font-size: .9rem;
    transition: color var(--sf-transition), background-color var(--sf-transition);
}

.browse-drawer__category-list a:hover { color: var(--sf-white); background: var(--sf-panel); }

.drawer-empty { color: var(--sf-muted); }

main { width: 100%; }

.split-focus-banner { width: var(--sf-shell); margin: 16px auto 0; }
.split-focus-banner--square {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    max-width: 100%;
    margin: 24px auto 0;
}

.eyebrow {
    margin: 0 0 8px;
    color: var(--sf-signal);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.split-stage {
    position: relative;
    width: var(--sf-shell);
    margin: 20px auto 0;
    isolation: isolate;
    background: var(--sf-line-strong);
}

.split-stage__panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: clamp(520px, 66vh, 720px);
    gap: 3px;
    overflow: hidden;
    background: var(--sf-line-strong);
}

.split-stage--single .split-stage__panels { grid-template-columns: minmax(0, 1fr); }

.split-stage__picker { display: none; }

.split-stage__panel {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
    background: var(--sf-graphite);
    transform: translateZ(0);
    transition: opacity var(--sf-transition), filter var(--sf-transition);
}

.split-stage__panel:not(.is-active) { opacity: .64; filter: saturate(.72); }

.split-stage__panel.is-active { z-index: 2; opacity: 1; filter: none; }

.split-stage__panel::before {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    width: 4px;
    content: "";
    background: var(--sf-signal);
    opacity: 0;
    transition: opacity var(--sf-transition);
}

.split-stage__panel:first-child::before { left: 0; }
.split-stage__panel:last-child::before { right: 0; }
.split-stage__panel.is-active::before { opacity: 1; }

.split-stage__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform var(--sf-transition), filter var(--sf-transition);
}

.split-stage__panel.is-active .split-stage__image { transform: scale(1.045); filter: contrast(1.07); }

.split-stage__shade,
.video-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--sf-runtime-background-rgba-0-0-0-82), var(--sf-runtime-background-rgba-0-0-0-15) 72%), linear-gradient(0deg, var(--sf-runtime-background-rgba-0-0-0-86), transparent 60%);
}

.split-stage__panel:nth-child(2) .split-stage__shade { background: linear-gradient(270deg, var(--sf-runtime-background-rgba-0-0-0-82), var(--sf-runtime-background-rgba-0-0-0-15) 72%), linear-gradient(0deg, var(--sf-runtime-background-rgba-0-0-0-86), transparent 60%); }

.split-stage__content {
    position: relative;
    z-index: 3;
    width: min(100%, 570px);
    padding: clamp(30px, 5vw, 72px);
}

.split-stage__title,
.section-heading__title,
.watch-layout__title,
.not-found h1 {
    margin: 0;
    font-family: "Space Grotesk", Manrope, ui-sans-serif, sans-serif;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: .93;
}

.split-stage__title { max-width: 10ch; font-size: clamp(2.1rem, 4.8vw, 5.1rem); }

.split-stage__title a:hover,
.video-card__title a:hover { text-decoration: underline; text-decoration-color: var(--sf-signal); text-decoration-thickness: .08em; text-underline-offset: .12em; }

.video-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    padding: 0;
    margin: 0;
    color: var(--sf-runtime-text-hex-d2d2d2);
    font-size: .77rem;
    list-style: none;
}

.video-meta li { display: inline-flex; align-items: center; }

.video-meta li + li::before { width: 12px; height: 1px; margin-right: 12px; content: ""; background: var(--sf-line-strong); }

.split-stage__meta { margin-bottom: 16px; }

.split-stage__overview { max-width: 48ch; margin: 18px 0 0; color: var(--sf-runtime-text-hex-d5d5d5); font-size: .94rem; }

.split-stage__actions,
.watch-layout__actions,
.not-found__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .035em;
    transition: color var(--sf-transition), background-color var(--sf-transition), border-color var(--sf-transition), transform var(--sf-transition);
}

.button:hover { transform: translateY(-2px); }

.button--signal { color: var(--sf-text-on-signal-dark); background: var(--sf-signal-dark); border-color: var(--sf-signal); }

.button--signal:hover { background: var(--sf-signal); }

.button--quiet { color: var(--sf-white); background: var(--sf-runtime-background-rgba-11-11-11-66); border-color: var(--sf-line); }

.button--quiet:hover { background: var(--sf-surface-light); color: var(--sf-text-on-surface-light); }

.split-stage__select { display: inline-flex; }
.split-stage--single .split-stage__select { display: none; }

.content-section {
    width: var(--sf-shell);
    margin: clamp(60px, 9vw, 132px) auto 0;
}

.content-section[data-fv-section="trending"] { margin-top: clamp(46px, 7vw, 94px); }

.content-section[data-fv-section="latest"],
.content-section[data-fv-section="search"],
.content-section[data-fv-section="category"],
.content-section[data-fv-section="tag"] { margin-top: clamp(78px, 11vw, 154px); }

.section-heading { margin-bottom: 30px; }

.section-heading__title { font-size: clamp(2rem, 4vw, 4rem); }

.section-heading__copy { max-width: 50ch; margin: 12px 0 0; color: var(--sf-muted); }

.section-heading__line { flex: 1; min-width: 42px; height: 1px; margin-bottom: 7px; background: var(--sf-line-strong); }

.content-section__exit { display: flex; justify-content: flex-end; width: var(--sf-shell); margin: 26px auto 0; }
.content-section__exit--trending { justify-content: center; }

.video-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 32px);
}

.trending-grid {
    display: grid;
    gap: clamp(18px, 2vw, 32px);
}

@media (min-width: 901px) {
    .trending-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .trending-grid > *:nth-child(1) {
        grid-column: 4 / span 6;
    }

    .trending-grid > *:nth-child(n+2):nth-child(-n+4) {
        grid-column: span 4;
    }

    .trending-grid > *:nth-child(n+5):nth-child(-n+8) {
        grid-column: span 3;
    }

    .trending-grid > *:nth-child(n+9) {
        display: none;
    }
}

.video-card,
.fv-video-card.card {
    position: relative;
    min-width: 0;
    overflow: visible;
    background: transparent;
}

.video-card__media,
.card__media {
    position: relative;
    display: block;
    aspect-ratio: var(--fv-thumb-aspect-ratio, 16 / 9);
    overflow: hidden;
    background: var(--sf-runtime-background-hex-262626);
}

.video-card__media img,
.card__media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: transform var(--sf-transition), opacity var(--sf-transition); }

.video-card:hover .video-card__media img,
.fv-video-card.card:hover .card__media img { transform: scale(1.05); opacity: .8; }

.video-card__shade { background: linear-gradient(0deg, var(--sf-runtime-background-rgba-0-0-0-46), transparent 65%); pointer-events: none; }

.video-card__body,
.card__body {
    position: relative;
    min-height: 0;
    padding: 13px 0 0;
    margin-top: 9px;
    border-top: 1px solid var(--sf-line);
}

.video-card__title,
.card__title { margin: 0 0 11px; font-size: clamp(.94rem, 1.3vw, 1.1rem); font-weight: 750; line-height: 1.15; letter-spacing: -.025em; }

.video-card .video-meta { color: var(--sf-muted); font-size: .7rem; }

.card-remove-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid var(--sf-line);
    color: var(--sf-white);
    background: var(--sf-runtime-background-rgba-0-0-0-66);
}

.card-remove-btn:hover { color: var(--sf-text-on-surface-light); background: var(--sf-surface-light); }

.remove-icon { width: 14px; height: 14px; }

.video-rail {
    display: grid;
    grid-auto-columns: minmax(210px, 17vw);
    grid-auto-flow: column;
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-color: var(--sf-signal) var(--sf-graphite);
}

.video-card--rail { scroll-snap-align: start; }

.time-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 24px; }

.time-filter__link {
    padding: 7px 10px;
    border: 1px solid var(--sf-line);
    color: var(--sf-muted);
    font-size: .75rem;
    font-weight: 700;
}

.time-filter__link:hover,
.time-filter__link.is-active { color: var(--sf-signal); border-color: var(--sf-signal); background: var(--sf-runtime-background-rgba-239-91-74-13); }

.pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 35px 0 0; }

.pagination__link,
.pagination__page { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid var(--sf-line); color: var(--sf-muted); font-size: .76rem; font-weight: 750; }

.pagination__link { padding: 0 14px; }

.pagination__link:hover,
.pagination__page:hover { color: var(--sf-white); border-color: var(--sf-white); }

.pagination__pages { display: flex; align-items: center; gap: 5px; }

.pagination__page.is-current { color: var(--sf-text-on-signal-dark); border-color: var(--sf-signal); background: var(--sf-signal-dark); }
.pagination__link.is-disabled { opacity: .35; pointer-events: none; }

.sf-suggest-dropdown {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 200;
    background: var(--sf-black);
    border: 1px solid var(--sf-line); border-top: 0; border-radius: 0 0 var(--sf-radius) var(--sf-radius);
    max-height: 260px; overflow-y: auto; display: none;
    scrollbar-width: thin; scrollbar-color: var(--sf-muted) transparent;
}
.sf-suggest-dropdown.is-visible { display: block; }
.sf-suggest-item {
    display: block; padding: 10px 14px; font-size: .82rem; color: var(--sf-white);
    transition: background-color .15s ease;
}
.sf-suggest-item:hover { background: var(--sf-panel); }

.empty-state { margin: 0; padding: 42px 22px; border: 1px solid var(--sf-line); color: var(--sf-muted); background: var(--sf-graphite); text-align: center; }

.watch-layout { width: var(--sf-shell); margin: 36px auto 0; }

.watch-layout__header { padding-bottom: 22px; border-bottom: 1px solid var(--sf-line); }

.watch-layout__title { max-width: 16ch; font-size: clamp(2rem, 4.4vw, 4.6rem); }

.watch-player { position: relative; aspect-ratio: 16 / 9; margin-top: 2px; background: var(--sf-runtime-background-hex-000000); }

.watch-player__iframe { width: 100%; height: 100%; border: 0; }

.watch-player__empty { display: grid; width: 100%; height: 100%; place-items: center; color: var(--sf-muted); }

.watch-layout__details { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .7fr); gap: clamp(26px, 5vw, 80px); padding: 28px 0; border-bottom: 1px solid var(--sf-line); }

.watch-layout__meta { margin-bottom: 18px; color: var(--sf-muted); }

.watch-layout__overview { color: var(--sf-runtime-text-hex-d3d3d3); }

.watch-layout__overview p:first-child { margin-top: 0; }

.watch-layout__links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.watch-layout__links-label { color: var(--sf-signal); font-size: .75rem; font-weight: 700; align-self: center; margin-right: 4px; }

.video-link { padding: 4px 7px; border: 1px solid var(--sf-line); color: var(--sf-muted); font-size: .75rem; }

.video-link:hover { color: var(--sf-white); border-color: var(--sf-white); }

.watch-layout__controls { display: flex; flex-direction: column; align-items: flex-start; }

.watch-layout__counts { display: flex; gap: 12px; color: var(--sf-muted); font-size: .8rem; }

.watch-layout__servers { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }

.watch-layout__server { min-height: 32px; padding: 5px 9px; border: 1px solid var(--sf-line); color: var(--sf-muted); background: transparent; font-size: .72rem; font-weight: 700; }

.watch-layout__server:hover,
.watch-layout__server.is-active { color: var(--sf-signal); border-color: var(--sf-signal); background: var(--sf-runtime-background-rgba-239-91-74-13); }

.not-found { width: min(720px, var(--sf-shell)); margin: clamp(100px, 18vh, 220px) auto; }

.not-found h1 { max-width: 8ch; font-size: clamp(3.6rem, 10vw, 8rem); }

.not-found > p:not(.eyebrow) { max-width: 42ch; margin: 22px 0 0; color: var(--sf-muted); }

.site-footer { width: var(--sf-shell); margin: 15px auto; }
.site-footer__split { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); gap: clamp(28px, 6vw, 96px); }
.site-footer__panel { min-width: 0; padding: 0; background: transparent; }
.site-footer__panel--library { padding-left: clamp(24px, 4vw, 54px); border-left: 1px solid var(--sf-line-strong); }
.site-footer__panel .eyebrow { margin: 0 0 20px; color: var(--sf-muted); }
.site-footer__brand { display: inline-block; font-size: clamp(1.35rem, 2.4vw, 2.1rem); font-weight: 800; letter-spacing: -.055em; }
.site-footer__copy { max-width: 56ch; margin-top: 12px; color: var(--sf-muted); font-size: .82rem; }
.site-footer__copy p { margin: 0; }
.site-footer__discover-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.site-footer__discover-actions a { display: inline-flex; min-height: 40px; align-items: center; padding: 8px 11px; border: 1px solid var(--sf-line); color: var(--sf-white); font-size: .75rem; font-weight: 750; }
.site-footer__discover-actions a span { display: none; }
.site-footer__discover-actions a:hover { border-color: var(--sf-signal); color: var(--sf-signal); }
.site-footer__library-link { display: flex; justify-content: space-between; gap: 20px; align-items: center; min-height: 49px; padding: 10px 0; border-top: 1px solid var(--sf-line); color: var(--sf-runtime-text-hex-cfcfcf); font-size: .84rem; font-weight: 650; }
.site-footer__library-link:last-child { border-bottom: 1px solid var(--sf-line); }
.site-footer__library-link span:last-child { color: var(--sf-signal); font-size: 1.1rem; }
.site-footer__library-link:hover { color: var(--sf-signal); }

button.site-footer__library-link {
    width: 100%;
    background: transparent;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.site-footer__tags-toggle {
    border-bottom: 1px solid var(--sf-line);
}

.site-footer__tags-dropdown {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    animation: sfFadeIn .2s ease;
}

.site-footer__tags-dropdown[hidden] {
    display: none !important;
}

.site-footer__tag-link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 0;
    border-top: 1px solid var(--sf-line);
    color: var(--sf-runtime-text-hex-cfcfcf);
    font-size: .81rem;
    font-weight: 650;
    transition: all .2s ease;
}

.site-footer__tag-link span:first-child {
    color: var(--sf-signal);
    font-size: 1.1rem;
}

.site-footer__tag-link:hover {
    color: var(--sf-signal);
    text-decoration: none;
}

@keyframes sfFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.site-footer__signal-line { display: grid; grid-template-columns: minmax(130px, .2fr) 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--sf-line); }
.site-footer__signal-line .eyebrow { margin: 3px 0 0; }
.site-footer__signal-line > div { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.site-footer__signal-line a { color: var(--sf-muted); font-size: .76rem; }
.site-footer__signal-line a:hover { color: var(--sf-signal); }
.site-footer__base { padding: 16px 0 0; color: var(--sf-muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

.fv-telegram-float,
.telegram-float { z-index: 20; }

.has-reveal [data-reveal] { opacity: 1; transform: none; }

@media (max-width: 900px) {
    :root { --sf-shell: min(100% - 32px, 1440px); }

    .video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    @media (min-width: 641px) {
        .trending-grid {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .trending-grid > *:nth-child(1) {
            grid-column: 2 / span 4;
        }
        .trending-grid > *:nth-child(2),
        .trending-grid > *:nth-child(3) {
            grid-column: span 3;
        }
        .trending-grid > *:nth-child(4),
        .trending-grid > *:nth-child(5),
        .trending-grid > *:nth-child(6) {
            grid-column: span 2;
        }
        .trending-grid > *:nth-child(n+7) {
            display: none;
        }
    }

    .watch-layout__details { grid-template-columns: 1fr; }

    .watch-layout__controls { padding-top: 20px; border-top: 1px solid var(--sf-line); }

}

@media (max-width: 640px) {
    :root { --sf-shell: calc(100vw - 28px); }

    .site-header { min-height: 62px; }

    .site-header__actions { gap: 0; }

    .header-action { padding: 7px 8px; font-size: .65rem; }

    .header-action--history { display: none; }

    .header-action__mark { margin-left: 5px; }

    .browse-drawer__panel { padding: 22px 18px; }

    .browse-drawer__category-list { grid-template-columns: 1fr; }

    .split-focus-banner { width: var(--sf-shell); }

    .split-stage {
        margin-top: 14px;
    }

    .split-stage__picker {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px;
        margin-bottom: 2px;
        background: var(--sf-line);
    }

    .split-stage__picker button {
        min-width: 0;
        min-height: 48px;
        padding: 10px 12px;
        overflow: hidden;
        border: 0;
        color: var(--sf-muted);
        background: var(--sf-graphite);
        font-size: .75rem;
        font-weight: 750;
        letter-spacing: -.01em;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .split-stage__picker button[aria-pressed="true"] {
        color: var(--sf-text-on-signal-dark);
        background: var(--sf-signal-dark);
        box-shadow: inset 3px 0 0 var(--sf-signal);
    }

    .split-stage__panels {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        gap: 2px;
        background: var(--sf-line);
    }

    .split-stage__panel { min-height: min(72vh, 540px); transform: none; }

    .split-stage__panel:not(.is-active) { min-height: 320px; opacity: .82; }

    .split-stage__panel.is-active { transform: none; }

    .split-stage__panel.is-active { box-shadow: inset 0 0 0 1px var(--sf-runtime-shadow-rgba-255-255-255-22); }

    .split-stage__content { padding: 28px 22px; }

    .split-stage__title { font-size: clamp(2.2rem, 12vw, 3.8rem); }

    .split-stage__panel:not(.is-active) .split-stage__overview,
    .split-stage__panel:not(.is-active) .split-stage__meta { display: none; }

    .split-stage__select { display: inline-flex; }

    .content-section { margin-top: 64px; }

    .section-heading { align-items: flex-start; }

    .section-heading__title { font-size: 2.1rem; }

    .section-heading__line { display: none; }

    .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .trending-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .trending-grid > *:nth-child(1) {
        grid-column: span 2;
        justify-self: center;
        width: 70%;
    }
    .trending-grid > *:nth-child(2),
    .trending-grid > *:nth-child(3) {
        grid-column: span 1;
    }
    .trending-grid > *:nth-child(n+4) {
        display: none;
    }

    .video-card__body,
    .card__body { min-height: 0; padding: 11px 0 0; }

    .video-card__title,
    .card__title { margin-bottom: 8px; font-size: .88rem; }

    .video-card .video-meta { gap: 3px; font-size: .64rem; }

    .video-meta li + li::before { margin-right: 6px; }

    .video-rail { grid-auto-columns: minmax(195px, 68vw); }

    .pagination { gap: 8px; }

    .watch-layout { margin-top: 22px; }

    .watch-layout__header { align-items: flex-start; flex-direction: column; gap: 12px; }

    .watch-layout__title { font-size: 2.5rem; }

    .watch-layout__details { gap: 24px; }

    .site-footer__split { grid-template-columns: 1fr; gap: 38px; }

    .site-footer__panel { padding: 0; }

    .site-footer__panel--library { padding-top: 28px; padding-left: 0; border-top: 1px solid var(--sf-line-strong); border-left: 0; }

    .site-footer__signal-line { grid-template-columns: 1fr; gap: 10px; padding: 18px 0; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }

    .split-stage__panel.is-active {
        box-shadow: inset 0 0 0 2px var(--sf-signal);
    }
}

/* Age Gate Overlay */
.split-focus-age-gate {
    background: var(--sf-runtime-background-rgba-11-11-11-0-85) !important;
    backdrop-filter: blur(10px);
    color: var(--sf-white) !important;
}

.split-focus-age-gate__content {
    max-width: 480px;
    border: 2px solid var(--sf-white) !important;
    border-radius: 0 !important;
    background: var(--sf-black) !important;
    box-shadow: 8px 8px 0px var(--sf-signal) !important;
    padding: 40px 30px !important;
}

.split-focus-age-gate__brand-cluster {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
    justify-content: center !important;
}

.split-focus-age-gate__brand-logo {
    width: auto !important;
    height: 34px !important;
}

.split-focus-age-gate__brand {
    font-size: .9rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--sf-white) !important;
    background: transparent !important;
    border: 2px solid var(--sf-white) !important;
    padding: 6px 12px !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.split-focus-age-gate__badge {
    background: var(--sf-signal) !important;
    color: var(--sf-text-on-theme) !important;
    border: 2px solid var(--sf-white) !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    padding: 4px 8px !important;
}

.split-focus-age-gate__title {
    color: var(--sf-white) !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 12px !important;
}

.split-focus-age-gate__desc {
    color: var(--sf-muted) !important;
    font-size: .85rem !important;
    line-height: 1.5 !important;
    margin-bottom: 28px !important;
}

.split-focus-age-gate__btn,
.split-focus-age-gate__btn--active {
    border: 2px solid var(--sf-white) !important;
    border-radius: 0 !important;
    background: var(--sf-signal) !important;
    color: var(--sf-text-on-theme) !important;
    font-size: .85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 24px !important;
    box-shadow: 4px 4px 0px var(--sf-surface-light) !important;
    transition: all 0.15s steps(4) !important;
    cursor: pointer !important;
}

.split-focus-age-gate__btn:hover {
    background: var(--sf-surface-light) !important;
    color: var(--sf-text-on-surface-light) !important;
    box-shadow: 2px 2px 0px var(--sf-signal) !important;
    transform: translate(2px, 2px) !important;
}

/* Custom styling for video card title and meta alignment */
.video-card .video-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.video-card .video-meta li + li::before {
    display: none !important;
}

.video-card .video-meta__duration:has(+ .video-meta__ribbon) {
    display: inline-flex !important;
    align-items: center !important;
    flex-grow: 1 !important;
}

.video-card .video-meta__duration:has(+ .video-meta__ribbon)::after {
    content: "" !important;
    flex-grow: 1 !important;
    height: 1px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    background: var(--sf-line-strong) !important;
}

.video-card__title,
.card__title {
    margin: 0 0 11px;
    font-size: clamp(.94rem, 1.3vw, 1.1rem);
    font-weight: 750;
    line-height: 1.25 !important;
    letter-spacing: -.025em;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.5em !important; /* Fixed height for exactly 2 lines */
}

/* Header Search Dropdown Styling */
.header-search-container {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.header-search-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 150;
    margin-top: 8px;
    padding: 10px;
    background: var(--sf-black);
    border: 1px solid var(--sf-line);
    border-radius: 4px;
    width: 280px;
    box-shadow: 0 10px 30px var(--sf-runtime-shadow-rgba-0-0-0-5);
    animation: sfFadeIn .2s ease;
}

.header-search-dropdown[hidden] {
    display: none !important;
}

.header-search-dropdown form {
    display: flex;
    position: relative;
}

.header-search-dropdown input[type="search"] {
    width: 100%;
    height: 38px;
    padding: 8px 38px 8px 12px;
    background: var(--sf-graphite);
    border: 1px solid var(--sf-line);
    color: var(--sf-white);
    font-size: .81rem;
    font-family: inherit;
    border-radius: 2px;
}

.header-search-dropdown input[type="search"]:focus {
    outline: none;
    border-color: var(--sf-white);
}

.header-search-dropdown button {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    background: transparent;
    border: none;
    color: var(--sf-muted);
    cursor: pointer;
}

.header-search-dropdown button:hover {
    color: var(--sf-white);
}

.header-search-dropdown .sf-suggest-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200;
    background: var(--sf-black);
    border: 1px solid var(--sf-line);
    border-top: 0;
    max-height: 200px;
    overflow-y: auto;
}

/* Like Button Styling */
.fv-like-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 9px;
    border: 1px solid var(--sf-line);
    background: transparent;
    color: var(--sf-muted);
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.fv-like-btn:hover {
    color: var(--sf-signal);
    border-color: var(--sf-signal);
    background: var(--sf-runtime-background-rgba-239-91-74-13);
}

.fv-like-btn[aria-pressed="true"] {
    background: var(--sf-runtime-background-rgba-239-91-74-13);
    border-color: var(--sf-signal);
    color: var(--sf-signal);
}

.fv-like-btn svg {
    display: block;
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    transition: fill .2s ease, stroke .2s ease;
}

.fv-like-btn[aria-pressed="true"] svg {
    fill: var(--sf-signal);
    stroke: var(--sf-signal);
}

/* Watched History Library Card Styles */
.fv-library-list .card {
    position: relative;
}

.fv-library-list .card-remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--sf-line);
    border-radius: 4px;
    color: var(--sf-white);
    background: var(--sf-runtime-background-rgba-0-0-0-0-75);
    cursor: pointer;
    transition: all .2s ease;
    padding: 0;
}

.fv-library-list .card-remove-btn:hover {
    background: var(--sf-signal);
    border-color: var(--sf-signal);
    color: var(--sf-text-on-theme);
}

.fv-library-list .remove-icon {
    width: 12px;
    height: 12px;
    display: block;
}