/* CheekyReels V12 — charcoal, graphite, softly lit glass; no white backgrounds. */
:root{--cr-bg:#0a0b0f;--cr-text:#efedf1;--cr-line:#26242a;--cr-red:#f0346e}
html,body{background:#0a0b0f;color:#eeeef0}
.cr-header{background:#101014;color:#f0eff2;border-bottom-color:#26252c}
.cr-topline{border-bottom-color:#25232a}
.cr-nav>a{color:#a9a7b0}.cr-nav>a.selected{color:#fff}.cr-nav>a.selected:after{background:#fb3469}
.cr-brand{color:#fff}
.cr-sign-in{background:#212027;border-color:#45414b}
.cr-balance{background:#1a191f;color:#f4ecf0;border-color:#3c3440}
.cr-nav-right{gap:8px}
.cr-mode-switch{border:1px solid #4c4050;background:#27212b;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;min-width:142px;height:36px;padding:0 12px;cursor:pointer;font-size:12px!important;font-weight:750!important;letter-spacing:.01em;white-space:nowrap;transition:background .17s,transform .17s}
.cr-mode-switch:hover{background:#3a2533}.cr-mode-switch:active{transform:scale(.97)}.cr-mode-switch-icon{display:flex;color:#ff6490}.cr-mode-switch:focus-visible,.exp-root button:focus-visible,.exp-root a:focus-visible{outline:3px solid #e94176;outline-offset:3px}
.cr-global-sound{background:#211f27!important;color:#efedf1!important;border-color:#45414b!important}
.cr-watch-bar{display:flex;align-items:center;gap:14px;min-height:52px;padding:9px clamp(18px,5vw,70px);background:#141218;color:#e9e7eb;border-bottom:1px solid #2f2831;font-size:13px;position:relative;z-index:4}
.cr-watch-bar>a{color:#f2b3c9;text-decoration:none;font-weight:650;white-space:nowrap}.cr-watch-caption{color:#aaa1ad}.cr-watch-select{max-width:min(300px,47vw);background:#242027;color:#f6f3f4;border:1px solid #49414b;border-radius:9px;padding:7px 9px;font:600 13px system-ui}
body:not(.admin-page) .app{background:radial-gradient(ellipse at 50% 35%,#231a22 0%,#121217 48%,#0a0b10 85%);color:#f4eef1}
body:not(.admin-page) .app .ambient{background:radial-gradient(ellipse,#5633471a,#00000000)}
.cr-normal-view{background:#0c0b0f!important}.app.cr-normal-mode{background:#0c0b0f!important}
.cr-normal-screen{background:#000;box-shadow:0 12px 52px #000b;border:1px solid #312b34}
.cr-display-switch{display:none!important} /* replacement lives in main navigation */
.cr-video-category,.cr-normal-category,.cr-grid-category{display:none!important}
.cr-deck-count{color:#ae9ba8!important}
#crAutoMount>#undo{background:#201d23!important;color:#f4eefa!important;border-color:#484049!important}
#toolbar>#auto{background:#211c25!important;border-color:#493341!important}
.cr-footer{background:#0c0b0f;border-top:1px solid #29252d}.cr-footer-bottom{border-color:#2a252e}
.cr-creator-header{color:#f4f1f5;background:#0d0c10!important}.cr-creator-summary h1,.cr-creator-stats strong{color:#f4f2f4!important}.cr-creator-bio,.cr-creator-summary>p,.cr-creator-stats span{color:#aaa5b0!important}.cr-creator-back{color:#f3a2bb!important}.cr-creator-tabs{border-color:#36303b!important}.cr-creator-tabs button{color:#bbb4c0!important}.cr-creator-tabs .active{color:#fff!important}
.cr-grid-pages button{background:#1e1b23;color:#f5f3f4;border-color:#413943}.cr-grid-pages button.active{background:#e73069;color:#fff;border-color:#e73069}
.cr-modal,.cr-age-card{background:#1b181e;color:#f4f0f4;border:1px solid #453641}.cr-modal h2,.cr-age-card h1{color:#fff}.cr-modal-note,.cr-modal form label,.cr-age-card p,.cr-modal-switch,.cr-reward-display p,.cr-redeem p{color:#d1c5d0}.cr-modal input{background:#111015;border-color:#50464f;color:#fff}.cr-modal input::placeholder{color:#827781}.cr-or span{background:#1b181e}.cr-btn.primary{background:#f03067}.cr-btn.subdued{background:#302a34;color:#fff;border-color:#4f444f}.cr-modal-close{background:#3a303a;color:#fff}.cr-auth-promo,.cr-balance-large{background:#252029;color:#f5e6f0;border-color:#54414f}.cr-auth-promo span{color:#dbd2d8}.cr-reward-big{color:#fff}
.cr-info-warning{background:#252028;color:#f3d9e0;border-color:#4c3640}.cr-content-page{color:#eae5ec}.cr-content-page h1,.cr-content-page h2{color:#f6f4f6}.cr-content-page p{color:#beb4c1}.cr-content-page section{border-color:#2c2830}.cr-back{color:#eea3bf}
.cr-creator-grid{background:#0a0b0f;color:#fff}.cr-grid-heading small{color:#b7abb6}
/* Explore: independent category-card experience */
.exp-root{min-height:calc(100dvh - 110px);width:100%;max-width:1600px;margin:0 auto;padding:28px clamp(12px,3vw,44px) 60px;color:#f5f2f5;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#1c1520 0%,#0b0b0f 62%,#09090c 100%)}
.exp-root button{font-family:inherit}
.exp-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#ed7ca6;display:block;margin-bottom:10px}
.exp-start{text-align:center;max-width:1100px;margin:6vh auto 8vh}.exp-start h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.06em;margin:0 0 12px;line-height:1.1}.exp-start p{color:#bcb4c0;margin:0 0 38px;font-size:15px}
.exp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.exp-choice{position:relative;aspect-ratio: .78;border:1px solid #59404c;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#35202c,#17151c);color:#fff;cursor:pointer;isolation:isolate;box-shadow:0 18px 42px #0006;transition:transform .2s,border-color .2s}
.exp-choice:hover{transform:translateY(-7px);border-color:#ff6697}.exp-choice video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.47) saturate(.55)}.exp-choice::after{content:"";position:absolute;inset:0;background:linear-gradient(#16121b15,#0c0716be);z-index:1}
.exp-choice strong{position:absolute;z-index:2;bottom:65px;left:12px;right:12px;text-align:center;font-size:clamp(24px,3.2vw,42px);font-weight:820;letter-spacing:-.04em}.exp-choice span{position:absolute;z-index:2;bottom:36px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.08em;color:#f3d7e2}
.exp-home-link{display:inline-block;margin:30px auto 0;color:#d8c7d1;text-decoration:none;font-weight:600}
.exp-browser-head{max-width:1450px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.exp-browser-title h1{font-size:clamp(23px,3.3vw,40px);line-height:1.15;letter-spacing:-.05em;margin:0}
.exp-orientation-switch{background:#221e27;color:#f1e8f0;border:1px solid #513a4b;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.exp-orientation-switch:hover{background:#392330}
.exp-search-row{display:flex;align-items:center;gap:18px;max-width:1450px;margin:26px auto 4px}.exp-search{width:min(500px,100%);background:#1d1921;border:1px solid #493643;border-radius:12px;color:white;padding:14px 17px;font-size:14px;outline:0;flex:1}.exp-search:focus{border-color:#f35085;box-shadow:0 0 0 3px #d6316333}.exp-search-hint{font-size:12px;color:#a49aa8}.exp-suggestions{max-width:1450px;margin:10px auto;display:flex;gap:9px;flex-wrap:wrap}.exp-suggestion{background:#241c27;color:#f1d8e2;border:1px solid #553848;border-radius:99px;padding:8px 15px;font-size:12px;cursor:pointer}
.exp-stage-wrap{height:min(83dvh,860px);min-height:650px;width:100%;max-width:1460px;margin:0 auto;position:relative;overflow:hidden;isolation:isolate}
.exp-stage-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 51% 48%,#3d243b55,transparent 61%);pointer-events:none}
.exp-scene{width:1200px;height:940px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center}
.exp-fan{position:absolute;inset:0;pointer-events:none}.exp-card{width:268px;height:452px;position:absolute;left:0;top:0;transform-origin:center 85%;border:1px solid #82707c3d;border-radius:18px;overflow:hidden;background:#2a2530;box-shadow:0 19px 36px #000a,inset 0 0 0 1px #ffffff1d;padding:0;cursor:pointer;pointer-events:auto;isolation:isolate;transition:transform .4s cubic-bezier(.2,.75,.2,1),filter .25s}
.exp-card video,.exp-stack-top video,.exp-grid-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.7)}
.exp-card:hover video{filter:saturate(.9) brightness(.84)}.exp-card.exp-active{box-shadow:0 23px 53px #000e,0 0 0 2px #e35c954a}
.exp-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(#09060b28,#08030c45 40%,#130916a8);pointer-events:none}.exp-glass{z-index:5;position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 1px 1px #ffffff60,inset 0 -18px 20px #0003;background:linear-gradient(118deg,#ffffff24,transparent 23%,transparent 65%,#ffffff08)}
.exp-curved{position:absolute;z-index:4;left:2%;right:2%;width:96%;top:37%;height:31%;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 4px #000d)}.exp-curved text{fill:#fff3f8;stroke:#220815;stroke-width:1.3;paint-order:stroke fill;font-weight:900;font-size:31px;letter-spacing:.4px;font-family:Arial,sans-serif}.exp-curved-long text{font-size:24px}.exp-curved-verylong text{font-size:19px}
.exp-stack{position:absolute;left:447px;top:542px;width:280px;height:367px;border:0;background:transparent;padding:0;cursor:pointer;transform-origin:50% 50%;transform-style:preserve-3d}
.exp-layer{position:absolute;left:4px;top:4px;width:245px;height:326px;transform:perspective(800px) rotateX(var(--deck-tilt,59deg)) rotateY(var(--deck-yaw,-3deg)) translate(calc(var(--i)*.8px),calc(var(--i)*1.45px));transform-origin:center center;border:2px solid #807685;border-radius:13px;background:linear-gradient(150deg,#686374 0%,#231c29 18%,#161118 75%,#605b65);box-shadow:0 2px 1px #0008,0 0 0 1px #ada5a731}
.exp-stack-top{position:absolute;left:0;top:0;width:245px;height:326px;transform:perspective(800px) rotateX(var(--deck-tilt,59deg)) rotateY(var(--deck-yaw,-3deg));transform-origin:center center;overflow:hidden;border-radius:14px;border:2px solid #a4a0a8;box-shadow:0 12px 26px #000a;background:#261e2a;isolation:isolate}
.exp-stack-top:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#fff6,transparent 37%,#0009);pointer-events:none}.exp-stack-top .exp-curved{top:28%}
.exp-deck-bottom{display:flex;justify-content:flex-end;max-width:1180px;margin:-19px auto 15px;position:relative;z-index:3}.exp-undo{border:1px solid #56414c;border-radius:10px;background:#28202a;color:#eee;padding:10px 17px;cursor:pointer}.exp-undo[hidden]{display:none}
.exp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1450px;margin:28px auto 0}.exp-grid-tile{aspect-ratio:.72;min-height:235px;display:block;position:relative;border:1px solid #4b3644;background:#1b131e;border-radius:15px;overflow:hidden;cursor:pointer;isolation:isolate;padding:0;color:#fff}
.exp-grid-tile:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(transparent,#11081380)}.exp-grid-tile .exp-glass{z-index:3}.exp-grid-tile:hover{border-color:#fc6b9d;transform:translateY(-2px)}.exp-grid-title{position:absolute;z-index:4;top:50%;left:7%;right:7%;transform:translateY(-50%);font-size:clamp(16px,1.7vw,26px);line-height:1.13;font-weight:850;letter-spacing:-.025em;color:#fff4f6;text-shadow:0 2px 9px #000,0 1px 2px #000;overflow-wrap:break-word;text-align:center}
.exp-grid-tile .exp-curved{display:none}.exp-pages{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:32px auto;max-width:1450px}.exp-pages button{padding:10px 14px;background:#211b24;color:#f4eefa;border:1px solid #594051;border-radius:9px;min-width:42px;cursor:pointer;font-weight:700}.exp-pages button.active{background:#ee346c;border-color:#ee346c}.exp-pages button:disabled{opacity:.32}.exp-ellipses{padding:10px 0;color:#999}
.exp-languages{max-width:1450px;margin:24px auto;padding:30px 0;border-top:1px solid #2a232d}.exp-languages h2{font-size:17px;color:#f4e9f1;margin:0 0 18px}.exp-language-list{display:flex;flex-wrap:wrap;gap:8px}.exp-language-list a{background:#201a23;border:1px solid #4a3744;color:#ddd1da;border-radius:99px;padding:8px 13px;text-decoration:none;font-size:12px}.exp-language-list a:hover{color:white;background:#382734}
.exp-no-results{color:#c8c0ca;padding:40px;text-align:center}
@media(max-width:700px){
 .cr-header{height:105px}.cr-topline{height:54px}.cr-navline{height:51px;padding:0 8px}
 .cr-nav{gap:8px}.cr-nav>a{gap:3px;font-size:10px}.cr-nav>a>span:first-child{font-size:16px}
 .cr-mode-switch{min-width:102px;width:106px;height:34px;padding:0 5px;gap:3px;font-size:10px!important;white-space:normal;line-height:1.1;text-align:center}
 .cr-mode-switch-icon svg{width:14px;height:14px}.cr-nav-right{gap:3px;min-width:0}.cr-global-sound{padding:0 5px!important;width:31px!important;min-width:31px!important}.cr-global-sound-label{display:none!important}
 .cr-watch-bar{gap:7px;padding:8px 12px;min-height:45px;font-size:11px}.cr-watch-select{max-width:44vw}
 .exp-root{padding:21px 10px 48px}.exp-start{margin:5vh auto}.exp-start p{font-size:13px}.exp-choices{grid-template-columns:repeat(3,1fr);gap:7px}.exp-choice{aspect-ratio:.67;border-radius:13px}.exp-choice strong{font-size:clamp(16px,4.5vw,24px);bottom:39px}.exp-choice span{font-size:9px;bottom:20px}
 .exp-browser-head{gap:7px}.exp-browser-title h1{font-size:clamp(18px,4.5vw,24px)}.exp-kicker{font-size:9px}.exp-orientation-switch{padding:9px 7px;font-size:10px}.exp-search-row{margin-top:18px;flex-direction:column;gap:8px;align-items:stretch}.exp-search{width:100%;min-height:43px}.exp-search-hint{text-align:center;font-size:10px}
 .exp-stage-wrap{min-height:610px;height:77dvh;max-height:820px}.exp-scene{width:430px;height:860px}.exp-card{width:268px;height:452px;border-radius:15px}.exp-stack{width:280px;height:360px}.exp-deck-bottom{margin:-25px 10px 11px}
 .exp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 0}.exp-grid-tile{min-height:210px;border-radius:11px;aspect-ratio:.77}.exp-grid-title{font-size:clamp(16px,4.8vw,23px)}.exp-pages button{min-width:34px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.exp-card,.exp-grid-tile,.cr-mode-switch{transition:none!important}}

/* Keep the mobile navigation usable when Undo becomes visible. */
@media(max-width:540px){.cr-nav>a>span:last-child{display:none}.cr-nav{gap:17px}.cr-navline{gap:5px}.cr-nav-right{gap:3px}#crAutoMount>#undo{padding:0!important;width:31px;min-width:31px;height:31px;justify-content:center;font-size:0!important}#crAutoMount>#undo span:last-child{display:none}#crAutoMount>#undo .tool-icon svg{width:16px;height:16px}}
/* Do not show deck inventory while watching a chosen category. */
body:has(.cr-watch-bar) #crDeckCount{display:none!important}
/* Respect the supplied full logo: scale the original asset, never split or crop it. */
.cr-brand-image{width:126px!important;height:68px!important;object-fit:contain!important;object-position:left center!important}
.cr-header{height:116px!important}.cr-topline{height:69px!important}.cr-navline{height:47px!important}
body:not(.admin-page) .app{height:calc(100dvh - 116px)}
body:has(.cr-watch-bar):not(.admin-page) .app{height:calc(100dvh - 168px);min-height:540px}
.cr-settings{background:#25212a!important;color:#fff!important;border-color:#4d414a!important}
.cr-profile{background:#28212b!important;color:#f0e9f0}.cr-profile small{color:#beb2c0!important}
.cr-tour-card{background:#211922!important;color:#f6f0f5!important;border:1px solid #6a465d!important}.cr-tour-card h2{color:#fff!important}.cr-tour-card p{color:#dfd4df!important}.cr-tour-top{color:#c4abbc!important}.cr-tour-top button{color:#efcee0!important}
.cr-reward-circle{background:linear-gradient(140deg,#302022,#9e6a42);color:#fff;border-color:#c6a065}
.admin-page .app{background:#111016!important}.admin-page .viewport{background:radial-gradient(ellipse at center,#241922,#0b0b10 80%)!important;box-shadow:inset 0 0 0 1px #4a3846!important}
.admin-page .layout-editor{background:#211c25eF;color:#f4eaf2;border:1px solid #514352;box-shadow:0 18px 55px #0008}
.admin-page .edit-field label,.admin-page .edit-note,.admin-page .edit-feedback,.admin-page .edit-head span{color:#b8acba}
.admin-page .edit-row select,.admin-page .edit-field input[type=number],.admin-page .edit-zoom input[type=number]{background:#141017;color:#fff;border-color:#59465a}
.admin-page .edit-actions button{background:#302732;color:#f6eef5;border-color:#5a4658}.admin-page .edit-actions .edit-copy{background:#bd2d5d}
@media(max-width:760px){.cr-brand-image{width:76px!important;height:55px!important}.cr-header{height:106px!important}.cr-topline{height:56px!important}.cr-navline{height:50px!important}body:not(.admin-page) .app{height:calc(100dvh - 106px)}body:has(.cr-watch-bar):not(.admin-page) .app{height:calc(100dvh - 151px);min-height:510px}}
