/* Only this example site owns these styles. The engine never injects CSS. */
:root { color-scheme: dark; font: 16px/1.5 system-ui, sans-serif; background: #11151a; color: #edf2f7; }
body { max-width: 1280px; margin: auto; padding: 24px; }
a { color: inherit; text-decoration: none; }
header, nav { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
header { justify-content: space-between; }
main { padding-top: 24px; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1rem; font-weight: 500; margin: 8px 0 24px; }
.video-grid, .entity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.video-thumb { display: block; position: relative; overflow: hidden; aspect-ratio: 16/9; background: #20262e; border-radius: 8px; }
.video-thumb img, .video-thumb video, .entity-card img { width: 100%; height: 100%; object-fit: cover; }
.video-thumb video.trailer-preview { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.video-thumb.preview-active video.trailer-preview { opacity: 1; }
.video-thumb .trailer-preview-status { position: absolute; inset: auto 0 0; height: 3px; background: #7dd3fc; pointer-events: none; }
.video-thumb[data-preview-state="error"] .trailer-preview-status { background: #ef6464; }
.entity-card img { height: auto; aspect-ratio: 16/9; border-radius: 8px; }
.video-poster { width: 100%; max-width: 960px; }
.player-holder { position: relative; width: 100%; max-width: 960px; aspect-ratio: 16/9; background: #000; }
.player-holder > video { width: 100%; height: 100%; object-fit: contain; }
.player-holder .site-player-stream-error:not([hidden]) { position: absolute; inset: 0; display: flex; gap: 16px; flex-direction: column; align-items: center; justify-content: center; background: #000c; z-index: 10002; }
.player-external { display: grid; gap: 12px; }
.search-page-form { position: relative; display: flex; gap: 12px; align-items: center; margin-bottom: 24px; }
.search-page-form input { font: inherit; flex: 1; min-width: 0; padding: 8px; }
.search-page-suggestions:not([hidden]) { position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background: #20262e; padding: 12px; }
.search-page-suggestion { display: flex; justify-content: space-between; padding: 8px; gap: 16px; }
.search-page-suggestion.active { background: #354150; }
.search-correction { padding: 12px; background: #20262e; }
.search-correction a { text-decoration: underline; }
@media (max-width: 900px) { .video-grid, .entity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body { padding: 12px; } .video-grid, .entity-grid { grid-template-columns: 1fr; } }

/* Editable example-only history/favorites presentation. */
.library-heading {display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.library-heading h1 {margin-right:auto}
.library-empty {max-width:36rem;padding:2rem 0}
.library-switch {display:inline-flex;align-items:center;gap:.5rem}
.library-switch::before {content:"";width:2.4rem;height:1.35rem;border-radius:2rem;background:#777;box-shadow:inset 0 0 0 .2rem #777}
.library-switch[aria-checked="true"]::before {background:#ef729f;box-shadow:inset 1rem 0 0 .2rem #50354a}
.vl-favorite {font-size:1.6rem;line-height:1;border:0;background:transparent;cursor:pointer}
.vl-favorite[aria-pressed="true"] {color:#f05b91}
.vl-favorite[aria-pressed="true"] span::before {content:"♥"}
.vl-favorite[aria-pressed="true"] span {font-size:0}
.vl-favorite[aria-pressed="true"] span::before {font-size:1.6rem}
[data-library-feedback] {position:fixed;bottom:1rem;right:1rem;padding:.75rem;background:#222;color:#fff;z-index:5}

.video-description {white-space:pre-line}

.age-gate-pending{overflow:hidden}.age-gate{position:fixed;inset:0;z-index:9999;background:#101015;display:grid;place-items:center;padding:1.5rem}.age-gate-panel{max-width:34rem;text-align:center}.age-gate-mark{font-size:2.8rem;font-weight:800}.age-gate-actions{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.age-gate-actions button{padding:.8rem 2rem}.age-gate-panel [role=heading]{font-size:1.8rem;font-weight:700}