*{box-sizing:border-box}html,body{margin:0;background:transparent;color:#f2f2f7;font-family:Montserrat,Arial,sans-serif}body{padding:12px}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #2cd97d;outline-offset:3px}[hidden]{display:none!important}#sidebar{display:grid;gap:14px}.weekly,.daily{position:relative;border:1px solid #5570864a;border-radius:12px;background:#0f1922;box-shadow:inset 0 4px 15px #202f3c;overflow:hidden}.weekly{width:100%;min-height:49px;display:flex;align-items:center;text-align:left;padding:4px 12px 4px 7px;gap:9px;color:inherit}.weekly>img{width:46px;height:40px;object-fit:contain;filter:drop-shadow(0 0 7px #deb63c66)}.weekly strong{display:block;color:#2cd97d;font:900 14px/18px Arial,sans-serif}.weekly small{display:block;font:10px/14px Arial,sans-serif}.vip-ribbon{display:none;position:absolute;right:-23px;top:5px;width:78px;transform:rotate(45deg);background:#00e54b;color:#08180e;text-align:center;font-size:13px;line-height:22px}.daily{padding:8px 19px 16px;min-height:200px}.gift{position:absolute;top:9px;left:0;width:72px;height:72px;object-fit:contain}.daily-copy{margin-left:55px;min-height:99px}h1,p{margin:0}.daily h1{color:#2cd97d;font:900 14px/20px Arial,sans-serif}.daily p{font:10px/14px Arial,sans-serif}.amount{display:block;font:700 24px/29px Arial,sans-serif;margin-top:7px}.schedule{display:block;font:8px/13px Arial,sans-serif;color:#a3afcc}.info{position:absolute;right:8px;top:7px;border:0;padding:0;background:none;width:16px;height:16px}.info img{width:16px;height:16px}.actions{display:grid;gap:8px}.actions button{width:100%;min-height:32px;border-radius:6px;font-size:12px;font-weight:600;padding:6px;border:1px solid #2cd97d}.view{color:#2cd97d;background:transparent;box-shadow:0 0 7px #2cd97d22}.claim{color:#07130d;background:#2cd97d}.claim:disabled{background:#253545;border-color:#253545;color:#a3afcc;cursor:default}.vip .weekly,.vip .daily{background:#101111;box-shadow:inset 0 4px 15px #242425}.vip .vip-ribbon{display:block}.vip .view{display:none}.vip .daily{min-height:170px}.vip .daily-copy{min-height:84px}.vip .claim:disabled{background:#25272b;border-color:#343a3e}.weekly span{padding-right:8px}.vip .weekly span{padding-right:15px}#sidebar-message{font-size:11px;color:#a3afcc;margin:8px 0}#sidebar-message:empty{display:none}#sidebar-banners{display:grid;gap:12px;margin-top:16px}#sidebar-banners:empty{display:none}#sidebar-banners a,#sidebar-banners picture,#sidebar-banners img{display:block;width:100%}#sidebar-banners img{height:auto;border-radius:10px}#sidebar-banners a:focus-visible{outline:2px solid #2cd97d;border-radius:10px}
.claim.countdown{display:flex;align-items:center;justify-content:center;gap:6px}.claim.countdown:before{content:"";display:block;flex:none;width:15px;height:15px;background:url(sidebar/clock.svg) center/contain no-repeat}
body:has(#sidebar[hidden]):has(#sidebar-banners:empty):has(#sidebar-message:empty){padding:0}#sidebar[hidden]~#sidebar-banners{margin-top:0}
/* The host expands this iframe from measured content height; no nested scrollport. */
html,body{overflow:hidden;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
/* Current artwork includes its own spacing. */
#sidebar-banners{gap:0}
/* Sidebar artwork fills the available iframe width. */
body{padding:0}
/* VIP sidebar reference: near-black panels with restrained edge lighting. */
.vip .daily{min-height:212px;background:radial-gradient(ellipse at 42% 0%,#12312680 0%,#07100ca8 34%,transparent 66%),linear-gradient(145deg,#101919 0%,#010403 62%,#040607 100%);border-color:#235347;box-shadow:inset 0 1px 7px #8496a029,inset 0 -1px 6px #1ed47d1c}
.vip .daily-copy{min-height:109px}
.vip .view{display:block;background:#020805;border-color:#19d978;box-shadow:0 0 7px #13df7055,inset 0 0 5px #15da702b}
.vip .view:hover{background:#0b1c13}
.vip .weekly{min-height:52px;background:radial-gradient(ellipse at 9% 0%,#56513b66,transparent 51%),linear-gradient(120deg,#242625 0%,#101313 45%,#060909 100%);border-color:#404745;box-shadow:inset 0 1px 6px #b7c0bf22;overflow:visible}
.vip .weekly>span{padding-right:28px}
.vip .vip-ribbon{display:flex;align-items:center;justify-content:flex-end;right:-1px;top:-2px;width:49px;height:49px;padding:0;background:#00e84e;transform:none;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%);border-radius:0 11px 0 0;font-size:0;line-height:1;pointer-events:none}
.vip .vip-ribbon:after{content:'VIP';position:absolute;top:12px;right:1px;transform:rotate(45deg);font-size:14px;font-weight:900;color:#06391b}
/* Equal-width digits keep the centered countdown and clock stationary. */
.claim.countdown{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;white-space:nowrap}
/* Cashback is available in the sidebar only for VIP users. */
body:not(.vip) #sidebar > .weekly{display:none!important}
/* Localized sidebar labels must use content height, not clip at the panel edge. */
.weekly>img{flex-shrink:0}.weekly>span{min-width:0;flex:1}.weekly strong,.weekly small,.daily h1,.daily p{overflow-wrap:anywhere;hyphens:none}.daily-copy{padding-right:5px;padding-bottom:10px}.daily h1{padding-right:8px}.amount{max-width:100%;white-space:nowrap}.actions button{line-height:1.35;overflow-wrap:anywhere}.claim.countdown{white-space:normal;min-width:0}.claim.countdown:before{flex-shrink:0}