.app-brand-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.app-brand-shell{display:inline-flex;align-items:center;gap:.75rem}
.app-brand-icon{display:inline-flex;flex-shrink:0;width:24px;height:24px}
.app-brand-icon svg{display:block;width:100%;height:100%}
.app-brand-name{color:#fff;white-space:nowrap;font-size:1rem;font-weight:700;letter-spacing:.01em}
.app-page-content{position:relative}
.app-reveal-item{opacity:0;transform:translateY(18px) scale(.985)}
.app-page-ready .app-reveal-item{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--app-reveal-delay,0ms)}
.app-page-ready .qwerty{transition:transform .18s ease,box-shadow .22s ease,filter .22s ease}
.app-page-ready .qwerty:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 14px 28px rgba(44,116,255,.18)}
.app-stake-section-reveal{opacity:0;transform:translateY(22px) scale(.988)}
.app-page-ready .app-stake-section-reveal{opacity:1;transform:none;transition:opacity .62s ease,transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--app-stake-section-delay,140ms)}
.app-stake-panel .app-stake-block-reveal{opacity:0;transform:translateY(14px)}
.app-page-ready .app-stake-panel[data-state="active"] .app-stake-block-reveal{opacity:1;transform:none;transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1);transition-delay:var(--app-stake-block-delay,220ms)}
.app-validator-section{opacity:0;transform:translateY(18px)}
.app-page-ready .app-validator-section{opacity:1;transform:none;transition:opacity .56s ease,transform .62s cubic-bezier(.22,1,.36,1);transition-delay:var(--app-validator-section-delay,120ms)}
.app-validator-card{opacity:0;transform:translateY(14px) scale(.992)}
.app-page-ready .app-validator-card{opacity:1;transform:none;transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1);transition-delay:var(--app-validator-card-delay,220ms)}
.app-page-ready .app-stake-overview-section > div > div,
.app-page-ready .app-stake-form-section > :not(.app-stake-section-title),
.app-page-ready .app-stake-table-section [data-slot="table-container"]{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.app-page-ready .app-stake-overview-section > div > div:hover,
.app-page-ready .app-stake-form-section > :not(.app-stake-section-title):hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.22)}
.app-page-ready .app-validator-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.app-market-card{will-change:transform,opacity;position:relative}
.app-market-card__price,
.app-market-card__change{white-space:nowrap}
.app-market-card[data-loading="true"]{min-height:1.4rem}
.app-market-card[data-loading="true"] > *{opacity:0}
.app-market-card[data-loading="true"]::after{content:"";position:absolute;top:50%;left:0;right:0;height:1.15rem;transform:translateY(-50%);border-radius:.7rem;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.06) 100%);background-size:220% 100%;animation:app-skeleton-shimmer 1.2s linear infinite}
.app-skeleton{color:transparent!important;vertical-align:middle;line-height:1;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.06) 100%);background-size:220% 100%;animation:app-skeleton-shimmer 1.25s linear infinite;border-radius:.625rem}
.app-skeleton--price{display:inline-flex;align-items:center;width:5.25rem;max-width:100%;height:1.3rem;border-radius:.55rem}
.app-skeleton--change{display:inline-flex;align-items:center;width:3.2rem;max-width:100%;height:.78rem;border-radius:.45rem}
.app-skeleton--overview{display:inline-flex;align-items:center;width:5rem;max-width:100%;height:1.3rem;border-radius:.55rem}
.app-skeleton--metric{display:inline-flex;align-items:center;width:4.9rem;max-width:100%;height:1.7rem;border-radius:.55rem}
.app-brand-link,
button,
[role="button"],
[aria-expanded],
[data-page-link]{cursor:pointer}
button:disabled,
[role="button"][aria-disabled="true"]{cursor:not-allowed}
.app-nav-link__label svg{flex-shrink:0}
.app-nav-link__icon{display:inline-flex;align-items:center;justify-content:center;color:#aeb3c7;flex:0 0 20px;min-width:20px;position:relative;z-index:1}
.app-nav-link__icon svg{display:block}
.app-nav-link__text{color:#f2f4fa;position:relative;z-index:1}
.app-nav-link__label{position:relative;z-index:1}
.app-nav-link--active .app-nav-link__text{background:linear-gradient(90deg,#00ffbf 0%,#4aa4ff 52%,#9c42f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-nav-link--active .app-nav-link__icon{color:#f2f4fa}
.app-mobile-drawer{z-index:60;position:fixed;inset:0}
.app-mobile-drawer__backdrop{opacity:0;background:#030812b8;transition:opacity .3s ease;position:absolute;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.app-mobile-drawer__panel{background:#050b15f5;flex-direction:column;gap:1rem;width:100vw;height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .24s ease;display:flex;position:absolute;top:0;left:0;overflow-y:auto;transform:translateX(-100%);opacity:.96;box-shadow:0 18px 48px #00000059}
.app-mobile-drawer[data-open=true] .app-mobile-drawer__backdrop{opacity:1}
.app-mobile-drawer[data-open=true] .app-mobile-drawer__panel{transform:translateX(0);opacity:1}
.app-mobile-drawer__header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.25rem .25rem;display:flex}
.app-mobile-drawer__nav{flex-direction:column;gap:.25rem;padding:.25rem 1rem 1.25rem;display:flex}
.app-mobile-nav-link{border-radius:1.25rem;gap:1rem;padding:.125rem .375rem}
.app-mobile-nav-link .app-nav-link__label{border-bottom:1px solid rgba(255,255,255,.06);padding-inline:.25rem}
.app-mobile-nav-link.app-nav-link--active{background:linear-gradient(90deg,rgba(0,255,191,.08) 0%,rgba(74,164,255,.07) 52%,rgba(156,66,245,.08) 100%)}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__label{border-bottom-color:rgba(255,255,255,.12)}
.app-mobile-nav-link > div:first-child{position:relative;z-index:0;flex-shrink:0}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__icon{color:#f2f4fa;position:relative;border-radius:.7rem;min-width:1.72rem;width:1.72rem;height:1.72rem;display:inline-flex;align-items:center;justify-content:center}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__icon::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ffbf 0%,#4aa4ff 52%,#9c42f5 100%);border-radius:.7rem;box-shadow:0 8px 18px rgba(74,164,255,.16)}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__icon svg{width:.9rem;height:.9rem;display:block;position:relative;z-index:1}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__icon svg *{stroke:#fff!important;fill:none!important}
.app-mobile-nav-link.app-nav-link--active .app-nav-link__icon svg [fill]:not([fill="none"]){fill:#fff!important}
.app-mobile-drawer__close{cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;width:2.75rem;height:2.75rem;position:relative}
.app-mobile-drawer__close span{background:#d5d9e4;border-radius:999px;width:1rem;height:1.5px;position:absolute;top:50%;left:50%}
.app-mobile-drawer__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}
.app-mobile-drawer__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}
.app-mobile-drawer-open{overflow:hidden}
.app-wallet-toast{z-index:70;pointer-events:none;opacity:0;color:#ff9da4;min-width:min(24rem,100vw - 2rem);max-width:min(24rem,100vw - 2rem);background:#4c0707f0;border:1px solid rgba(147,16,16,.9);border-radius:1rem;transition:opacity .18s ease,transform .18s ease;position:fixed;right:1.25rem;bottom:1.25rem;transform:translateY(12px);box-shadow:0 14px 34px #00000045}
.app-wallet-toast[data-visible=true]{opacity:1;transform:translateY(0)}
.app-wallet-toast__body{align-items:center;gap:.75rem;padding:1rem 1.125rem;font-size:1rem;font-weight:500;line-height:1.3;display:flex}
.app-wallet-toast__icon{color:#4c0707;background:#ff9da4;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}
.app-wallet-toast__icon svg{width:.875rem;height:.875rem}
.app-stake-tab-panel[hidden]{display:none!important}
.app-stake-tab-panel[data-state="inactive"] .app-stake-block-reveal{opacity:0;transform:translateY(10px)}
.app-stake-percent-button{cursor:pointer}
.app-stake-percent-button:disabled{opacity:1}
.app-stake-percent-button:hover{background:#ffffff0f;border-color:rgba(255,255,255,.08)}
.app-token-badge{color:#fff;letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.5rem;font-weight:700;display:inline-flex}
.app-token-badge--liquid-stake{background:linear-gradient(135deg,#0fa,#4579f5 51.73%,#9c42f5 99.98%)}
.app-apy-chart{overflow:hidden;border-radius:inherit}
.app-apy-chart .recharts-wrapper{max-width:100%!important}
.app-apy-chart .recharts-surface{overflow:visible}
.app-apy-chart .recharts-area-area{opacity:0;transform:translateY(14px);transform-origin:50% 100%;transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.app-apy-chart .recharts-area-curve{transition:stroke-dashoffset .95s cubic-bezier(.22,1,.36,1),opacity .25s ease;opacity:.98}
.app-apy-chart--ready .recharts-area-area,
.app-apy-chart .app-apy-chart-area--ready{opacity:1;transform:none}
.app-apy-chart--ready .recharts-area-curve,
.app-apy-chart .app-apy-chart-line--ready{stroke-dashoffset:0}
.app-apy-chart-tooltip{color:#fff;background:#070b20f7;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:.875rem 1.375rem;font-size:1rem;font-weight:500;line-height:1;white-space:nowrap;box-shadow:0 18px 40px #00000045}
.app-apy-chart-active-dot{filter:drop-shadow(0 0 14px rgba(69,121,245,.35))}
.app-countdown-ring{transform-origin:50% 50%}
.app-countdown-ring svg{transform-origin:50% 50%;transform:rotate(-210deg) scale(.92);opacity:.35;transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .55s ease}
.app-countdown-ring--ready svg{transform:rotate(0deg) scale(1);opacity:1}
.app-stake-metric-value.app-skeleton--metric{min-width:4.9rem}
@keyframes app-skeleton-shimmer{
  0%{background-position:200% 0}
  100%{background-position:-20% 0}
}
@media (prefers-reduced-motion:reduce){
  .app-reveal-item{opacity:1;transform:none}
  .app-page-ready .app-reveal-item{transition:none}
  .app-stake-section-reveal,
  .app-stake-panel .app-stake-block-reveal,
  .app-validator-section,
  .app-validator-card{opacity:1;transform:none}
  .app-page-ready .app-stake-section-reveal,
  .app-page-ready .app-stake-panel[data-state="active"] .app-stake-block-reveal,
  .app-page-ready .app-validator-section,
  .app-page-ready .app-validator-card{transition:none}
  .app-skeleton{animation:none}
}
@media (max-width:1023px){
  .app-market-card[data-loading="true"]{min-height:1.25rem}
  .app-market-card[data-loading="true"]::after{height:.98rem;border-radius:.65rem}
  .app-brand-name{display:none}
  .app-wallet-toast{min-width:calc(100vw - 2.5rem);max-width:calc(100vw - 2.5rem);right:1.25rem;bottom:1.25rem;border-radius:.875rem}
  .app-wallet-toast__body{gap:.625rem;padding:.875rem .875rem;font-size:.9375rem}
  .app-wallet-toast__icon{width:1.375rem;height:1.375rem}
  .app-wallet-toast__icon svg{width:.75rem;height:.75rem}
  html,body{overflow-x:hidden}
  html[data-app-page="stake"],
  body[data-app-page="stake"]{overflow-x:clip!important}
  .app-apy-chart{height:14.5rem!important;margin:0;max-width:100%}
  .app-apy-chart .recharts-wrapper,
  .app-apy-chart .recharts-surface{width:100%!important;height:100%!important}
  .app-apy-chart .recharts-surface{display:block;overflow:hidden}
  .app-apy-chart .recharts-cartesian-axis-tick-value{font-size:9px;opacity:.9}
  .app-apy-chart .recharts-cartesian-axis-tick-value tspan{x:6px}
  .app-apy-chart .recharts-cartesian-grid-horizontal line{opacity:.45}
  .app-apy-chart .recharts-area-area{fill-opacity:.16}
  .app-apy-chart .recharts-area-curve{stroke-width:2.4}
  .app-apy-chart-tooltip{max-width:min(12rem,calc(100vw - 5rem));border-radius:1rem;padding:.625rem .875rem;font-size:.875rem}
  main,
  main > div,
  header,
  form,
  [data-slot="chart"],
  [data-slot="table-container"]{max-width:100%}
  html[data-app-page="stake"] .group\/sidebar-wrapper,
  body[data-app-page="stake"] .group\/sidebar-wrapper,
  html[data-app-page="stake"] main,
  body[data-app-page="stake"] main,
  html[data-app-page="stake"] .app-stake-main,
  body[data-app-page="stake"] .app-stake-main{width:100%;max-width:100vw;min-width:0;overflow-x:clip}
  html[data-app-page="stake"] .app-stake-main > div,
  body[data-app-page="stake"] .app-stake-main > div{min-width:0;padding:5.5rem 0 1rem!important;gap:1rem}
  html[data-app-page="stake"] .app-stake-main,
  body[data-app-page="stake"] .app-stake-main{padding:11.5rem 0 1rem!important;gap:1rem}
  html[data-app-page="stake"] .app-stake-main > div,
  body[data-app-page="stake"] .app-stake-main > div{padding:0!important}
  html[data-app-page="stake"] header,
  body[data-app-page="stake"] header{height:auto;padding:.625rem .875rem}
  html[data-app-page="stake"] header > div,
  body[data-app-page="stake"] header > div{min-width:0}
  html[data-app-page="stake"] header > div:first-child,
  body[data-app-page="stake"] header > div:first-child{gap:.625rem}
  html[data-app-page="stake"] header > div:last-child,
  body[data-app-page="stake"] header > div:last-child{display:flex;justify-content:flex-end;min-width:0}
  html[data-app-page="stake"] header .app-brand-shell,
  body[data-app-page="stake"] header .app-brand-shell{gap:.625rem}
  html[data-app-page="stake"] header .app-brand-icon,
  body[data-app-page="stake"] header .app-brand-icon{width:2rem;height:2rem}
  html[data-app-page="stake"] header button.lg\:hidden,
  body[data-app-page="stake"] header button.lg\:hidden{width:2.5rem;height:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center}
  html[data-app-page="stake"] header .qwerty,
  body[data-app-page="stake"] header .qwerty{height:3rem;min-height:3rem;width:auto;max-width:none;min-width:0;padding:.75rem .875rem;border-radius:1rem;font-size:.95rem;line-height:1;white-space:nowrap}
  html[data-app-page="stake"] .app-stake-section-title,
  body[data-app-page="stake"] .app-stake-section-title{font-size:1.05rem;line-height:1.15}
  html[data-app-page="stake"] .app-stake-overview-section,
  body[data-app-page="stake"] .app-stake-overview-section,
  html[data-app-page="stake"] .app-stake-form-section,
  body[data-app-page="stake"] .app-stake-form-section,
  html[data-app-page="stake"] .app-stake-chart-section,
  body[data-app-page="stake"] .app-stake-chart-section,
  html[data-app-page="stake"] .app-stake-table-section,
  body[data-app-page="stake"] .app-stake-table-section{gap:.75rem}
  html[data-app-page="stake"] .app-stake-overview-section,
  body[data-app-page="stake"] .app-stake-overview-section,
  html[data-app-page="stake"] .app-stake-chart-section,
  body[data-app-page="stake"] .app-stake-chart-section,
  html[data-app-page="stake"] .app-stake-table-section,
  body[data-app-page="stake"] .app-stake-table-section{padding-inline:.875rem}
  html[data-app-page="stake"] .app-stake-form-section,
  body[data-app-page="stake"] .app-stake-form-section{padding-inline:.5rem}
  html[data-app-page="stake"] .app-stake-form-section,
  body[data-app-page="stake"] .app-stake-form-section,
  html[data-app-page="stake"] .app-stake-form-section > :not(.app-stake-section-title),
  body[data-app-page="stake"] .app-stake-form-section > :not(.app-stake-section-title),
  html[data-app-page="stake"] .app-stake-form,
  body[data-app-page="stake"] .app-stake-form,
  html[data-app-page="stake"] .app-stake-tabs,
  body[data-app-page="stake"] .app-stake-tabs,
  html[data-app-page="stake"] .app-stake-input-card,
  body[data-app-page="stake"] .app-stake-input-card,
  html[data-app-page="stake"] .app-stake-cta,
  body[data-app-page="stake"] .app-stake-cta{box-sizing:border-box;max-width:100%}
  html[data-app-page="stake"] .app-stake-overview-section > div,
  body[data-app-page="stake"] .app-stake-overview-section > div{gap:.625rem}
  html[data-app-page="stake"] .app-stake-overview-section > div > div,
  body[data-app-page="stake"] .app-stake-overview-section > div > div{min-width:0}
  html[data-app-page="stake"] .app-stake-form-section > :not(.app-stake-section-title),
  body[data-app-page="stake"] .app-stake-form-section > :not(.app-stake-section-title){width:100%;max-width:none;margin-inline:0}
  html[data-app-page="stake"] .app-stake-tabs,
  body[data-app-page="stake"] .app-stake-tabs{min-height:3.5rem;padding:.2rem}
  html[data-app-page="stake"] .app-stake-form-section > div,
  body[data-app-page="stake"] .app-stake-form-section > div{border-radius:1.125rem}
  html[data-app-page="stake"] .app-stake-tabs button,
  body[data-app-page="stake"] .app-stake-tabs button{min-height:2.95rem;font-size:.95rem;line-height:1.1}
  html[data-app-page="stake"] .app-stake-form,
  body[data-app-page="stake"] .app-stake-form{gap:.625rem}
  html[data-app-page="stake"] .app-stake-metrics,
  body[data-app-page="stake"] .app-stake-metrics{padding:.8rem .625rem}
  html[data-app-page="stake"] .app-stake-metrics p,
  body[data-app-page="stake"] .app-stake-metrics p{font-size:.9rem}
  html[data-app-page="stake"] .app-stake-input-card,
  body[data-app-page="stake"] .app-stake-input-card{padding:.8rem .75rem .7rem;gap:.625rem}
  html[data-app-page="stake"] .app-stake-input-card > div:last-child,
  body[data-app-page="stake"] .app-stake-input-card > div:last-child{flex:0 0 auto;max-width:40%}
  html[data-app-page="stake"] .app-stake-input-card .rounded-\[100px\],
  body[data-app-page="stake"] .app-stake-input-card .rounded-\[100px\]{padding:.45rem .7rem;gap:.45rem}
  html[data-app-page="stake"] .app-stake-amount-input,
  body[data-app-page="stake"] .app-stake-amount-input{height:auto;min-height:0;font-size:1.85rem;line-height:1.02}
  html[data-app-page="stake"] .app-stake-percent-grid,
  body[data-app-page="stake"] .app-stake-percent-grid{gap:.3rem}
  html[data-app-page="stake"] .app-stake-percent-button,
  body[data-app-page="stake"] .app-stake-percent-button{min-height:2.7rem;padding:.5rem .15rem;font-size:.95rem}
  html[data-app-page="stake"] .app-stake-cta,
  body[data-app-page="stake"] .app-stake-cta{height:3.85rem;padding:.8rem 1rem;font-size:1rem}
  html[data-app-page="stake"] .app-stake-tab-panel > form > p,
  body[data-app-page="stake"] .app-stake-tab-panel > form > p{font-size:.95rem;line-height:1.35}
  html[data-app-page="stake"] .app-stake-chart-section .app-apy-chart,
  body[data-app-page="stake"] .app-stake-chart-section .app-apy-chart{height:12.5rem!important}
  html[data-app-page="stake"] .app-stake-table-section [data-slot="table-container"],
  body[data-app-page="stake"] .app-stake-table-section [data-slot="table-container"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
}