/* Public comedy reels: no video is requested until the viewer opens the feed. */
.reels-showcase{max-width:1180px;margin:40px auto 64px;padding:0 clamp(16px,4vw,48px);scroll-margin-top:96px}
.reels-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.reels-intro h2{font-size:clamp(34px,4.5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 12px}
.reels-intro p{margin:0;color:var(--muted);max-width:46ch}
.reels-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#b42a22}
.reels-full{font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.reels-feature{display:block;position:relative;overflow:hidden;border-radius:22px;background:#270906;box-shadow:0 16px 45px #22090018}
.reels-feature img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.reels-feature-label{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:10px;background:#fff;color:#1d1d1f;border-radius:999px;padding:13px 20px;font-size:14px;font-weight:650;box-shadow:0 4px 22px #0004}
.reels-feature-label svg{width:16px;height:16px}
.reels-strip-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:13px}
.reels-strip-head p{margin:0;color:var(--muted)}
.reels-strip-nav{display:flex;gap:8px}.reels-strip-nav button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:#fff;cursor:pointer;font-size:18px}
.reels-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 0 16px;scrollbar-width:thin;scrollbar-color:#c8c8cf transparent}
.reels-preview{scroll-snap-align:start;position:relative;display:block;aspect-ratio:9/14;border-radius:16px;overflow:hidden;background:#181414;color:#fff}
.reels-preview img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .25s}
.reels-preview:hover img{transform:scale(1.035)}
.reels-preview:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c)}
.reels-preview span{position:absolute;bottom:14px;left:14px;right:14px;z-index:1;font-size:16px;font-weight:650}
.reels-preview small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-top:3px;color:#eee}
.reels-preview b{position:absolute;top:12px;right:12px;background:#0008;border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:400}
.reels-showcase a:focus-visible,.reels-showcase button:focus-visible{outline:3px solid #b42a22;outline-offset:4px}
.reel-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;background:#0c0c0e;color:#fff;overflow:hidden;overscroll-behavior:none}
.reel-dialog::backdrop{background:#0c0c0e}.reel-dialog button,.reel-dialog input,.reel-dialog textarea{font:inherit}
.reel-dialog button{cursor:pointer}.reel-dialog button:disabled{opacity:.4;cursor:default}
.reel-dialog button:focus-visible,.reel-dialog a:focus-visible,.reel-dialog input:focus-visible,.reel-dialog textarea:focus-visible{outline:2px solid #ffd92f;outline-offset:3px}
.reel-topbar{height:72px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff12}
.reel-topbar h2{font-size:16px;margin:0;letter-spacing:-.02em}.reel-topbar p{font-size:12px;color:#bcbcc3;margin:2px 0 0}
.reel-icon-button{border:1px solid #ffffff26;color:#fff;background:#ffffff12;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}
.reel-icon-button svg{width:21px;height:21px}
.reel-viewport{height:calc(100% - 118px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}
.reel-viewport::-webkit-scrollbar{display:none}
.reel-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative}
.reel-stage{height:100%;max-width:100%;aspect-ratio:9/16;position:relative;background:#151517;overflow:hidden;border-radius:12px}
.reel-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#111;cursor:pointer}
.reel-gradient{position:absolute;inset:62% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.reel-caption{position:absolute;left:20px;right:80px;bottom:24px;pointer-events:none;text-shadow:0 1px 8px #0008}
.reel-caption strong{font-size:17px;display:block}.reel-caption p{font-size:14px;margin:5px 0}.reel-caption small{font-size:11px;color:#ddd}
.reel-actions{position:absolute;right:14px;bottom:25px;display:flex;flex-direction:column;gap:16px;align-items:center}
.reel-action{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:#fff;border:0;padding:0;min-width:42px;font-size:11px!important}
.reel-action svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px #0008)}.reel-action[aria-pressed=true]{color:#ff4c63}.reel-action[aria-pressed=true] .heart{fill:currentColor}
.reel-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff88;border-radius:999px;background:#0008;color:#fff;padding:14px 20px;backdrop-filter:blur(8px)}
.reel-play[hidden]{display:none}.reel-progress{position:absolute;inset:auto 0 0;width:100%;height:3px;background:#ffffff35;border:0}.reel-progress::-webkit-progress-bar{background:#ffffff35}.reel-progress::-webkit-progress-value{background:#fff}.reel-progress::-moz-progress-bar{background:#fff}
.reel-bottom{height:46px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;color:#bcbcc3}
.reel-bottom button{border:0;background:#ffffff10;color:#fff;border-radius:20px;padding:5px 15px}
.reel-comments{position:absolute;z-index:4;right:20px;top:88px;bottom:20px;width:min(360px,calc(100% - 40px));background:#fff;color:#1d1d1f;border-radius:18px;box-shadow:0 20px 80px #0008;display:flex;flex-direction:column;padding:20px;gap:16px}
.reel-comments[hidden]{display:none}.reel-comments header{display:flex;justify-content:space-between;align-items:center}.reel-comments h3{font-size:18px;margin:0}.reel-comments header button{border:0;background:#f0f0f3;border-radius:50%;width:32px;height:32px}
.reel-comments-list{flex:1;overflow:auto;min-height:60px;font-size:14px}.reel-comment{padding:12px 0;border-bottom:1px solid #eee}.reel-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.reel-comment time{font-size:11px;color:#777}.reel-comment button{font-size:11px;background:none;border:0;color:#8b2222;padding:4px 0;margin-left:12px}.reel-more,.reel-more-own{margin-top:12px;border:1px solid #ddd;border-radius:20px;padding:7px 12px;background:white}
.reel-comment-form{display:flex;flex-direction:column;gap:9px}.reel-comment-form label{font-size:12px;font-weight:600}.reel-comment-form input,.reel-comment-form textarea{display:block;width:100%;border:1px solid #dcdce1;border-radius:9px;padding:9px 11px;margin-top:4px;font-size:16px}.reel-comment-form textarea{resize:vertical;min-height:72px;max-height:140px}.reel-comment-form button{align-self:flex-end;background:#1d1d1f;color:#fff;border:0;border-radius:24px;padding:10px 18px;font-size:13px}.reel-comment-form small{font-size:11px;color:#68686d}.reel-comment-form a{color:inherit;text-decoration:underline}.reel-message{font-size:12px;min-height:18px;color:#68686d;margin:0}
.reel-status{position:absolute;z-index:5;left:50%;bottom:64px;transform:translateX(-50%);max-width:90%;background:#fff;color:#222;padding:10px 16px;border-radius:12px;font-size:13px;text-align:center;box-shadow:0 4px 24px #0005}.reel-status:empty{display:none}
@media(max-width:640px){.reels-intro{align-items:start;flex-direction:column;gap:16px}.reels-feature{border-radius:14px}.reels-feature-label{bottom:10px;left:10px;font-size:12px;padding:8px 12px}.reels-strip{grid-auto-columns:44%;gap:12px}.reels-strip-head{margin-top:20px}.reels-showcase{margin-top:26px}.reel-topbar{height:64px}.reel-viewport{height:calc(100% - 106px - env(safe-area-inset-bottom))}.reel-bottom{height:calc(42px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);gap:12px}.reel-stage{border-radius:0}.reel-caption{left:16px;bottom:26px}.reel-comments{top:auto;bottom:0;right:0;width:100%;max-height:78%;height:620px;border-radius:20px 20px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.reels-preview img{transition:none}}
.reels-links{display:flex;flex-direction:column;gap:14px;align-items:flex-end}.reels-follow{background:#1d1d1f;color:white;border-radius:99px;padding:12px 18px;font-size:13px;white-space:nowrap}.reel-follow{color:#fff;border:1px solid #ffffff60;border-radius:20px;padding:3px 10px;margin-left:8px;font-size:11px;text-decoration:none}.reel-dialog .reel-comments{box-sizing:border-box}.reel-comments-list .pending{display:block;font-size:11px;color:#885e00;margin:6px 0}.reel-comments-list h4{font-size:12px;color:#777;margin:14px 0 0}.reel-stage video:focus-visible{outline:3px solid #ffd92f;outline-offset:-4px}@media(max-width:640px){.reels-links{align-items:flex-start}.reel-topbar p{margin-top:6px}}

.nav .navr a.reels-nav{display:inline}@media(max-width:420px){.nav .navr a.reels-nav{font-size:12px}.navr{gap:10px}.navr .pill{padding-left:14px;padding-right:14px}}