:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#09090d;color:#f5f5f7;--dim:#b1b1bc;--red:#e50914}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4%;background:#09090d;border-bottom:1px solid #26262c}.brand{color:var(--red);font-weight:900;letter-spacing:2px;text-decoration:none;font-size:22px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-weight:700;color:var(--dim);padding:8px 0}nav a[aria-current]{color:#fff;border-bottom:3px solid var(--red)}main{max-width:1500px;margin:auto}section{padding:36px 4%;scroll-margin-top:24px}.intro{padding-top:70px;padding-bottom:64px;background:linear-gradient(115deg,#231013,#09090d 68%)}h1{font-size:clamp(42px,6vw,78px);line-height:1.03;margin:14px 0 24px;letter-spacing:-2px}h2{font-size:28px;margin:0 0 18px}h3{margin-top:0}p{line-height:1.6;max-width:690px}.eyebrow{color:#ff4851;font-size:12px;font-weight:800;letter-spacing:2px}.muted{color:var(--dim);font-size:14px}button,.button{font:inherit;font-weight:700;background:#29292f;color:#fff;border:1px solid #44444e;border-radius:3px;padding:12px 17px;cursor:pointer;text-decoration:none;display:inline-block}.intro .button{margin:10px 10px 0 0}.primary{background:var(--red);border-color:var(--red)}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}.video-card{min-width:0;background:#141418;border:1px solid #303038}.video-art{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#2d2d36,#101014);color:#eee;font-size:20px;font-weight:800;letter-spacing:1px;overflow:hidden}.video-art img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px;overflow-wrap:anywhere}.card-body h3{font-size:20px;margin-bottom:8px}.card-body p{margin:8px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.tag{display:inline-block;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:1px;color:#ddd}.studio{display:grid;grid-template-columns:1fr 1fr;gap:44px}.panel{background:#131317;border:1px solid #33333b;border-top:3px solid var(--red);padding:28px}label{display:block;margin:20px 0 8px;font-size:14px;font-weight:700}input,textarea,select{font:inherit;color:#fff;background:#09090d;border:1px solid #53535c;padding:12px;width:100%;border-radius:2px}textarea{resize:vertical}.check{display:flex;gap:12px;align-items:flex-start;line-height:1.5;font-weight:400}.check input{width:18px;flex-shrink:0;margin-top:3px}.check+button{margin-top:12px}[role=status]{overflow-wrap:anywhere}details{border-top:1px solid #383840;padding:20px 0}summary{font-size:20px;font-weight:700;cursor:pointer}#reviewFilter{width:auto;margin:0 12px 20px 0}dialog{background:#101014;color:#fff;border:1px solid #454550;width:min(960px,95vw);max-height:94vh;padding:24px}dialog::backdrop{background:#000c}#playerMount iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}#playerMount.portrait iframe{max-width:350px;height:min(65vh,620px);aspect-ratio:9/16;margin:auto}footer{padding:32px 4%;border-top:1px solid #292930;display:flex;justify-content:space-between;gap:24px;color:var(--dim);font-size:14px}[hidden]{display:none!important}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:14px}nav{gap:20px;font-size:14px}.studio{grid-template-columns:1fr;gap:20px}.panel{padding:20px}section{padding-top:28px;padding-bottom:28px}.intro{padding-top:45px;padding-bottom:42px}h2{font-size:24px}footer{flex-direction:column}dialog{padding:16px}}
/* Compact public cards; keep creator and moderation details fully expanded. */
#reviewConfirmDialog{width:min(520px,95vw);overflow-wrap:anywhere}#reviewConfirmDialog .actions{justify-content:flex-end;margin-bottom:0}
.video-art{width:100%;padding:0;border:0;border-radius:0;text-align:center;position:relative}
button.video-art::after{content:'▶';position:absolute;inset:auto 12px 12px auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#09090dcc;color:#fff;font-size:15px;letter-spacing:0;pointer-events:none}
button.video-art:hover::after,button.video-art:focus-visible::after{background:#e50914}
button.video-art:focus-visible{outline-offset:-3px}
.video-card--compact .card-body{padding:12px 16px}
.video-card--compact .tag{font-size:10px;line-height:1.2;letter-spacing:.7px}
.video-card--compact .card-body h3{font-size:17px;line-height:1.25;margin:4px 0 6px}
.video-card--compact .card-body p{font-size:13px;line-height:1.4;margin:6px 0}
.video-card--compact .card-body>p:not(.muted){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.video-card--compact .card-body .muted{font-size:12px;margin-bottom:0}
.video-card--compact .actions{margin:10px 0 0}
.community-text-post .video-art{display:none}.community-text-post .card-body>p:not(.muted){display:block;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:unset}.community-text-post .card-body{padding:22px}
/* Guides are an approved discovery rail, not paid placements. */
.guide-heading{margin-top:2.5rem}.guide-heading h3{font-size:1.4rem}
.guide-rail{display:flex;gap:1.25rem;overflow-x:auto;padding:.3rem 0 1rem;scroll-snap-type:x proximity}
.guide-rail>.video-card{flex:0 0 300px;scroll-snap-align:start;min-width:0}
.guide-details{margin:1.5rem 0;padding:1rem;border:1px solid #363641;border-radius:12px}
.guide-details h3{margin-top:0}.guide-chapter-list{list-style:none;padding:0;display:grid;gap:.6rem}
.guide-chapter-list li{display:flex;align-items:center;gap:1rem;justify-content:space-between}.guide-chapter-list button{text-align:left;min-width:0;white-space:normal;overflow-wrap:anywhere}.guide-chapter-list a{flex-shrink:0}
@media(max-width:600px){.guide-heading{align-items:flex-start;gap:1rem}.guide-rail>.video-card{flex-basis:260px}.guide-chapter-list li{align-items:stretch;flex-direction:column;gap:.4rem}}
