/* ChickenCoops Reels */
.ccr-page .site-footer,.ccr-page .ccf,.ccr-page .entry-header{display:none!important}
.ccr-page .site-content>.ast-container,.ccr-page #primary,.ccr-page .ast-article-single,.ccr-page .entry-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:transparent!important;box-shadow:none!important;border:0!important}
html.ccr-lock,html.ccr-lock body{overflow:hidden}

.ccr{--ccr-top:0px;--red:#cf4238;--ink:#321b13;--cream:#fef6e7;--sun:#f9d544;--card:#fffbf4;position:fixed;left:0;right:0;top:var(--ccr-top);bottom:0;background:#000;z-index:40;font-family:"DM Sans",system-ui,sans-serif;color:#fff}
.ccr-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;pointer-events:none;background:linear-gradient(#0009,transparent)}
.ccr-brand{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:22px;text-shadow:0 1px 3px #0008}
.ccr-add{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;background:var(--red);color:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:8px 14px 8px 10px;font:700 14px/1 "DM Sans",sans-serif;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
.ccr-add:hover{background:#b8362d}
.ccr-add:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}

.ccr-feed{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
.ccr-feed::-webkit-scrollbar{display:none}
.ccr-slide{position:relative;height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000}
.ccr-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
@media (min-width:700px){.ccr-v{object-fit:contain}}
.ccr-shade{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,#000c);pointer-events:none}
.ccr-pause{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#0007;opacity:0;transition:opacity .15s;pointer-events:none}
.ccr-pause::before{content:"";position:absolute;left:28px;top:22px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.ccr-slide.paused .ccr-pause{opacity:1}
.ccr-snd{position:absolute;top:58px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer}
.ccr-side{position:absolute;right:10px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;gap:16px;align-items:center}
.ccr-act{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;background:none;border:0;padding:0;font:700 12px/1 "DM Sans",sans-serif;text-decoration:none!important;cursor:pointer;filter:drop-shadow(0 1px 2px #0009)}
.ccr-act:hover,.ccr-act:focus{color:var(--sun)}
.ccr-like.on{color:var(--red)}
.ccr-like.pop svg{animation:ccrpop .35s ease}
@keyframes ccrpop{50%{transform:scale(1.35)}}
.ccr-info{position:absolute;left:14px;right:72px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:3}
.ccr-who{display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important}
.ccr-who img{width:36px;height:36px;border-radius:50%;border:2px solid var(--cream);object-fit:cover;background:var(--card)}
.ccr-who strong{font-size:15px}
.ccr-cap{margin:8px 0 0;font-size:14px;line-height:1.4;color:#fff;max-height:4.2em;overflow:hidden}
.ccr-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;color:var(--cream);font-size:15px}
.ccr-msg strong{font-family:Fraunces,Georgia,serif;font-size:24px}
.ccr-msg[hidden]{display:none}

/* Add a reel sheet */
.ccr-sheet{position:fixed;inset:0;z-index:100000;background:#321b13b3;display:flex;align-items:flex-end;justify-content:center}
.ccr-sheet[hidden]{display:none}
.ccr-sheet-in{width:100%;max-width:520px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-bottom:0;border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-height:92vh;overflow:auto}
@media (min-width:700px){.ccr-sheet{align-items:center}.ccr-sheet-in{border-radius:22px;border-bottom:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}}
.ccr-sheet-head{display:flex;align-items:center;justify-content:space-between}
.ccr-sheet-head h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:22px;color:var(--ink)}
.ccr-x{background:none;border:0;font-size:30px;line-height:1;color:var(--ink);cursor:pointer;padding:0 4px}
.ccr-x:hover{color:var(--red)}
.ccr-pick{position:relative;display:flex;align-items:center;justify-content:center;min-height:170px;border:2px dashed var(--ink);border-radius:16px;background:var(--card);cursor:pointer;overflow:hidden;text-align:center}
.ccr-pick:hover{border-color:var(--red)}
.ccr-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.ccr-pick video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ccr-pick video:not([hidden])+.ccr-pick-t{position:relative;z-index:1;background:#321b13cc;color:var(--cream);border-radius:10px;padding:6px 10px}
.ccr-pick-t{display:flex;flex-direction:column;gap:4px;font-size:15px}
.ccr-pick-t small{color:#6b5a4d;font-size:13px}
.ccr-pick video:not([hidden])+.ccr-pick-t small{color:#efe7d9}
.ccr-sheet textarea,.ccr-sheet select{width:100%;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;font:15px/1.4 "DM Sans",sans-serif;box-sizing:border-box}
.ccr-sheet textarea:focus,.ccr-sheet select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #cf423833}
.ccr-bar{height:8px;border-radius:99px;background:#efe7d9;overflow:hidden;border:1px solid var(--ink)}
.ccr-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .2s}
.ccr-bar[hidden],.ccr-err[hidden]{display:none}
.ccr-err{margin:0;color:var(--red);font-weight:600;font-size:14px}
.ccr-go{background:var(--red);color:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:13px;font:700 16px/1 "DM Sans",sans-serif;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
.ccr-go:hover:not(:disabled){background:#b8362d}
.ccr-go:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.ccr-go:disabled{opacity:.55;cursor:default}
.ccr-toast{position:absolute;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}

/* 1.3.1 Full screen on phones, like NexURLs: the feed covers the site header and runs edge to edge. */
.ccr-l{display:inline-flex;align-items:center;gap:8px}
.ccr-back{display:none;pointer-events:auto;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;color:#fff!important;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none!important}
.ccr-back:active{transform:scale(.92)}
@media (max-width:921px){
.ccr{top:0!important;z-index:99980}
.ccr-top{padding-top:calc(12px + env(safe-area-inset-top,0px));background:linear-gradient(rgba(0,0,0,.55),transparent)}
.ccr-back{display:inline-flex}
html.ccapp .ccr-back{display:none}
.ccr-page #masthead,.ccr-page #ast-mobile-header{visibility:hidden}
html.ccr-lock,html.ccr-lock body,.ccr-page{background:#000!important}
}

/* 1.3.2 Record a reel: full screen camera like NexURLs */
.ccr-rec{position:fixed;inset:0;z-index:100001;background:#000;color:#fff;font-family:"DM Sans",system-ui,sans-serif;opacity:0;transform:translateY(16px);transition:opacity .22s ease,transform .22s ease;touch-action:manipulation}
.ccr-rec.is-in{opacity:1;transform:none}
.ccr-rec-stage{position:absolute;inset:0;overflow:hidden}
.ccr-rec-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.ccr-rec-live.is-mirror{transform:scaleX(-1)}
.ccr-rec-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 22px;background:linear-gradient(rgba(0,0,0,.55),transparent);font:700 17px/1 "DM Sans",sans-serif}
.ccr-rec-top i{width:40px}
.ccr-rec-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ccr-rec-msg{position:absolute;left:24px;right:24px;top:42%;z-index:3;text-align:center;font-size:16px;line-height:1.45;background:rgba(0,0,0,.55);border-radius:16px;padding:14px 16px}
.ccr-rec-time{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:3;background:#d23f31;color:#fff;font:700 14px/1 "DM Sans",sans-serif;padding:7px 12px;border-radius:999px}
.ccr-rec-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-around;padding:28px 18px calc(26px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.6))}
.ccr-rec-bar[hidden],.ccr-rec-done[hidden]{display:none}
.ccr-rec-side{width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:#fff;font:600 12px/1 "DM Sans",sans-serif;cursor:pointer;padding:0}
.ccr-rec-side svg{width:46px;height:46px;padding:11px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}
.ccr-rec-go{position:relative;width:84px;height:84px;border-radius:50%;border:0;background:none;padding:0;cursor:pointer}
.ccr-rec-go:disabled{opacity:.5}
.ccr-rec-go svg{position:absolute;inset:0;width:84px;height:84px;transform:rotate(-90deg)}
.ccr-rec-go circle{fill:none;stroke:#fff;stroke-width:5;transition:stroke-dashoffset .2s linear}
.ccr-rec-go i{position:absolute;inset:11px;border-radius:50%;background:#d23f31;transition:inset .2s ease,border-radius .2s ease}
.ccr-rec.is-rec .ccr-rec-go i{inset:27px;border-radius:8px}
.ccr-rec.is-rec .ccr-rec-go circle{stroke:#d23f31}
.ccr-rec.is-rec .ccr-rec-side{opacity:.35;pointer-events:none}
.ccr-rec-done{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:12px;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.6))}
.ccr-rec-done button{flex:1;height:52px;border-radius:999px;border:0;font:700 16px/1 "DM Sans",sans-serif;cursor:pointer}
.ccr-rec-again{background:rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ccr-rec-next{background:#d23f31;color:#fff}

/* 1.3.2 The post sheet in the new clean look */
.ccr-sheet{background:rgba(0,0,0,.55)}
.ccr-sheet-in{background:#fff!important;color:#24170f;border:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 40px rgba(0,0,0,.25)!important}
@media (min-width:700px){.ccr-sheet-in{border-radius:24px!important}}
.ccr-pick{border:1.5px dashed #e3d9ca;background:#faf6ef;border-radius:18px}
.ccr-sheet textarea,.ccr-sheet select{border:1px solid #ebe2d4!important;border-radius:14px!important;background:#fff}
.ccr-sheet textarea:focus,.ccr-sheet select:focus{border-color:#d23f31!important;box-shadow:0 0 0 4px rgba(210,63,49,.16)}
html.cc-dark .ccr-sheet-in{background:#1b1b1b!important;color:#f4efe7}
html.cc-dark .ccr-sheet-head h2,html.cc-dark .ccr-x{color:#f4efe7}
html.cc-dark .ccr-pick{background:#121212;border-color:#333}
html.cc-dark .ccr-pick-t small{color:#a39a8f}
html.cc-dark .ccr-sheet textarea,html.cc-dark .ccr-sheet select{background:#262626;color:#f4efe7;border-color:#333!important}

/* 1.3.3 The close X shows everywhere on phones (the app too), and the sound button is a clean round button under the top bar. */
@media (max-width:921px){html.ccapp .ccr-back{display:inline-flex}}
.ccr .ccr-snd{top:calc(66px + env(safe-area-inset-top,0px));right:14px;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;line-height:0!important;background:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none!important;display:flex!important;align-items:center;justify-content:center}
.ccr .ccr-snd svg{width:20px;height:20px;display:block}
@media (min-width:922px){.ccr .ccr-snd{top:66px}}