/* ReelShort theme — palette + components extracted byte-exact from the APK dump (resources.arsc).
   Loaded on top of app.css on the themed screens (profile / VIP / rewards) + the bottom nav. */
:root{
  --rs-bg:#000000;          /* main background 7F06046C */
  --rs-card:#141414;        /* card / surface */
  --rs-card2:#1c1c1c;
  --rs-card3:#222222;       /* raised */
  --rs-card4:#282828;
  --rs-line:#333333;        /* divider/border */
  --rs-red:#ff75a3;         /* brand red 7F06005F */
  --rs-red2:#ff4d8d;        /* gradient end */
  --rs-pink:#ff4d8d;
  --rs-gold:#FFB629;        /* VIP / coins gold 7F0604B6 */
  --rs-gold-lt:#FFC786;     /* 7F0600C9 */
  --rs-brown:#401906;       /* text on gold 7F06008F */
  --rs-brown2:#642411;
  --rs-purple:#7140FF;      /* 7F060462 */
  --rs-green:#5EA63A;       /* success 7F060166 */
  --rs-t1:#FFFFFF;
  --rs-t2:rgba(255,255,255,.70);  /* B3FFFFFF */
  --rs-t3:rgba(255,255,255,.50);  /* 80FFFFFF */
  --rs-t4:rgba(255,255,255,.30);  /* 4DFFFFFF */
  --rs-w:480px;                   /* phone-style app column width */
}

/* ---------- shared chrome on themed pages ---------- */
body.rs{background:#080808;color:var(--rs-t1);}
/* sticky also anchors the absolutely-positioned back/action buttons to the centered column */
.rs-appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;
  height:54px;max-width:var(--rs-w);margin:0 auto;background:var(--rs-bg);padding:0 8px;}
.rs-appbar .rs-back{position:absolute;left:6px;top:0;height:52px;width:44px;display:flex;align-items:center;justify-content:center;color:var(--rs-t1);}
.rs-appbar .rs-back svg{stroke:var(--rs-t1)}
.rs-appbar .rs-title{font-size:17px;font-weight:700;color:var(--rs-t1);}
.rs-appbar .rs-act{position:absolute;right:10px;top:0;height:52px;display:flex;align-items:center;color:var(--rs-t2);font-size:13px;}

/* ============================================================
   PROFILE / "MINE" screen
   ============================================================ */
.rs-mine{padding:8px 16px 96px;max-width:var(--rs-w);margin:0 auto;min-height:calc(100vh - 54px);}
.rs-user{display:flex;align-items:center;gap:12px;padding:10px 2px 16px;}
.rs-user .av{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#3a3a3a,#1a1a1a);
  display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--rs-t1);
  border:2px solid rgba(255,255,255,.08);flex:0 0 auto;overflow:hidden;}
.rs-user .meta{flex:1;min-width:0;}
.rs-user .nm{font-size:19px;font-weight:800;line-height:1.2;}
.rs-user .uid{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:var(--rs-t3);}
.rs-user .uid button{background:none;border:0;color:var(--rs-t3);cursor:pointer;padding:0;display:inline-flex;}
.rs-user .enter{flex:0 0 auto;background:var(--rs-red);color:#fff;font-weight:700;font-size:14px;
  padding:9px 20px;border-radius:22px;text-decoration:none;}

