.rabtoon-story-support{margin:20px 0 28px;padding:20px 22px;border:1px solid rgba(0,26,70,.1);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fffaf6 100%);box-shadow:0 10px 28px rgba(0,26,70,.045);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;position:relative;overflow:hidden}.rabtoon-story-support:before{content:"";position:absolute;inset-inline-start:-56px;top:-72px;width:150px;height:150px;border-radius:50%;background:rgba(255,126,51,.055);pointer-events:none}.rabtoon-story-support__icon{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#001a46 0%,#0c3b4a 100%);color:#ff7e33;display:grid;place-items:center;box-shadow:0 9px 20px rgba(0,26,70,.14),inset 0 0 0 1px rgba(255,255,255,.08)}.rabtoon-story-support__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rabtoon-story-support__icon .rabtoon-story-support__icon-box{fill:rgba(255,126,51,.08)}.rabtoon-story-support__icon .rabtoon-story-support__icon-lid{fill:rgba(255,126,51,.14)}.rabtoon-story-support__icon .rabtoon-story-support__icon-heart{fill:#ff7e33;stroke:#ff7e33}.rabtoon-story-support__copy{position:relative;z-index:1;display:grid;gap:6px;min-width:0}.rabtoon-story-support__copy strong{color:#001a46;font-size:16px;line-height:1.35;font-weight:800}.rabtoon-story-support__copy small{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#667085;font-size:12.5px;line-height:1.45}.rabtoon-story-support__copy small b{color:#ff7e33;font-size:13px}.rabtoon-story-support__separator{color:#c7ced8;margin-inline:1px}.rabtoon-story-support__action{position:relative;z-index:1;display:grid;justify-items:end;gap:8px}.rabtoon-story-support__balance{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:4px 10px;border-radius:999px;background:#f4f7fb;color:#475467;font-size:11.5px;font-weight:700;line-height:1}.rabtoon-story-support__balance b{color:#001a46}.rabtoon-story-support__balance-label{display:inline-block}.rabtoon-story-support__action button,.rabtoon-story-support__action>a{min-height:44px;border:0;border-radius:999px;padding:10px 20px;background:linear-gradient(135deg,#ff7e33 0%,#ff9258 100%);box-shadow:0 8px 18px rgba(255,126,51,.18);color:#fff!important;font-weight:800;text-decoration:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.rabtoon-story-support__action button:hover,.rabtoon-story-support__action>a:hover{background:linear-gradient(135deg,#f36f27 0%,#ff8642 100%);box-shadow:0 10px 22px rgba(255,126,51,.24);color:#fff!important;transform:translateY(-1px)}.rabtoon-story-support__action button:focus-visible,.rabtoon-story-support__action>a:focus-visible{outline:3px solid rgba(255,126,51,.22);outline-offset:3px}.rabtoon-story-support__action button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.rabtoon-story-support__notice{font-size:12px;max-width:280px;text-align:end;line-height:1.4}.rabtoon-story-support__notice:empty{display:none}.rabtoon-story-support__notice.is-success{color:#15803d}.rabtoon-story-support__notice.is-error{color:#b42318}.rabtoon-wallet{margin:0 0 24px;padding:22px;border:1px solid #e7ebf0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(0,26,70,.05)}.rabtoon-wallet__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.rabtoon-wallet__head>div>span{display:block;color:#ff7e33;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rabtoon-wallet__head h2{margin:3px 0 0;color:#001a46;font-size:22px}.rabtoon-wallet__head>strong{padding:10px 15px;border-radius:999px;background:#001a46;color:#fff;font-size:14px;white-space:nowrap}.rabtoon-wallet__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.rabtoon-wallet__stats>div{padding:14px 16px;border-radius:14px;background:#f7f9fc}.rabtoon-wallet__stats b,.rabtoon-wallet__stats span{display:block}.rabtoon-wallet__stats b{font-size:20px;color:#001a46}.rabtoon-wallet__stats span{margin-top:2px;color:#667085;font-size:12px}.rabtoon-wallet__activity{margin-top:18px;border-top:1px solid #eef1f5;padding-top:16px}.rabtoon-wallet__activity h3{margin:0 0 10px;color:#001a46;font-size:15px}.rabtoon-wallet__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #f1f3f6}.rabtoon-wallet__row:last-child{border-bottom:0}.rabtoon-wallet__row>span{display:grid;gap:1px}.rabtoon-wallet__row strong{font-size:13px;color:#1d2939}.rabtoon-wallet__row small{font-size:11px;color:#98a2b3}.rabtoon-wallet__row>b{font-size:13px}.rabtoon-wallet__row>b.is-plus{color:#15803d}.rabtoon-wallet__row>b.is-minus{color:#b42318}.rabtoon-points-toast{position:fixed;inset-inline-end:22px;bottom:22px;z-index:10050;padding:11px 15px;border-radius:999px;background:#001a46;color:#fff;font-size:13px;font-weight:800;box-shadow:0 14px 30px rgba(0,26,70,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.rabtoon-points-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:700px){.rabtoon-story-support{grid-template-columns:auto minmax(0,1fr);gap:14px;margin:18px 0 24px;padding:16px}.rabtoon-story-support__icon{width:46px;height:46px;border-radius:14px}.rabtoon-story-support__icon svg{width:26px;height:26px}.rabtoon-story-support__copy{gap:5px}.rabtoon-story-support__copy strong{font-size:15px}.rabtoon-story-support__copy small{font-size:12px}.rabtoon-story-support__action{grid-column:1/-1;width:100%;justify-items:stretch;gap:8px}.rabtoon-story-support__action button,.rabtoon-story-support__action>a{width:100%;min-height:44px}.rabtoon-story-support__balance{justify-self:center}.rabtoon-story-support__notice{text-align:center;max-width:none}.rabtoon-wallet{padding:18px 16px}.rabtoon-wallet__head{align-items:flex-start;flex-direction:column}.rabtoon-wallet__stats{grid-template-columns:1fr 1fr}.rabtoon-points-toast{inset-inline:14px;bottom:16px;text-align:center}}
@media(max-width:420px){.rabtoon-wallet__stats{grid-template-columns:1fr}.rabtoon-story-support{padding:15px 14px;margin-bottom:22px}.rabtoon-story-support__icon{width:42px;height:42px;border-radius:13px}.rabtoon-story-support__icon svg{width:24px;height:24px}}

/* v1.15.13 — compact story support actions on phones */
@media(max-width:720px){
.rabtoon-story-support{margin:16px 0 20px;padding:14px;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px}
.rabtoon-story-support__icon{width:44px;height:44px;border-radius:13px}
.rabtoon-story-support__icon svg{width:25px;height:25px}
.rabtoon-story-support__copy strong{font-size:14px}
.rabtoon-story-support__copy small{font-size:11.5px;line-height:1.4}
.rabtoon-story-support__action{grid-column:1/-1;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.rabtoon-story-support__balance{flex:0 0 auto;justify-self:auto;min-height:28px;padding-inline:9px}
.rabtoon-story-support__action button,.rabtoon-story-support__action>a{width:auto;max-width:220px;min-width:120px;min-height:42px;flex:1 1 140px;padding:9px 14px;white-space:normal;text-align:center;line-height:1.2}
.rabtoon-story-support__notice{flex:1 0 100%;width:100%;max-width:none;text-align:center}
}
@media(max-width:380px){
.rabtoon-story-support{padding:13px 12px}
.rabtoon-story-support__action{justify-content:center}
.rabtoon-story-support__action button,.rabtoon-story-support__action>a{flex:1 1 120px;min-width:108px;padding-inline:10px;font-size:12px}
.rabtoon-story-support__balance{font-size:10.5px}
}
html[dir="rtl"] .rabtoon-story-support__copy,html[dir="rtl"] .rabtoon-story-support__notice{text-align:start}

/* v1.15.15 — match the Story Support CTA to the compact Story mobile actions. */
@media(max-width:720px){
.rabtoon-story-support__action{justify-content:center}
.rabtoon-story-support__action button,.rabtoon-story-support__action>a{flex:0 1 calc((100% - 16px)/3);width:calc((100% - 16px)/3);min-width:0;max-width:none;height:42px;min-height:42px;padding:5px 7px;font-size:11.5px;line-height:1.12;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:430px){
.rabtoon-story-support__action button,.rabtoon-story-support__action>a{height:40px;min-height:40px;padding-inline:5px;font-size:11px}
}
@media(max-width:340px){
.rabtoon-story-support__action{gap:6px}
.rabtoon-story-support__action button,.rabtoon-story-support__action>a{flex-basis:calc((100% - 12px)/3);width:calc((100% - 12px)/3);font-size:10.5px}
}


/* v1.15.16 — Story Support mobile actions follow the active language direction. */
@media(max-width:720px){
html[dir="ltr"] .rabtoon-story-support__action{direction:ltr}
html[dir="rtl"] .rabtoon-story-support__action{direction:rtl}
html[dir="ltr"] .rabtoon-story-support__action button,html[dir="ltr"] .rabtoon-story-support__action>a{direction:ltr}
html[dir="rtl"] .rabtoon-story-support__action button,html[dir="rtl"] .rabtoon-story-support__action>a{direction:rtl}
}