.klyp-BalanceTriad{gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:stretch;display:grid}.klyp-BalanceCard{gap:var(--space-16);height:100%;min-height:0;padding:var(--padding-panel);background:var(--color-bg-surface);border-radius:var(--r-section);box-shadow:var(--fx-card-lift-shadow);transition:transform var(--duration-fast) var(--easing-standard), box-shadow var(--duration-normal) var(--easing-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.klyp-BalanceCard:hover{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.klyp-BalanceCard{transition:none}.klyp-BalanceCard:hover{transform:none}}.klyp-BalanceCard:before{content:"";border-radius:inherit;background:var(--color-border-subtle);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.klyp-BalanceCard__blob{pointer-events:none;width:135%;height:135%;filter:blur(var(--blur-32));opacity:0;transition:opacity var(--duration-normal) var(--easing-standard);z-index:0;position:absolute;top:-33.75%;left:-11.25%}.klyp-BalanceCard[data-primary] .klyp-BalanceCard__blob{background:radial-gradient(ellipse 50% 45% at 22% 35%, color-mix(in oklch, var(--color-fg-accent) 65%, transparent) 0%, color-mix(in oklch, var(--color-fg-accent) 25%, transparent) 35%, transparent 70%);mix-blend-mode:plus-lighter}.klyp-BalanceCard:not([data-primary]) .klyp-BalanceCard__blob{background:radial-gradient(50% 45% at 22% 35%,oklch(100% 5.96046e-8 none/.4) 0%,oklch(100% 5.96046e-8 none/.18) 35%,#0000 70%)}.klyp-BalanceCard:hover .klyp-BalanceCard__blob{opacity:1}.klyp-BalanceCard__header,.klyp-BalanceCard__amount,.klyp-BalanceCard__sub,.klyp-BalanceCard__action{z-index:1;position:relative}.klyp-BalanceCard:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:0;transition:opacity var(--duration-fast) var(--easing-standard);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.klyp-BalanceCard[data-primary]:after{background:linear-gradient(155deg, color-mix(in oklch, var(--color-fg-accent) 50%, transparent) 0%, color-mix(in oklch, var(--color-fg-accent) 1%, transparent) 44%);mix-blend-mode:plus-lighter}.klyp-BalanceCard:not([data-primary]):after{background:linear-gradient(155deg,oklch(100% 5.96046e-8 none/.5) 0%,oklch(100% 5.96046e-8 none/.01) 44%)}.klyp-BalanceCard:hover:after{opacity:1}.klyp-BalanceCard[data-primary]:hover{box-shadow:var(--fx-card-lift-shadow), var(--fx-card-inset-glow-gold)}.klyp-BalanceCard:not([data-primary]):hover{box-shadow:var(--fx-card-lift-shadow), var(--fx-card-inset-glow-silver)}@media (prefers-reduced-motion:reduce){.klyp-BalanceCard:after{transition:none}}.klyp-BalanceCard__header{justify-content:flex-start;align-items:center;gap:var(--space-8);display:flex}.klyp-BalanceCard__dot{border-radius:var(--radius-full);flex:none;align-self:center;width:8px;height:8px}.klyp-BalanceCard__dot[data-tone=success]{background:var(--color-status-success)}.klyp-BalanceCard__dot[data-tone=warning]{background:var(--color-status-warning)}.klyp-BalanceCard__dot[data-tone=danger]{background:var(--color-status-danger)}.klyp-BalanceCard__dot[data-tone=info]{background:var(--color-status-info)}.klyp-BalanceCard__dot[data-tone=accent]{background:var(--color-fg-accent)}.klyp-BalanceCard__dot[data-tone=neutral]{background:var(--color-fg-muted)}.klyp-BalanceCard__label{color:var(--color-fg-muted);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);line-height:1}.klyp-BalanceCard__amount{margin:0}.klyp-BalanceCard__sub{font-size:var(--font-size-12);color:var(--color-fg-muted);margin:0}.klyp-BalanceCard__action{align-items:center;gap:var(--space-8);margin-top:auto;display:flex}.klyp-BalanceCard[data-loading]{pointer-events:none}.klyp-BalanceCard[data-loading] .klyp-BalanceCard__sub,.klyp-BalanceCard[data-loading] .klyp-BalanceCard__action{opacity:.3}.klyp-BalanceCard[data-loading] .klyp-BalanceCard__amount{position:relative}.klyp-BalanceCard[data-loading] .klyp-BalanceCard__amount>*{opacity:0}.klyp-BalanceCard[data-loading] .klyp-BalanceCard__amount:after{content:"";background:var(--color-bg-surface-hover);border-radius:var(--r-chip);animation:1.4s ease-in-out infinite klyp-balance-card-skeleton-pulse;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.klyp-BalanceCard[data-loading] .klyp-BalanceCard__amount:after{opacity:.7;animation:none}}@keyframes klyp-balance-card-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}