.credit-control-strip{display:block;margin:14px 0 20px}
.credit-control-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:104px;padding:18px 20px;border:1px solid rgba(244,204,107,.28);border-radius:22px;background:linear-gradient(135deg,rgba(12,31,51,.98),rgba(5,16,29,.96));box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)}
.credit-control-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 8% 20%,rgba(91,201,255,.12),transparent 30%),radial-gradient(circle at 88% 8%,rgba(244,204,107,.1),transparent 34%);pointer-events:none}
.credit-control-card::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#ffe08b,#d69b2b 52%,#63cfff);box-shadow:0 0 18px rgba(244,204,107,.24)}
.credit-control-icon{--credit-icon-accent:#f2c76a;position:relative;isolation:isolate;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.3) 0 3%,rgba(255,240,181,.12) 4% 13%,transparent 27%),radial-gradient(circle at 48% 42%,#243749 0,#16293b 46%,#091724 73%,#040c14 100%);color:var(--credit-icon-accent);box-shadow:inset -8px -10px 16px rgba(0,0,0,.46),inset 6px 7px 13px rgba(120,193,225,.1),0 8px 20px rgba(0,0,0,.25),0 0 15px rgba(242,199,106,.09);transform:translateZ(0);will-change:transform,box-shadow}
.credit-control-icon>span{position:relative;z-index:3;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:15px;font-weight:950;letter-spacing:.08em;line-height:1;color:transparent;background:linear-gradient(135deg,#fff5c7 5%,var(--credit-icon-accent) 48%,#c88d27 96%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px rgba(242,199,106,.18)}
.credit-control-icon>span::before{content:"";position:absolute;z-index:-1;inset:5px 13px;border:1px solid rgba(166,218,238,.22);border-radius:50%;box-shadow:8px 0 0 -7px rgba(166,218,238,.18),-8px 0 0 -7px rgba(166,218,238,.18);animation:credit-globe-meridian 7s ease-in-out infinite}
.credit-control-icon>span::after{content:"";position:absolute;z-index:-1;inset:16px 4px;border-top:1px solid rgba(166,218,238,.2);border-bottom:1px solid rgba(166,218,238,.12);border-radius:50%;transform:rotate(-8deg)}
.credit-control-icon::before{content:"";position:absolute;z-index:1;inset:2px;border-radius:50%;background:conic-gradient(from 18deg,transparent 0 34%,rgba(244,204,107,.5) 40%,transparent 47% 80%,rgba(126,217,255,.24) 87%,transparent 94%);opacity:.72;animation:credit-icon-orbit 10s linear infinite;mask:radial-gradient(circle,transparent 0 83%,#000 85%);-webkit-mask:radial-gradient(circle,transparent 0 83%,#000 85%)}
.credit-control-icon::after{content:"";position:absolute;z-index:4;width:4px;height:4px;border-radius:50%;background:#fff4bd;box-shadow:0 0 7px 2px var(--credit-icon-accent);transform:translate(13px,-13px);animation:credit-icon-signal 2.8s ease-in-out infinite}
.credit-control-icon-ai{box-shadow:inset -8px -10px 16px rgba(0,0,0,.46),inset 6px 7px 13px rgba(126,217,255,.13),0 8px 20px rgba(0,0,0,.25),0 0 15px rgba(126,217,255,.08)}
.credit-control-icon-ea::after{animation-delay:-1.4s}
.credit-control-card:hover .credit-control-icon{transform:translateY(-2px) scale(1.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -10px 18px rgba(0,0,0,.2),0 12px 25px rgba(0,0,0,.28),0 0 18px rgba(242,199,106,.08)}
.credit-control-icon,.credit-control-card{transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,border-color .42s ease}
@keyframes credit-icon-orbit{to{transform:rotate(360deg)}}
@keyframes credit-icon-signal{0%,100%{opacity:.42;transform:translate(13px,-13px) scale(.72)}50%{opacity:1;transform:translate(13px,-13px) scale(1.12)}}
@keyframes credit-globe-meridian{0%,100%{transform:scaleX(.72);opacity:.55}50%{transform:scaleX(1.08);opacity:.95}}
.credit-control-copy{min-width:0}.credit-control-copy span{display:block;color:#9eb1c6;font-size:12px;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,0,0,.28)}.credit-control-copy strong{display:block;margin-top:5px;color:#f6f9fd;font-size:18px;font-weight:820;letter-spacing:-.018em;text-shadow:0 1px 10px rgba(112,170,214,.1)}
.credit-control-value{min-width:0;text-align:right}.credit-control-value strong{display:block;max-width:100%;overflow:hidden;color:transparent;background:linear-gradient(180deg,#fff3ba 0,#f4ca68 46%,#d99b27 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 5px 18px rgba(224,164,44,.12)}.credit-control-value small{display:block;margin-top:8px;color:#b1c0d0;font-size:11px;font-weight:590;letter-spacing:.015em;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.credit-control-card.is-unlimited .credit-control-value strong{font-size:16px}.credit-control-card.is-error{border-color:rgba(255,105,105,.28)}
.credit-control-daily{grid-column:2/4;display:flex;align-items:center;gap:7px;min-width:0;margin-top:-5px;color:#a9bdd1;font-size:11px;font-weight:650;line-height:1.45;letter-spacing:.008em}.credit-control-daily-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#53d7ad;box-shadow:0 0 9px rgba(83,215,173,.58)}
.credit-control-upgrade{grid-column:2/4;justify-self:start;position:relative;margin-top:-4px;padding:2px 20px 2px 0;color:#eac763;font-size:11px;font-weight:760;letter-spacing:.012em;line-height:1.45;text-decoration:none;text-shadow:0 1px 10px rgba(223,166,46,.13);transition:color .25s ease,transform .35s cubic-bezier(.22,1,.36,1),text-shadow .25s ease}
.credit-control-upgrade::after{content:"→";position:absolute;right:0;top:1px;color:#f3ce75;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.credit-control-upgrade:hover,.credit-control-upgrade:focus-visible{color:#ffe39a;text-shadow:0 0 13px rgba(243,206,117,.28);transform:translateX(2px)}
.credit-control-upgrade:hover::after,.credit-control-upgrade:focus-visible::after{transform:translateX(3px)}
.credit-control-upgrade:focus-visible{outline:2px solid rgba(243,206,117,.55);outline-offset:4px;border-radius:2px}
.credit-control-upgrade[hidden]{display:none}
html[data-theme="light"] .credit-control-card,body.light-mode .credit-control-card{background:linear-gradient(135deg,#fff,#f7fafc);border-color:#d7c48b;box-shadow:0 14px 34px rgba(24,45,76,.1)}
html[data-theme="light"] .credit-control-copy strong,body.light-mode .credit-control-copy strong{color:#14243a}
html[data-theme="light"] .credit-control-copy span,body.light-mode .credit-control-copy span{color:#60748a;text-shadow:none}
html[data-theme="light"] .credit-control-value small,body.light-mode .credit-control-value small{color:#65768a;text-shadow:none}
html[data-theme="light"] .credit-control-daily,body.light-mode .credit-control-daily{color:#536b82}html[data-theme="light"] .credit-control-daily-dot,body.light-mode .credit-control-daily-dot{background:#178b69;box-shadow:0 0 7px rgba(23,139,105,.28)}
html[data-theme="light"] .credit-control-upgrade,body.light-mode .credit-control-upgrade{color:#9a6815;text-shadow:none}
html[data-theme="light"] .credit-control-icon,body.light-mode .credit-control-icon{background:radial-gradient(circle at 31% 25%,#fff 0 4%,rgba(255,255,255,.55) 5% 18%,transparent 31%),radial-gradient(circle at 48% 42%,#eaf4fa 0,#cbdde8 54%,#91a9b9 100%);box-shadow:inset -7px -9px 14px rgba(57,78,96,.2),inset 5px 6px 12px rgba(255,255,255,.75),0 8px 20px rgba(24,45,76,.14)}
@media(max-width:760px){.credit-control-card{grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:0;padding:15px 15px 14px;border-radius:18px}.credit-control-icon{width:44px;height:44px}.credit-control-value{grid-column:1/3;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid rgba(157,183,214,.14);text-align:left}.credit-control-value strong{font-size:clamp(25px,9vw,32px)}.credit-control-value small{margin:0 0 2px;text-align:right}.credit-control-daily{grid-column:1/3;margin-top:-2px}.credit-control-upgrade{grid-column:1/3;margin-top:0;padding:5px 20px 1px 0}.credit-control-copy strong{font-size:16px}}
@media(max-width:390px){.credit-control-value{display:block}.credit-control-value small{margin-top:7px;text-align:left}.credit-control-card{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.credit-control-icon,.credit-control-card{transition:none}.credit-control-icon::before,.credit-control-icon::after,.credit-control-icon>span::before{animation:none}}