/* CheekyReels V8 — official user-provided logo, minimal wallet, guided first visit */
:root{--cr-ink:#18191b;--cr-accent:#eb245d;--cr-quiet:#777;--cr-line:#e4e1dc}
.cr-brand{display:flex;align-items:center;min-width:0;line-height:1}
.cr-brand-image{display:block;width:206px;height:52px;max-width:100%;object-fit:contain;object-position:left center}
.cr-top-actions{gap:9px;align-items:center}
.cr-balance{height:43px;min-width:125px!important;padding:5px 11px!important;gap:9px!important;background:#17191d!important;color:#fff!important;border:1px solid #35373e!important;border-radius:13px!important;box-shadow:0 3px 9px #00000012;justify-content:flex-start!important;transition:transform .15s,box-shadow .15s}
.cr-balance:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000018}
.cr-credit-token{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:9px;font-weight:850;letter-spacing:-.3px;color:#ffe8bf;border:1.5px solid #b68a49;background:linear-gradient(140deg,#594327,#9d7439 50%,#48361f);box-shadow:inset 0 0 0 2px #151617}
.cr-bal-label{display:flex;flex-direction:column;align-items:start;gap:1px;white-space:nowrap;line-height:1.1}
.cr-bal-label strong{font-size:13px;letter-spacing:-.2px;font-weight:760;font-variant-numeric:tabular-nums}
.cr-bal-label small{font-size:7px;letter-spacing:1px;color:#b6b2ae;font-weight:700}
.cr-settings{width:39px;height:39px;border-radius:12px;border:1px solid #dedbd6;background:#fff;color:#444;cursor:pointer;font-size:23px;line-height:1;flex:none}
.cr-settings:hover{background:#f1efed}.cr-settings[hidden]{display:none}
.cr-global-sound{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #dedbd6;background:#fff;color:#5e5b57;border-radius:9px;font-size:12px;font-weight:680;cursor:pointer;white-space:nowrap}
.cr-global-sound svg{height:18px;width:18px}.cr-global-sound.on{border-color:#a9a9a9;color:#1b1a19;background:#f8f6f2}
.cr-global-sound:focus-visible,.cr-settings:focus-visible,.cr-balance:focus-visible{outline:3px solid #f57094;outline-offset:2px}
.cr-nav-right{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.cr-footer-logo img{display:block;width:min(220px,100%);height:62px;object-fit:contain;object-position:left center}
.cr-footer-logo small{display:block;font-size:11px;color:#afaaaa;margin-top:1px;letter-spacing:0;font-weight:450}
.cr-modal-brand .cr-modal-logo{width:190px;height:68px;object-fit:contain;display:block;margin:0 auto}
.cr-modal-brand{margin:0 0 16px}
.cr-profile{display:flex;gap:12px;align-items:center;margin:17px 0 20px;padding:14px;border-radius:13px;background:#f5f3f0}
.cr-profile-avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:#18191c;color:#fff;font-weight:790;font-size:20px}
.cr-profile strong{display:block;font-size:17px}.cr-profile small{display:block;font-size:12px;color:#777;margin-top:3px}
.cr-setting-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 1px;border-bottom:1px solid #eee9e4;font-size:13px}.cr-setting-line>span{color:#81807c}.cr-setting-line>strong{text-align:right;font-size:12px;overflow-wrap:anywhere}
/* Videos have no individual sound controls — one shared top setting only. */
.card-volume,.full-volume{display:none!important}
/* Refined mobile transition into footer: remove the tall blank strip. */
@media(max-width:760px){
 .cr-topline{gap:4px;padding-inline:10px!important}
 .cr-brand-image{width:147px;height:43px}
 .cr-top-actions{gap:5px}
 .cr-balance{height:36px;min-width:92px!important;padding:4px 6px!important;gap:5px!important;border-radius:10px!important}
 .cr-credit-token{width:22px;height:22px;font-size:8px}
 .cr-bal-label strong{font-size:10.5px}
 .cr-bal-label small{font-size:5.8px;letter-spacing:.4px}
 .cr-sign-in{min-width:52px;padding:0 7px!important;font-size:10px!important}
 .cr-settings{width:31px;height:32px;font-size:20px;border-radius:9px}
 .cr-nav-right{gap:4px;min-width:0!important}
 .cr-global-sound{height:30px;padding:5px 7px;font-size:10px;gap:4px;border-radius:8px}
 .cr-global-sound svg{width:15px;height:15px}
 .cr-global-sound-label{display:none}
 .cr-top-auto{padding:5px 8px!important;font-size:11px!important;min-width:53px!important}
 body:not(.admin-page) .app{min-height:0!important;height:max(575px,calc(100dvh - 204px))!important}
 .cr-footer{margin:-17px 0 0!important;position:relative;z-index:2;padding-top:12px!important}
 .cr-footer-top{row-gap:17px!important}
 .cr-footer-logo img{height:54px;width:180px}
}
@media(max-width:370px){.cr-brand-image{width:115px;height:41px}.cr-top-actions{gap:3px}.cr-balance{min-width:83px!important}.cr-bal-label strong{font-size:10px}.cr-global-sound{padding:5px 5px}}
/* Focused, five-step, opt-out tour: low distraction outside its current target */
.cr-tour{position:fixed;inset:0;z-index:225;pointer-events:none}
.cr-tour[hidden]{display:none}
.cr-tour-spot{position:fixed;border:2px solid #e82b65;border-radius:17px;box-shadow:0 0 0 200vmax rgba(10,10,12,.54),0 0 0 5px #fff8;transition:left .28s,top .28s,width .28s,height .28s;pointer-events:none;z-index:1}
.cr-tour-hand{position:fixed;font-size:32px;filter:drop-shadow(0 2px 4px #0009);animation:cr-guide 1.5s ease-in-out infinite alternate;z-index:2;pointer-events:none}
@keyframes cr-guide{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-9px) rotate(4deg)}}
.cr-tour-card{position:fixed;z-index:3;max-width:315px;min-height:162px;border-radius:15px;padding:16px 17px 14px;background:#1a1b1e;color:#fff;box-shadow:0 15px 40px #0007;pointer-events:auto;border:1px solid #4e4a4d}
.cr-tour-top{display:flex;justify-content:space-between;align-items:center;color:#aaa6a7;font-size:10px;font-weight:700;letter-spacing:1px}
.cr-tour-top button{border:0;background:none;color:#ccc;font-size:11px;cursor:pointer;letter-spacing:0}
.cr-tour-card h2{font-size:16px;font-weight:760;margin:12px 0 7px;letter-spacing:-.3px}
.cr-tour-card p{font-size:12px;line-height:1.55;color:#d0ced1;margin:0 0 15px}
.cr-tour-actions{display:flex;justify-content:flex-end}
.cr-tour-actions button{background:#f12f67;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:750;font-size:12px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.cr-tour-hand{animation:none}.cr-tour-spot{transition:none}}
/* Admin gets the same top navigation and logo, but retains its independent geometry editor. */
.admin-page .cr-header{display:flex}
.admin-page .cr-footer{display:none}
.admin-page .layout-editor{z-index:65}
.admin-page .header-tools{z-index:60}

.creator-profile{border:0;cursor:pointer;font:inherit;appearance:none}.creator-profile:focus-visible{outline:2px solid #f12f67;outline-offset:2px}

/* V9: unmodified supplied brand artwork, fitted into every context */
.cr-brand-image{width:84px!important;height:62px!important;object-fit:contain!important;object-position:center center!important}
.cr-footer-logo img{width:100px!important;height:100px!important;object-fit:contain!important;object-position:center!important}
.cr-modal-brand .cr-modal-logo{width:114px!important;height:114px!important;object-fit:contain!important}
.cr-topline{height:74px!important}.cr-header{height:122px!important}
.cr-settings{display:grid;place-items:center}.cr-settings svg{width:19px;height:19px}
@media(max-width:760px){.cr-header{height:108px!important}.cr-topline{height:60px!important}.cr-brand-image{width:52px!important;height:55px!important}.cr-footer-logo img{height:86px!important;width:86px!important}.cr-modal-brand .cr-modal-logo{width:100px!important;height:100px!important}}
.cr-tour-hand{font-size:0!important;filter:drop-shadow(0 7px 6px #0007)!important;animation:cr-guide 1.15s ease-in-out infinite alternate}
.cr-tour-card{background:#fff!important;color:#171719!important;border:1px solid #e4e0e0!important;box-shadow:0 12px 48px #0005!important}
.cr-tour-card p{color:#565355!important;font-size:13px!important}.cr-tour-card h2{color:#161618!important}.cr-tour-top{color:#827e7f!important}.cr-tour-top button{color:#555!important}.cr-tour-actions button{display:flex;align-items:center;gap:8px;background:#232124!important}
.cr-tour-spot{border:2px solid #f14b71!important;box-shadow:0 0 0 200vmax rgba(7,7,9,.42),0 0 0 5px #fff8!important}
.cr-coin-fly{left:0;top:0;background:linear-gradient(135deg,#ffebb2,#bb8730 60%,#e8c372)!important;border:2px solid #f5d186!important;font-size:14px!important;font-weight:900;box-shadow:inset 0 0 0 3px #6d481b22,0 4px 17px #9b6d294f;animation:cr-collect 1.65s cubic-bezier(.28,.74,.2,1) var(--delay) both!important}
@keyframes cr-collect{0%{opacity:0;transform:translate(0,32px) rotateY(0deg) scale(.2)}17%{opacity:1;transform:translate(0,-12px) rotateY(150deg) scale(1.12)}45%{opacity:1;transform:translate(calc(var(--to-x)*.27),calc(var(--to-y)*.12 - 30px)) rotateY(320deg) scale(.94)}100%{opacity:0;transform:translate(var(--to-x),var(--to-y)) rotateY(720deg) scale(.15)}}
.cr-wallet-hit{animation:cr-wallet-hit .67s ease-out!important}@keyframes cr-wallet-hit{30%{box-shadow:0 0 0 7px #dfb55c35,0 4px 18px #ad814477}100%{box-shadow:0 2px 8px #0002}}
.cr-reward-circle{font-size:18px!important;font-weight:850!important;letter-spacing:1px;color:#5c411b!important}.cr-reward-kicker{color:#9c7443!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important}.cr-reward-big{font-variant-numeric:tabular-nums}.cr-reward-summary{background:#f7f6f3;border:1px solid #e8e5df;border-radius:13px;margin:15px 0;padding:8px 15px}.cr-reward-summary>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;font-size:12px;border-bottom:1px solid #e8e5e0}.cr-reward-summary>div:last-child{border:0}.cr-reward-summary span{color:#68625c}.cr-reward-summary strong{color:#252320;font-size:14px;font-variant-numeric:tabular-nums}.cr-reward-summary .cr-reward-total strong{font-size:22px}.cr-reward-caption{font-size:11px!important;color:#82796f!important}.cr-offer-clock{display:flex;justify-content:space-between;margin:14px auto 17px;border:1px solid #ebe5dc;padding:12px;border-radius:10px;color:#4d4541}.cr-offer-clock strong{font-size:16px;color:#222}
.cr-pass-meter{font-size:11px;color:#6d6863;font-weight:500}.cr-pass-track{height:4px;border-radius:8px;background:#e9e5e1;overflow:hidden;margin-bottom:7px}.cr-pass-track span{display:block;height:100%;width:0;background:#d45858;transition:width .2s}.cr-pass-track span[data-grade=good]{background:#ba9051}.cr-pass-track span[data-grade=strong]{background:#5b9779}.cr-auth-error{font-size:12px;color:#b72836;background:#fff0f1;padding:9px 11px;border-radius:7px;margin:0}.cr-auth-error[hidden]{display:none}
.cr-creator-header{max-width:1250px;margin:0 auto;padding:14px 24px 0;color:#252323}.cr-creator-back{font-size:12px;display:flex;align-items:center;gap:7px;width:max-content;color:#4f4b48;text-decoration:none;margin:1px 0 12px}.cr-creator-core{display:flex;gap:16px;align-items:center}.cr-creator-avatar{height:69px;width:69px;border-radius:50%;background:linear-gradient(145deg,#2a2526,#7e6266);color:white;display:grid;place-items:center;font-weight:800;font-size:25px;flex:none}.cr-creator-summary{flex:1;min-width:0}.cr-creator-summary h1{font-size:clamp(19px,2.3vw,27px);letter-spacing:-.6px;margin:0}.cr-creator-summary p{font-size:11px;color:#817f7b;margin:5px 0}.cr-creator-stats{display:flex;gap:20px}.cr-creator-stats div{display:flex;gap:5px;font-size:11px}.cr-creator-stats strong{color:#282626}.cr-creator-stats span{color:#8a8683}.cr-creator-follow{align-self:center;font-size:11px}.creator-profile-name{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:inline-block;max-width:100%;text-align:left}.creator-profile-name:hover{text-decoration:underline}.cr-deck-count{position:absolute;z-index:10;bottom:13px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:750;color:#645c55;background:#fffcf0d9;border:1px solid #dad1c2;border-radius:30px;padding:6px 13px;white-space:nowrap;pointer-events:none}
.cr-creator-header + .app{height:calc(100dvh - 245px)!important;min-height:550px!important}
@media(max-width:760px){.cr-creator-header{padding:10px 13px 0}.cr-creator-core{gap:9px}.cr-creator-avatar{width:46px;height:46px;font-size:20px}.cr-creator-stats{gap:9px;flex-wrap:wrap}.cr-creator-stats div{font-size:10px}.cr-creator-follow{padding:8px 11px;font-size:10px}.cr-creator-header + .app{height:max(535px,calc(100dvh - 220px))!important}.cr-deck-count{bottom:7px}}

/* Views now navigate to creator profiles; remove previous distracting enlargement. */
.video-card.is-front .views-inline svg{animation:none!important;transform:scale(1)!important}
.creator-views-link{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;width:max-content;max-width:100%;font:inherit}.creator-views-link:focus-visible{outline:2px solid #f24c78;outline-offset:3px}