/* VIP promo banner (unsubscribed) */
.rs-vipbar{display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px 14px;margin:4px 0 14px;
  background:linear-gradient(100deg,#2a1c12 0%,#3d2616 55%,#5a3415 100%);
  position:relative;overflow:hidden;text-decoration:none;}
.rs-vipbar .crown{width:34px;height:34px;flex:0 0 auto;}
.rs-vipbar .vt{flex:1;min-width:0;}
.rs-vipbar .vt b{display:block;color:var(--rs-gold-lt);font-size:15px;font-weight:800;}
.rs-vipbar .vt span{display:block;color:#d8b48a;font-size:12px;margin-top:2px;}
.rs-vipbar .go{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#FFD98A,#FFB629);
  color:#5a2c00;font-weight:800;font-size:13px;padding:7px 16px;border-radius:20px;}
.rs-vipbar .disc{position:absolute;top:0;right:0;background:var(--rs-red);color:#fff;font-size:10px;font-weight:800;
  padding:3px 8px;border-bottom-left-radius:10px;}
.rs-vip-active{display:flex;align-items:center;gap:10px;border-radius:14px;padding:14px;margin:4px 0 14px;
  background:linear-gradient(100deg,#3d2616,#5a3415);color:var(--rs-gold-lt);font-weight:700;font-size:14px;}
.rs-vip-active img{width:26px;height:26px;}
.rs-vip-active a{margin-left:auto;color:#5a2c00;background:linear-gradient(180deg,#FFD98A,#FFB629);
  padding:6px 14px;border-radius:18px;font-weight:800;font-size:12px;text-decoration:none;}

/* coins / wallet card */
.rs-wallet{background:var(--rs-card);border-radius:14px;padding:16px;margin-bottom:14px;}
.rs-wallet .top{display:flex;align-items:center;justify-content:space-between;}
.rs-wallet .lab{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--rs-t2);font-weight:600;}
.rs-wallet .lab svg{stroke:var(--rs-t2)}
.rs-wallet .coins{display:flex;align-items:center;gap:8px;margin-top:12px;}
.rs-wallet .coins img{width:30px;height:30px;}
.rs-wallet .coins .val{font-size:28px;font-weight:900;color:var(--rs-gold);line-height:1;}
.rs-wallet .recharge{margin-left:auto;background:linear-gradient(180deg,#FFD98A,#FFB629);color:#5a2c00;
  font-weight:800;font-size:13px;padding:9px 18px;border-radius:22px;border:0;text-decoration:none;}
.rs-wallet .pixsub{margin-top:10px;font-size:12px;color:var(--rs-t3);}

/* login-reward tip */
.rs-tip{display:flex;align-items:center;gap:8px;background:rgba(255,117,163,.12);border:1px solid rgba(255,117,163,.3);
  border-radius:10px;padding:9px 12px;margin-bottom:14px;font-size:13px;color:#ffb0b0;text-decoration:none;}
.rs-tip img{width:18px;height:18px;}
.rs-tip .arrow{margin-left:auto;color:var(--rs-red);font-weight:800;}

/* menu rows */
.rs-rows{background:var(--rs-card);border-radius:14px;overflow:hidden;}
.rs-row{display:flex;align-items:center;gap:13px;padding:15px 16px;color:var(--rs-t1);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.05);}
.rs-row:last-child{border-bottom:0;}
.rs-row img{width:22px;height:22px;flex:0 0 auto;}
.rs-row svg{stroke:var(--rs-t1);}
.rs-row .lbl{flex:1;font-size:15px;}
.rs-row .ct{color:var(--rs-t3);font-size:13px;}
.rs-row .chev{color:var(--rs-t4);}
.rs-logout{display:block;text-align:center;margin:18px auto 0;color:var(--rs-t3);font-size:14px;
  text-decoration:none;padding:12px;}

/* language chips */
.rs-langsec{font-size:13px;color:var(--rs-t3);margin:18px 2px 8px;font-weight:600;}
.rs-langs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
.rs-langs a{padding:8px 16px;border-radius:20px;background:var(--rs-card3);color:var(--rs-t2);
  text-decoration:none;font-size:13px;}
.rs-langs a.on{background:var(--rs-red);color:#fff;font-weight:700;}

/* ============================================================
   VIP CENTER
   ============================================================ */
.rs-vip{padding:0 0 110px;max-width:var(--rs-w);margin:0 auto;min-height:calc(100vh - 54px);}
.rs-vip-hero{text-align:center;padding:14px 16px 18px;
  background:radial-gradient(120% 80% at 50% 0%,#3a2410 0%,#1a1206 45%,#000 100%);}
.rs-vip-hero .cr{width:64px;height:64px;margin:0 auto 6px;display:block;}
.rs-vip-hero h1{font-size:20px;font-weight:900;color:var(--rs-gold-lt);margin:0 0 14px;}
.rs-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;text-align:left;max-width:420px;margin:0 auto;}
.rs-benefits li{list-style:none;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rs-t2);}
.rs-benefits .ck{width:18px;height:18px;border-radius:50%;background:var(--rs-gold);color:#5a2c00;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.rs-benefits .ck svg{stroke:#5a2c00;width:12px;height:12px;}

.rs-vip-active-banner{margin:14px 16px;padding:12px 14px;border-radius:12px;text-align:center;
  background:linear-gradient(100deg,#3d2616,#5a3415);color:var(--rs-gold-lt);font-weight:700;font-size:14px;}

.rs-plan-sec{padding:18px 16px 0;}
.rs-plan-sec .h{font-size:16px;font-weight:800;margin-bottom:12px;}
.rs-plans{display:flex;gap:11px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
.rs-plans::-webkit-scrollbar{display:none;}
.rs-plan{flex:0 0 auto;width:118px;background:var(--rs-card);border:2px solid var(--rs-line);
  border-radius:14px;padding:16px 10px 14px;text-align:center;position:relative;cursor:pointer;transition:.15s;}
.rs-plan.sel{border-color:var(--rs-gold);background:linear-gradient(180deg,#2a1f10,#141414);}
.rs-plan .pdisc{position:absolute;top:-1px;left:-1px;background:var(--rs-red);color:#fff;font-size:10px;font-weight:800;
  padding:3px 8px;border-radius:13px 0 12px 0;}
.rs-plan .pn{font-size:13px;color:var(--rs-t2);font-weight:600;margin-bottom:8px;margin-top:4px;}
.rs-plan .pp{font-size:22px;font-weight:900;color:var(--rs-gold);line-height:1;}
.rs-plan .pp small{font-size:12px;font-weight:700;}
.rs-plan .pd{font-size:11px;color:var(--rs-t3);margin-top:6px;}

.rs-sub-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:18px 16px 8px;
  background:linear-gradient(180deg,#FFD98A,#FFB629);color:#5a2c00;font-weight:900;font-size:16px;
  padding:15px;border-radius:28px;border:0;cursor:pointer;}
.rs-sub-btn img{width:22px;height:22px;}
.rs-sub-note{text-align:center;color:var(--rs-t3);font-size:12px;padding:0 24px;}
.rs-wallet-alt{display:flex;align-items:center;gap:10px;margin:16px;padding:13px 14px;border-radius:12px;
  background:var(--rs-card);font-size:13px;color:var(--rs-t2);}
.rs-wallet-alt button{margin-left:auto;background:var(--rs-card4);color:#fff;border:1px solid var(--rs-line);
  border-radius:18px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;}

/* ============================================================
   EARN REWARDS / DAILY CHECK-IN
   ============================================================ */
.rs-rew{padding:0 0 110px;max-width:var(--rs-w);margin:0 auto;min-height:calc(100vh - 54px);}
.rs-rew-tabs{display:flex;border-bottom:1px solid var(--rs-line);}
.rs-rew-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 0;
  background:none;border:0;color:var(--rs-t3);font-size:15px;font-weight:700;cursor:pointer;position:relative;}
.rs-rew-tab img{width:18px;height:18px;}
.rs-rew-tab.on{color:var(--rs-gold);}
.rs-rew-tab.on::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);
  width:46px;height:3px;border-radius:3px;background:var(--rs-gold);}

.rs-rew-hero{text-align:center;padding:26px 16px 18px;}
.rs-rew-hero img{width:64px;height:64px;margin-bottom:10px;}
.rs-rew-hero h2{font-size:21px;font-weight:900;margin:0;}
.rs-rew-hero p{color:var(--rs-t3);font-size:13px;margin:6px 0 0;}

.rs-streak{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px;}
.rs-day{background:var(--rs-card);border:1px solid transparent;border-radius:12px;padding:12px 4px 10px;text-align:center;position:relative;}
.rs-day.today{border-color:var(--rs-gold);background:linear-gradient(180deg,#2a1f10,#141414);}
.rs-day.claimed{opacity:.5;}
.rs-day.claimed::after{content:"✓";position:absolute;top:6px;right:8px;color:var(--rs-green);font-weight:900;font-size:12px;}
.rs-day .dl{font-size:11px;color:var(--rs-t3);margin-bottom:7px;}
.rs-day.today .dl{color:var(--rs-gold);font-weight:700;}
.rs-day img{width:30px;height:30px;}
.rs-day .dc{font-size:14px;font-weight:800;color:var(--rs-gold);margin-top:5px;}
.rs-day .dc.big{color:var(--rs-red2);}

.rs-claim{display:block;width:calc(100% - 32px);margin:22px 16px 8px;padding:15px;border:0;border-radius:28px;
  background:linear-gradient(180deg,#ff9ec0,#ff75a3);color:#fff;font-weight:900;font-size:16px;cursor:pointer;}
.rs-claim:disabled{background:var(--rs-card4);color:var(--rs-t3);cursor:default;}
.rs-claim.done{background:var(--rs-card4);color:var(--rs-t3);}
.rs-reset{text-align:center;color:var(--rs-t3);font-size:12px;margin-top:4px;}

/* gems/VIP sub-panel inside rewards */
.rs-gems-hero{margin:18px 16px;padding:16px;border-radius:14px;text-align:center;
  background:radial-gradient(120% 90% at 50% 0%,#3a2410,#141414);}
.rs-gems-hero img{width:56px;height:56px;margin-bottom:8px;}
.rs-gems-hero h2{font-size:18px;font-weight:900;color:var(--rs-gold-lt);margin:0 0 4px;}
.rs-gems-hero p{color:var(--rs-t3);font-size:13px;margin:0 0 14px;}
.rs-gems-hero a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#FFD98A,#FFB629);
  color:#5a2c00;font-weight:800;padding:11px 26px;border-radius:24px;text-decoration:none;}
.rs-gems-hero a img{width:20px;height:20px;margin:0;}
.rs-gems-bal{margin:14px 16px;text-align:center;color:var(--rs-t2);font-size:14px;}
.rs-gems-bal img{width:18px;height:18px;vertical-align:-3px;}

/* ============================================================
   BOTTOM NAV — real ReelShort tab icons
   ============================================================ */
.rs-bnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;
  background:rgba(10,10,10,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.07);
  padding-bottom:env(safe-area-inset-bottom);}
.rs-bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:8px 0 7px;color:var(--rs-t3);text-decoration:none;font-size:9.5px;font-weight:600;position:relative;min-width:0;}
.rs-bnav a span{white-space:nowrap;}
.rs-bnav a img{width:23px;height:23px;object-fit:contain;}
.rs-bnav a.on{color:var(--rs-red);}
.rs-bnav a.reward img{width:30px;height:30px;margin-top:-6px;}
/* Premium tab — gold crown, always highlighted */
.rs-bnav a.prem span{color:var(--rs-gold);font-weight:700;}
.rs-bnav a.prem.on span{color:var(--rs-gold-lt);}
.rs-bnav a .dot{position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;
  background:var(--rs-red);border:1.5px solid #0a0a0a;}
/* "Minha Lista" png has no dark/selected variant — tint it: grey inactive, brand-red active */
.rs-bnav a.list img{filter:brightness(0) invert(.45);}
.rs-bnav a.list.on img{filter:brightness(0) saturate(100%) invert(27%) sepia(91%) saturate(2878%) hue-rotate(343deg) brightness(96%) contrast(91%);}
/* desktop header: Premium link uses the gold crown from the subscribe page */
.appnav .nav-prem{color:var(--rs-gold);font-weight:700;}
.appnav .nav-prem .nav-prem-ic{width:17px;height:17px;vertical-align:-3px;object-fit:contain;}
body.has-bnav{padding-bottom:64px;}

/* ---------- desktop: full-screen app layout (NO narrow phone column) ---------- */
@media(min-width:900px){
  body.rs{
    background:
      radial-gradient(1200px 560px at 50% -10%, rgba(120,72,20,.42), transparent 62%),
      radial-gradient(900px 520px at 92% 112%, rgba(255,117,163,.12), transparent 60%),
      #0b0b0b;
    background-attachment:fixed;
    min-height:100vh;
  }
  .rs-appbar{max-width:none;width:100%;background:rgba(10,10,10,.72);
    backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);height:58px;}
  .rs-appbar .rs-title{font-size:18px;}

  /* wide centered content — fills the screen, no side void */
  .rs-mine,.rs-vip,.rs-rew{max-width:1040px;min-height:auto;padding-top:28px;background:transparent;}

  /* RECOMPENSAS: 2-column desktop grid (rewards left, watch-bar right) */
  #panelR{display:grid;grid-template-columns:1.05fr .95fr;column-gap:28px;align-items:start;}
  #panelR>.rs-rew-head{grid-column:1/-1;text-align:left;padding-left:2px;}
  #panelR>.rs-saldo{grid-column:1;grid-row:2;margin:0 0 16px;}
  #panelR>.rs-earn-btn{grid-column:1;grid-row:3;margin:0;}
  #panelR>.rs-today{grid-column:1;grid-row:4;margin:16px 2px 0;}
  #panelR>.rs-watch{grid-column:2;grid-row:2/5;margin:0;height:100%;
    display:flex;flex-direction:column;justify-content:center;}

  /* GEMAS: center the panel, redeem in 3 columns */
  #panelV{max-width:680px;margin:0 auto;}
  .rs-redeem-grid{grid-template-columns:repeat(3,1fr);}

  /* PERFIL: clean single centered column (profile is a vertical list) */
  .rs-mine{max-width:620px;}

  /* CARTEIRA: comfortable width */
  .rs-wpage{max-width:720px;}

  /* VIP: hero-centric, comfortable width */
  .rs-vip{max-width:720px;}

  /* bottom nav is MOBILE-ONLY — on PC the navigation lives in the header */
  .rs-bnav{display:none !important;}
  body.has-bnav{padding-bottom:0;}
}
/* small phones: tighten the streak/plan spacing so nothing overflows */
@media(max-width:360px){
  .rs-streak{gap:7px;}
  .rs-day{padding:10px 2px 8px;}
  .rs-plan{width:108px;}
  .rs-benefits{grid-template-columns:1fr;}
}
/* desktop polish */
@media(hover:hover){
  .rs-plan:hover{border-color:var(--rs-gold-lt);transform:translateY(-2px);}
  .rs-sub-btn:hover,.rs-wallet .recharge:hover,.rs-vipbar .go:hover,.rs-gems-hero a:hover{filter:brightness(1.06);}
  .rs-claim:not(:disabled):hover{filter:brightness(1.06);}
  .rs-row:hover{background:rgba(255,255,255,.03);}
  .rs-langs a:hover{background:var(--rs-card4);}
}

/* ============================================================
   REWARDS v2 — watch-time bar + balance + gems
   ============================================================ */
.rs-rew-head{position:relative;padding:22px 18px 10px;overflow:hidden;}
.rs-rew-head h1{font-size:26px;font-weight:900;line-height:1.12;letter-spacing:.5px;margin:0;text-transform:uppercase;}
.rs-rew-head .coins-spill{position:absolute;right:-10px;top:6px;width:160px;opacity:.95;pointer-events:none;}
.rs-saldo{display:flex;align-items:center;justify-content:space-between;margin:6px 16px 14px;padding:15px 16px;
  border-radius:14px;background:var(--rs-card);text-decoration:none;color:var(--rs-t1);}
.rs-saldo .lab{font-size:15px;font-weight:600;color:var(--rs-t2);}
.rs-saldo .chev{color:var(--rs-t4);}
.rs-saldo .bal{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:900;color:var(--rs-gold);}
.rs-saldo .bal img{width:22px;height:22px;}

.rs-watch{margin:0 16px 16px;border-radius:16px;padding:16px;
  background:linear-gradient(135deg,#5a3410 0%,#3a2410 55%,#241606 100%);border:1px solid rgba(255,182,41,.18);}
.rs-watch .wt-head{display:flex;align-items:center;justify-content:space-between;}
.rs-watch .wt-title{font-size:15px;font-weight:800;color:var(--rs-gold-lt);}
.rs-watch .wt-q{width:20px;height:20px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:12px;cursor:pointer;}
.rs-watch .wt-sub{font-size:12px;color:#e9c79a;margin:4px 0 14px;}
.rs-watch-track{display:flex;justify-content:space-between;position:relative;}
.rs-watch-track::before{content:"";position:absolute;left:8%;right:8%;top:18px;height:3px;background:rgba(255,255,255,.15);border-radius:3px;}
.rs-wm{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;z-index:1;}
.rs-wm img{width:30px;height:30px;filter:grayscale(.6) opacity(.55);transition:.2s;}
.rs-wm.reached img{filter:none;}
.rs-wm.done img{filter:none;}
.rs-wm .wm-c{font-size:12px;font-weight:800;color:var(--rs-gold);}
.rs-wm .wm-min{font-size:10px;color:#cfa978;}
.rs-wm.done::after{content:"✓";position:absolute;top:-2px;right:18%;color:var(--rs-green);font-weight:900;font-size:11px;}
.rs-earn-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px;padding:15px;
  border-radius:28px;background:linear-gradient(180deg,#ff9ec0,#ff75a3);color:#fff;font-weight:900;font-size:16px;text-decoration:none;}
.rs-earn-btn svg{stroke:none;fill:#fff;}
.rs-today{display:flex;align-items:center;justify-content:space-between;margin:18px 18px 6px;font-size:14px;font-weight:700;}
.rs-today .reset{font-size:12px;color:var(--rs-t3);font-weight:500;}

/* gems balance + sub-tabs */
.rs-gem-bal{display:flex;align-items:center;justify-content:space-between;margin:14px 16px;padding:15px 16px;
  border-radius:14px;background:var(--rs-card);text-decoration:none;color:var(--rs-t1);}
.rs-gem-bal .lab{font-size:15px;font-weight:600;color:var(--rs-t2);}
.rs-gem-bal .chev{color:var(--rs-t4);}
.rs-gem-bal .bal{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:900;color:#7fd0ff;}
.rs-gem-bal .bal img{width:22px;height:22px;}
.rs-subtabs{display:flex;gap:8px;margin:0 16px 14px;background:var(--rs-card);border-radius:12px;padding:4px;}
.rs-subtab{flex:1;padding:10px;border:0;border-radius:9px;background:none;color:var(--rs-t3);font-size:14px;font-weight:700;cursor:pointer;}
.rs-subtab.on{background:linear-gradient(180deg,#5a3410,#3a2410);color:var(--rs-gold-lt);}

.rs-chest{margin:0 16px 14px;border-radius:16px;padding:20px 16px;text-align:center;
  background:radial-gradient(120% 90% at 50% 0%,#4a2e10,#1a1206 70%);border:1px solid rgba(255,182,41,.2);}
.rs-chest h2{font-size:17px;font-weight:900;color:var(--rs-gold-lt);margin:0 0 12px;}
.rs-chest .chest-img{width:140px;height:auto;margin:4px auto 12px;display:block;filter:drop-shadow(0 6px 20px rgba(255,182,41,.3));}
.rs-chest .chest-sub{font-size:13px;color:#e9c79a;margin-bottom:14px;}
.rs-chest .chest-sub .d{width:16px;vertical-align:-3px;}
.rs-chest-cta{width:100%;padding:14px;border:0;border-radius:24px;background:linear-gradient(180deg,#FFD98A,#FFB629);
  color:#5a2c00;font-weight:900;font-size:15px;cursor:pointer;}
.rs-chest-cta:disabled{background:var(--rs-card4);color:var(--rs-t3);}
.rs-chest .chest-pass-status{min-height:18px;margin-bottom:10px;}
.rs-chest .pass-on{color:var(--rs-green);font-size:13px;font-weight:700;}
.rs-chest .chest-pass-note{margin-top:10px;font-size:12px;color:var(--rs-t3);}
.rs-chest .chest-pass-note b{color:var(--rs-gold-lt);}
/* coin-cost chest */
.rs-chest .chest-cost{font-size:12.5px;color:#cdb389;margin:-4px 0 14px;}
.rs-chest .chest-cost .d{width:15px;vertical-align:-3px;}
.rs-chest .chest-cost b{color:var(--rs-gold-lt);}
.rs-chest-cta.locked{background:var(--rs-card4);color:var(--rs-t3);}
.rs-chest .chest-result{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;
  font-size:18px;font-weight:900;color:var(--rs-gold-lt);text-shadow:0 2px 14px rgba(255,182,41,.4);}
.rs-chest .chest-result img{width:24px;height:24px;}
.rs-chest .chest-result.pop{animation:chestPop .5s cubic-bezier(.2,1.4,.4,1);}
@keyframes chestPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
.rs-chest .chest-earn-link{display:inline-block;margin-top:12px;background:none;border:0;cursor:pointer;
  color:#e9c79a;font-size:12.5px;text-decoration:underline;opacity:.85;}
.rs-chest .chest-earn-link:hover{opacity:1;}
.rs-vip-price{display:flex;align-items:center;justify-content:space-between;margin:0 16px 4px;padding:14px 16px;
  border-radius:14px;background:linear-gradient(180deg,#FFE3A6,#FFB629);text-decoration:none;position:relative;overflow:hidden;}
.rs-vip-price .vp-left{display:flex;align-items:center;gap:12px;}
.rs-vip-price .vp-left img{width:34px;height:34px;}
.rs-vip-price .vp-now{font-size:20px;font-weight:900;color:#5a2c00;}
.rs-vip-price .vp-now small{font-size:13px;font-weight:700;}
.rs-vip-price .vp-old{font-size:12px;color:#8a5a1a;text-decoration:line-through;}
.rs-vip-price .vp-disc{background:var(--rs-red);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:12px;}
.rs-vip-pricenote{margin:8px 18px 0;font-size:11px;color:var(--rs-t3);text-align:center;}

/* real VIP plans list (inside Gemas VIP → Benefícios) */
.rs-viphead{display:flex;align-items:center;justify-content:space-between;margin:8px 16px 12px;font-size:15px;font-weight:800;}
.rs-viphead a{color:var(--rs-gold);font-size:13px;font-weight:700;text-decoration:none;}
.rs-viplist{display:flex;flex-direction:column;gap:10px;margin:0 16px;}
.rs-vipplan{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;text-decoration:none;
  background:linear-gradient(100deg,#2a1c12,#3d2616);border:1px solid rgba(255,182,41,.18);}
.rs-vipplan img{width:30px;height:30px;flex:0 0 auto;}
.rs-vipplan .vpl-mid{flex:1;min-width:0;}
.rs-vipplan .vpl-name{font-size:15px;font-weight:800;color:var(--rs-gold-lt);}
.rs-vipplan .vpl-days{font-size:12px;color:#cfa978;margin-top:2px;}
.rs-vipplan .vpl-badge{background:var(--rs-red);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:10px;}
.rs-vipplan .vpl-price{font-size:18px;font-weight:900;color:var(--rs-gold);white-space:nowrap;}
@media(hover:hover){.rs-vipplan:hover{border-color:var(--rs-gold);}}
/* selectable VIP plan rows (assinar page) — same design as the Gemas VIP list, but pickable */
.rs-vipsel{margin:0 16px;}
.rs-vipsel .rs-vipplan{cursor:pointer;border-width:2px;transition:border-color .15s,background .15s,box-shadow .15s;}
.rs-vipsel .rs-vipplan.sel{border-color:var(--rs-gold);background:linear-gradient(100deg,#3a2614,#54341a);box-shadow:0 6px 22px rgba(255,182,41,.20);}
@media(hover:hover){.rs-vipsel .rs-vipplan:hover{border-color:var(--rs-gold-lt);}}
.rs-vipplan .vpl-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--rs-line);flex:0 0 auto;position:relative;transition:.15s;}
.rs-vipplan.sel .vpl-radio{border-color:var(--rs-gold);background:var(--rs-gold);}
.rs-vipplan.sel .vpl-radio::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #3a2200;border-width:0 2px 2px 0;transform:rotate(45deg);}

.rs-redeem-top{display:flex;align-items:center;justify-content:space-between;margin:2px 18px 12px;font-size:15px;font-weight:800;}
.rs-redeem-top .guide-link{background:none;border:0;color:var(--rs-gold);font-size:13px;font-weight:700;cursor:pointer;}
.rs-redeem-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;}
.rs-ritem{background:var(--rs-card);border-radius:14px;padding:14px 10px 12px;text-align:center;position:relative;border:1px solid var(--rs-line);}
.rs-ritem.out{opacity:.55;}
.rs-ritem .ri-lim{position:absolute;top:6px;right:8px;font-size:10px;color:var(--rs-t3);background:rgba(0,0,0,.4);padding:2px 6px;border-radius:8px;}
.rs-ritem img{width:60px;height:60px;object-fit:contain;margin:6px auto 8px;display:block;}
.rs-ritem .ri-name{font-size:13px;font-weight:700;margin-bottom:10px;min-height:34px;display:flex;align-items:center;justify-content:center;}
.rs-ritem .ri-buy{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:9px;border:0;border-radius:10px;
  background:linear-gradient(180deg,#FFD98A,#FFB629);color:#5a2c00;font-weight:800;font-size:14px;cursor:pointer;}
.rs-ritem .ri-buy img{width:16px;height:16px;margin:0;display:inline;}
.rs-ritem .ri-buy:disabled{background:var(--rs-card4);color:var(--rs-t3);}

/* guide modal */
.rs-guide-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:60;}
.rs-guide{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--rs-w);z-index:61;
  background:#1a1a1a;border-radius:18px 18px 0 0;max-height:80vh;overflow-y:auto;padding:18px;}
.rs-guide-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.rs-guide-h b{font-size:17px;}
.rs-guide-h button{background:none;border:0;color:var(--rs-t2);cursor:pointer;}
.rs-guide-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.rs-guide-row:last-child{border-bottom:0;}
.rs-guide-row img{width:64px;height:64px;object-fit:contain;flex:0 0 auto;}
.rs-guide-row .gh{font-size:15px;font-weight:800;color:var(--rs-gold-lt);margin-bottom:6px;}
.rs-guide-row .gl{font-size:12px;color:var(--rs-t2);line-height:1.5;}

/* ============================================================
   CARTEIRA (wallet) — ReelShort theme, 3 balances
   ============================================================ */
.rs-wpage{max-width:var(--rs-w);margin:0 auto;padding:14px 16px 96px;min-height:calc(100vh - 54px);}
.rs-bal3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px;}
.rs-bal3 .bcard{background:var(--rs-card);border-radius:14px;padding:15px 8px;text-align:center;border:1px solid var(--rs-line);}
.rs-bal3 .bcard .bk{display:flex;align-items:center;justify-content:center;gap:5px;font-size:17px;font-weight:900;white-space:nowrap;}
.rs-bal3 .bcard .bk svg{stroke:#fff;}
.rs-bal3 .bcard.r .bk{color:#fff;}
.rs-bal3 .bcard.c .bk{color:var(--rs-gold);}
.rs-bal3 .bcard.d .bk{color:#7fd0ff;}
.rs-bal3 .bcard img{width:20px;height:20px;}
.rs-bal3 .bcard small{display:block;color:var(--rs-t3);font-size:11px;margin-top:5px;}
.rs-wnote{background:rgba(255,182,41,.08);border:1px solid rgba(255,182,41,.18);border-radius:12px;
  padding:11px 13px;font-size:12px;color:var(--rs-t2);line-height:1.5;}
.rs-wnote b{color:var(--rs-gold-lt);}
.rs-wsec{font-size:15px;font-weight:800;margin:18px 2px 12px;}
.rs-topups{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.rs-topup{background:var(--rs-card);border:1px solid var(--rs-line);border-radius:12px;padding:14px 4px;
  color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.15s;}
.rs-topup:hover{border-color:var(--rs-gold);}
.rs-topup-custom{display:flex;align-items:center;gap:8px;margin-top:12px;background:var(--rs-card);
  border:1px solid var(--rs-line);border-radius:12px;padding:6px 6px 6px 14px;}
.rs-topup-custom input{flex:1;background:none;border:0;color:#fff;font-size:15px;outline:none;}
.rs-topup-custom button{background:linear-gradient(180deg,#ff9ec0,#ff75a3);color:#fff;border:0;border-radius:9px;
  padding:11px 18px;font-weight:800;cursor:pointer;}
.rs-whist{background:var(--rs-card);border-radius:14px;overflow:hidden;}
.rs-wrow{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);}
.rs-wrow:last-child{border-bottom:0;}
.rs-wrow .wn{font-size:14px;}
.rs-wrow .wd{font-size:11px;color:var(--rs-t3);margin-top:3px;}
.rs-wrow .wa{font-weight:800;white-space:nowrap;}
.rs-wrow .wa.pos{color:var(--rs-green);}
.rs-wrow .wa.neg{color:var(--rs-red);}
.rs-wempty{padding:22px;text-align:center;color:var(--rs-t3);}

/* ============================================================
   "PARA VOCÊ" — reels feed
   ============================================================ */
.reels-body{overflow:hidden;height:100dvh;background:#000;}
.reels-body.has-bnav{padding-bottom:0;}
.rs-reels{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.rs-reels::-webkit-scrollbar{display:none;}
.reel{position:relative;height:100dvh;scroll-snap-align:start;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.reel-cover{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px) brightness(.5);transition:opacity .3s;}
.reel-video{position:relative;max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain;z-index:1;}
.reel-tapzone{position:absolute;inset:0;z-index:2;}
.reel-play{position:absolute;z-index:3;opacity:.85;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));}
.reel-rail{position:absolute;right:10px;bottom:120px;z-index:4;display:flex;flex-direction:column;gap:18px;align-items:center;}
.rl-btn{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;cursor:pointer;}
.rl-btn .rl-n{font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);}
.rl-btn svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));}
.reel-info{position:absolute;left:0;right:64px;bottom:78px;z-index:4;padding:0 14px;}
.reel-info .ri-head{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;margin-bottom:8px;}
.reel-info .ri-cover{width:34px;height:46px;border-radius:5px;object-fit:cover;flex:0 0 auto;}
.reel-info .ri-title{font-size:16px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.reel-info .ri-chips{display:flex;gap:6px;margin-bottom:8px;}
.reel-info .ri-chips .chip{background:rgba(255,255,255,.18);backdrop-filter:blur(4px);color:#fff;font-size:11px;padding:3px 9px;border-radius:11px;}
.reel-info .ri-syn{font-size:13px;color:rgba(255,255,255,.9);line-height:1.4;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.8);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.reel-info .ri-syn.open{-webkit-line-clamp:unset;}
.reel-info .ri-syn .syn-more{background:none;border:0;color:#fff;font-weight:700;cursor:pointer;padding:0;}
.reel-info .ri-cta{display:inline-flex;align-items:center;gap:7px;background:var(--rs-red);color:#fff;font-weight:800;font-size:15px;
  padding:11px 26px;border-radius:24px;text-decoration:none;box-shadow:0 4px 14px rgba(255,117,163,.4);}
.reels-empty{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rs-t3);z-index:0;}
.reels-toast{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:30;background:rgba(0,0,0,.85);
  color:#FFD98A;font-weight:700;font-size:14px;padding:10px 18px;border-radius:22px;border:1px solid rgba(255,182,41,.3);}
@media(min-width:900px){
  /* center reels as a phone column on desktop (vertical video is phone-shaped) */
  .rs-reels,.reel{max-width:440px;margin:0 auto;}
}

/* ---------- home: same warm ReelShort backdrop for visual consistency ---------- */
body.home:not(.rs){
  background:
    radial-gradient(1100px 520px at 50% 0%, rgba(120,72,20,.16), transparent 60%),
    #0b0b0b;
  background-attachment:fixed;
}

/* AmoDramas-style typography on themed screens */
.rs-title,.rs-rew-head h1,.rs-vip-hero h1,.rs-chest h2,.rs-gems-hero h2,.rs-rew-tab,.rs-sub-btn,.rs-earn-btn,.rs-claim{font-family:'Poppins','Montserrat',system-ui,sans-serif;}

/* ===== slide-in auth panel (login/cadastro) for guests ===== */
.rs-auth-bg{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:90;}
.rs-auth{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:88vw;z-index:91;background:#101012;
  border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 60px rgba(0,0,0,.6);
  padding:22px 22px 34px;overflow-y:auto;animation:authIn .28s cubic-bezier(.4,0,.2,1);font-family:'Montserrat',sans-serif;}
@keyframes authIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
.rs-auth-x{position:absolute;top:10px;right:14px;background:none;border:0;color:rgba(255,255,255,.6);font-size:28px;line-height:1;cursor:pointer;}
.rs-auth-hero{text-align:center;padding:16px 0 18px;}
.rs-auth-hero img{width:54px;height:54px;margin-bottom:8px;}
.rs-auth-hero h2{font-family:'Poppins','Montserrat',sans-serif;font-size:20px;font-weight:800;margin:0 0 6px;}
.rs-auth-hero p{font-size:13px;color:rgba(255,255,255,.55);margin:0;line-height:1.5;}
.rs-auth-tabs{display:flex;gap:6px;background:#1b1b1f;border-radius:12px;padding:4px;margin-bottom:16px;}
.rs-auth-tabs button{flex:1;padding:10px;border:0;border-radius:9px;background:none;color:rgba(255,255,255,.55);font-weight:700;font-size:14px;cursor:pointer;}
.rs-auth-tabs button.on{background:var(--accent,#ff75a3);color:#fff;}
.rs-auth form{display:flex;flex-direction:column;gap:11px;}
.rs-auth input{background:#1b1b1f;border:1px solid #2a2a30;border-radius:11px;padding:13px 14px;color:#fff;font-size:15px;outline:none;}
.rs-auth input:focus{border-color:var(--accent,#ff75a3);}
.rs-auth form button[type=submit]{margin-top:6px;background:var(--grad,linear-gradient(135deg,#ff9ec0,#ff4d8d));color:#fff;border:0;border-radius:24px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;}
.rs-auth-err{margin-top:12px;background:rgba(255,77,141,.12);border:1px solid rgba(255,77,141,.3);color:#ff9ec0;font-size:13px;padding:10px 12px;border-radius:10px;text-align:center;}
body.auth-open{overflow:hidden;}
@media(max-width:560px){.rs-auth{width:100%;max-width:100%;}}