*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#191919;font:16px Arial,Helvetica,sans-serif}button,a,select,input{font:inherit}button,a{cursor:pointer}button{background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}header{height:100px;display:flex;align-items:center;gap:26px;padding:20px 32px;border-bottom:1px solid #f4f4f4}.brand{display:flex;align-items:center;gap:9px;letter-spacing:-1px;font-size:25px}.brand img{width:42px}form{display:flex;flex:1;background:#f5f5f5;border-radius:9px;height:50px;padding:0 14px;max-width:650px}form input{min-width:0;flex:1;border:0;background:none;outline:none;padding:12px}select{border:0;background:transparent;color:inherit}form button{font-size:30px}nav{display:flex;margin-left:auto;gap:15px}.join{background:#191919;color:white;border-radius:10px;padding:15px 24px}main{max-width:1500px;margin:auto;padding:0 40px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:30px 0 24px}.author{display:flex;align-items:center;gap:13px}.author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.author small{display:block;color:#777;margin-top:5px}.author small button{padding:0;font-size:14px}.actions{display:flex;gap:10px}.actions>button,.outline,.caption button{border:1px solid #dedede;border-radius:9px;padding:13px 17px}.download{display:flex;position:relative;background:#4abe80;color:white;border-radius:9px}.download button{padding:14px 18px;font-weight:600}.download button+button{border-left:1px solid #ffffff30;padding:14px}#qualities{position:absolute;right:0;top:55px;background:white;color:#222;padding:20px;z-index:5;box-shadow:0 5px 30px #0002;width:240px;border-radius:10px}#qualities label,#qualities a{display:block;padding:12px}.stage{display:flex;justify-content:center;height:min(740px,75vh);background:white}.stage video{height:100%;max-width:100%;background:#f4f4f4;object-fit:contain}.caption{position:relative;padding:22px 0 35px}.caption h1{font-size:22px;line-height:1.4;font-weight:500;margin:12px 0}.free{font-size:14px;color:#6b6b6b;cursor:pointer}.caption>div{position:absolute;right:0;top:25px;display:flex;gap:10px}#creator{border-top:1px solid #eee;padding:28px 0}h2{font-size:25px}#tags{display:flex;gap:10px;overflow:auto;padding:2px 0 25px}#tags button{border:1px solid #ddd;border-radius:8px;white-space:nowrap;padding:12px 20px}.grid{columns:3;column-gap:24px}.card{position:relative;break-inside:avoid;margin:0 0 24px;display:block;width:100%;padding:0;border-radius:9px;overflow:hidden;background:#eee}.card img{width:100%;display:block}.card span{position:absolute;bottom:16px;left:16px;color:white;text-shadow:0 1px 8px black}.card:after{content:'▷';position:absolute;top:15px;left:15px;color:white;font-size:25px}.load{display:block;border:1px solid #ddd;border-radius:9px;margin:35px auto 60px;padding:16px 35px}footer{background:#f7f7f7;padding:55px 40px;color:#444}.footlinks{display:flex;gap:25px;flex-wrap:wrap}footer p{font-size:13px;color:#777;margin-top:35px}dialog{border:0;border-radius:16px;padding:35px;max-width:500px;width:90%;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0006}.close{float:right;font-size:28px}dialog p{line-height:1.7}dialog input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;margin:12px 0}.modal-links{display:grid;gap:16px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#191919;color:white;border-radius:8px;padding:14px 25px;display:none;z-index:20}@media(max-width:900px){header{height:75px;padding:15px;gap:15px}header form,nav{display:none}.brand{margin-right:auto;font-size:23px}.join{padding:11px 20px}main{padding:0 16px}.toolbar{margin:10px 0 16px}.toolbar>.author{display:none}.actions{width:100%}.download{margin-left:auto}.stage{height:72vh}.caption>div{position:static;margin-top:20px}.caption h1{font-size:20px}.grid{columns:2;column-gap:12px}.card{margin-bottom:12px}footer{padding:35px 20px}}@media(max-width:400px){.grid{columns:1}.download button{padding:13px 11px}.actions>button{padding:11px}}/* Start the page at the related-content filters and gallery. */
body>header,main>.toolbar,main>.stage,main>.caption,main>#creator,#related>h2{display:none!important}
#related{padding-top:24px}

.card video{width:100%;display:block}.card:after{display:none}

/* Mobile H5 gallery: one unique source per card, no repeated load-more items. */
#load{display:none!important}
body{overflow-x:hidden}main{width:100%;max-width:1200px;padding:0 16px;margin:auto}
#related{padding-top:max(16px,env(safe-area-inset-top))}
#tags{scrollbar-width:none;overscroll-behavior-x:contain}#tags::-webkit-scrollbar{display:none}
.card{border-radius:12px}.card video{object-fit:contain;background:#111}
@media(max-width:600px){main{padding:0 10px}.grid{columns:2;column-gap:10px}.card{margin-bottom:10px}#tags{gap:8px;padding-bottom:16px}#tags button{padding:9px 13px;font-size:14px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:340px){.grid{columns:1}}

.footer-brand{margin-bottom:24px;width:max-content}

/* Remove the category tag row requested by the user. */
#tags{display:none!important}
#related{padding-top:10px}
