/* The selected rate is server/report data, never a user-selectable reward tier. */
.ref-fee-tiers{--tier-accent:#87eeb6;--tier-glow:#78e0ab3d}
.ref-active-tier{display:flex;align-items:center;gap:15px;padding:18px 20px;margin:0 0 28px;border:1px solid #52876a;border-radius:14px;background:radial-gradient(ellipse at 0% 50%,#2449389c,transparent 70%),#101b18;box-shadow:0 8px 35px #0003,inset 0 1px 0 #abefc916}
.ref-active-orbit{display:grid;place-items:center;position:relative;width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1px solid #79dbaa8c;background:#234c3899;color:#9cf1c2;box-shadow:0 0 22px #73e6a725}
.ref-active-orbit:before{content:"";position:absolute;inset:-5px;border:1px solid #79dbaa40;border-radius:50%;animation:ref-tier-orbit 3s ease-in-out infinite}
.ref-active-orbit .icon{width:23px;height:23px}
.ref-active-tier>div{flex:1;min-width:0}.ref-active-tier small{display:block;font-size:9px;font-weight:650;letter-spacing:1.6px;color:#81cba0;margin-bottom:6px}
.ref-active-tier strong{display:block;font-size:18px;line-height:1.4;color:#e6fff0;font-weight:650}.ref-active-tier strong>span{font-size:13px;font-weight:450;color:#b1d8c1}
.ref-active-tier p{font-size:10px;color:#98b8a6;margin:7px 0 0;line-height:1.7}
.ref-active-tier>b{font-size:36px;font-weight:600;letter-spacing:-1.3px;color:#abf5c9;font-variant-numeric:tabular-nums}.ref-active-tier>b em{font-size:19px;font-style:normal;margin-left:1px}
.ref-fee-tiers .ref-tier-grid{padding-top:8px}
.ref-fee-tiers .ref-tier-card.current{overflow:visible;border-color:var(--tier-accent);background:radial-gradient(ellipse at 50% 0%,#28513b88,transparent 65%),#111d18;box-shadow:0 0 0 1px #75dca02b,0 9px 35px #70d39c14}
.ref-fee-tiers .ref-tier-card.current:before{content:"";position:absolute;inset:-1px;border:1px solid var(--tier-accent);border-radius:inherit;box-shadow:0 0 20px var(--tier-glow);opacity:.55;pointer-events:none;animation:ref-tier-glow 3.2s ease-in-out infinite}
.ref-fee-tiers .ref-tier-kol.current{--tier-accent:#f0d487;--tier-glow:#dfc17638;background:radial-gradient(ellipse at 50% 0%,#66542b66,transparent 65%),#1b1811}
.ref-tier-marker{position:absolute;z-index:1;top:-12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 12px;border:1px solid #82dba5;border-radius:20px;background:#1c3c2b;color:#c8f9dc;font-size:9px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 18px #030b0780}
.ref-tier-marker:after{content:"";position:absolute;left:calc(50% - 3px);bottom:-4px;width:6px;height:6px;background:#1c3c2b;border-right:1px solid #82dba5;border-bottom:1px solid #82dba5;transform:rotate(45deg)}
.ref-tier-marker>i{width:5px;height:5px;border-radius:50%;background:#96efb7;box-shadow:0 0 8px #81e6a7}
.ref-fee-tiers .ref-tier-current{border-radius:0 0 8px 8px;background:#204530;color:#b8f3cc}
@keyframes ref-tier-glow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes ref-tier-orbit{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.07);opacity:.9}}
@media(max-width:760px), (pointer:coarse) and (hover:none) and (max-height:760px){.ref-active-tier{gap:12px;padding:17px 14px;margin-bottom:30px}.ref-active-orbit{width:38px;height:38px}.ref-active-tier strong{font-size:16px}.ref-active-tier strong>span{display:block;font-size:11px;margin-top:3px}.ref-active-tier>b{font-size:29px}.ref-active-tier>b em{font-size:16px}.ref-fee-tiers .ref-tier-grid{gap:28px}.ref-tier-marker{font-size:8px;padding:7px 11px}}
@media(prefers-reduced-motion:reduce){.ref-active-orbit:before,.ref-fee-tiers .ref-tier-card.current:before{animation:none;opacity:.8}}