.app-page-heading h1{margin-top:0}.app-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.app-quick-actions .button{font-size:.8rem}.sidebar-bottom{gap:22px}.sidebar-bottom .motion-toggle{margin-top:5px}.market-details{margin:0 0 22px}.market-details>div{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;padding:12px 0;border-bottom:1px solid #e5eade;line-height:1.5}.market-details dt{color:#7a886f}.market-details dd{margin:0;color:#3f5834;text-align:right}.staking-summary{align-self:start;padding:30px}.reward-split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.reward-split>div{padding:20px;background:#edf3e5;border-radius:10px}.reward-split strong{display:block;font-weight:400;font-size:2rem;letter-spacing:-.05em}.reward-split span{display:block;font-size:.75rem;color:#6c805c;line-height:1.7;margin-top:8px}.staking-summary .text-link{font-size:.75rem}.fons-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.fons-identity{display:flex;align-items:center;gap:16px}.fons-identity h1{font-size:2.1rem;letter-spacing:-.045em;font-weight:500;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fons-identity h1 span{font-size:.7rem;letter-spacing:0;font-weight:400;background:#e7eedf;color:#657e53;padding:6px 10px;border:1px solid #d8e4ce;border-radius:6px}.fons-identity p{font-size:.75rem;color:#7a8870;margin-top:8px}.fons-identity p span{padding-inline:6px}.fons-heading>.button{font-size:.75rem;white-space:nowrap}.fons-mark{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:#203e28;color:#d7ecad;border-radius:12px}.fons-mark svg{width:33px;height:33px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fons-identity>.fons-mark{width:60px;height:60px;border-radius:17px;box-shadow:0 5px 16px #1a432314}.fons-identity>.fons-mark svg{width:42px;height:42px}.fons-market-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:26px;border:1px solid #dce5d3;border-radius:12px;background:#fcfdf9}.fons-market-stats>div{padding:23px;border-right:1px solid #e4eadc;min-width:0}.fons-market-stats>div:last-child{border:0}.fons-market-stats span{display:block;color:#7a896e;font-size:.75rem}.fons-market-stats strong{font-size:1.18rem;font-weight:400;display:block;margin-top:12px;color:#425937;letter-spacing:-.03em}.fons-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.fons-main,.fons-aside{min-width:0;display:grid;gap:22px}.fons-chart{padding:24px 24px 0;overflow:hidden}.fons-chart .panel-heading{margin-bottom:25px}.fons-chart .panel-heading>div{display:flex;align-items:center;gap:12px}.fons-chart .panel-heading [data-chart-unit]{font-size:.65rem;color:#8b987f}.fons-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.fons-chart-toolbar strong{font-size:1.6rem;letter-spacing:-.05em;font-weight:400;display:block}.fons-chart-toolbar [data-chart-time]{display:block;margin-top:6px;font-size:.7rem;color:#8a987c}.chart-periods{display:flex;background:#eff3e8;padding:4px;border-radius:7px;gap:1px}.chart-periods button{background:transparent;border:0;padding:8px 9px;font-size:.65rem;color:#839376;border-radius:5px}.chart-periods button[aria-pressed=true]{background:#fff;color:#34532b;box-shadow:0 1px 5px #35562810}.fons-plot{position:relative;height:290px;margin-top:24px}.fons-plot>svg{display:block;width:100%;height:100%;color:#86977a;touch-action:pan-y}.chart-grid{stroke:#dce5d3;stroke-width:1;stroke-dasharray:3 5}.fons-chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;background:radial-gradient(ellipse,#fcfdf9 15%,#fcfdf988 40%,transparent 70%)}.fons-chart-empty>.fons-mark{background:#eaf1e2;color:#8fa779;width:42px;height:42px;border-radius:11px}.fons-chart-empty>.fons-mark svg{width:29px;height:29px}.fons-chart-empty p{font-size:.8125rem;color:#7c8e6d}.chart-axis{display:flex;justify-content:space-between;gap:18px;font-size:.65rem;min-height:18px;color:#86957a;margin-bottom:14px}.fons-chart-foot{display:flex;justify-content:space-between;gap:12px;margin-inline:-24px;border-top:1px solid #e2e9d9;padding:17px 24px;font-size:.65rem;color:#87977b;background:#f8faf3}.fons-transactions{padding:22px 24px}.fons-transactions .panel-heading{margin-bottom:6px}.fons-transactions .feed-table{font-size:.7rem}.feed-table td.fons-tx-empty{text-align:center;height:120px;color:#89977d}.fons-trade,.fons-wallet{padding:23px}.fons-trade .panel-heading{margin-bottom:21px}.fons-trade .mode-tabs{margin-bottom:18px}.fons-trade .mode-tabs button{font-size:.8125rem}.fons-trade .swap-field{padding:16px}.fons-trade .amount-top{font-size:.65rem;gap:10px;margin-bottom:14px}.fons-trade .amount-field{gap:12px}.fons-trade .amount-field input{font-size:2rem;width:100%;min-width:0}.fons-trade .currency-chip{font-size:.7rem}.fons-percentages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:19px}.fons-percentages button{border:1px solid #dce5d1;background:#f9fbf4;padding:5px;font-size:.65rem;border-radius:5px;color:#8b9b7d}.fons-receive{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-block:20px;padding-bottom:19px;border-bottom:1px solid #e4eadb}.fons-receive>div>span{font-size:.65rem;color:#8c9a7f}.fons-receive strong{display:block;margin-top:8px;font-weight:400;font-size:1rem;color:#829174;letter-spacing:-.025em}.fons-receive>span{font-size:.75rem;color:#5e774e}.fons-trade .market-details{margin-bottom:20px}.fons-trade .market-details>div{font-size:.7rem;border:0;padding:8px 0}.fons-trade .button,.fons-wallet .button{font-size:.75rem;min-height:43px;padding:11px 15px}.fons-wallet .panel-heading{margin-bottom:13px}.wallet-refresh{border:1px solid #dbe5ce;border-radius:6px;background:#f5f8ee;color:#6e865b;width:29px;height:29px;font-size:1rem}.wallet-account{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.7rem;color:#829475;padding-bottom:17px;border-bottom:1px solid #e2e9d9}.wallet-account button{font-size:.65rem;border:0;background:none;text-decoration:underline;color:#748967;padding:0}.wallet-assets{margin-block:5px 19px}.wallet-assets>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:13px;border-bottom:1px solid #e7eddf}.wallet-assets>div>span{display:flex;align-items:center;gap:9px;font-size:.75rem}.wallet-assets small{display:block;margin-top:4px;color:#8a9a7c;font-size:.6rem}.wallet-assets strong{font-weight:400;font-size:.7rem;color:#6f8360;text-align:right;overflow-wrap:anywhere}.wallet-assets .fons-mark,.eth-mark,.pair-mark{width:28px;height:28px;border-radius:8px}.wallet-assets .fons-mark svg{width:21px;height:21px}.eth-mark,.pair-mark{display:grid;place-items:center;flex:0 0 auto;background:#e8eddf;color:#809368;font-size:1rem}.eth-mark{color:#7e88ad;background:#e9ecf3}.fons-wallet .example-note{font-size:.65rem;line-height:1.8;margin-top:13px;margin-bottom:0}.fons-contract{border:1px solid #dae4cf;border-radius:11px;background:#eaf1e1;padding:19px 21px}.fons-contract .eyebrow{font-size:.6rem}.fons-contract>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.fons-contract code{font-family:inherit;font-size:.75rem;color:#637c51;overflow-wrap:anywhere}.fons-contract button{font-size:.65rem;background:#f7faf0;border:1px solid #d0dec0;border-radius:5px;padding:7px 9px;white-space:nowrap}.fons-contract>p{font-size:.65rem;color:#6e865c;line-height:1.8}.fons-contract>p:empty{display:none}.wallet-unavailable:not(:disabled){opacity:1}.wallet-choice{display:block;width:100%;text-align:left;border:1px solid #d8e4ca;background:#f3f7eb;border-radius:9px;padding:17px;margin-top:12px;color:#425e32}.wallet-choice:hover{background:#eaf2de}#wallet-dialog{max-width:420px;padding:27px}#wallet-dialog h2{font-size:1.4rem;letter-spacing:-.04em}#wallet-dialog-note{font-size:.875rem;color:#6e815f;line-height:1.8;margin-block:20px 8px}
@media(min-width:1500px){.fons-layout{grid-template-columns:minmax(0,1fr) 360px}.fons-plot{height:330px}}
@media(max-width:1200px){.fons-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.fons-main,.fons-aside{gap:17px}.fons-chart-toolbar{align-items:flex-start;flex-direction:column}.fons-chart .panel-heading{gap:10px}.fons-chart .panel-heading>div{align-items:flex-start;flex-direction:column;gap:7px}.fons-chart .pill{font-size:.65rem}.fons-plot{height:275px}.fons-market-stats>div{padding:20px}.fons-trade,.fons-wallet{padding:20px}}
@media(max-width:1050px){.fons-layout{grid-template-columns:1fr}.fons-aside{grid-template-columns:1fr 1fr}.fons-contract{grid-column:1/-1}.fons-chart-toolbar{flex-direction:row;align-items:center}.fons-chart .panel-heading>div{flex-direction:row}.fons-plot{height:300px}.fons-wallet{align-self:start}.fons-market-stats strong{font-size:1rem}}
@media(max-width:700px){.app-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.app-nav a{font-size:.6rem}.app-nav a[data-page=staking]:after,.app-nav a:last-child:after{font-size:.6rem}.app-main{padding-top:25px}.app-page-heading h1{font-size:1.8rem}.fons-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:22px}.fons-identity{gap:12px}.fons-identity h1{font-size:1.9rem;gap:10px}.fons-identity h1 span{font-size:.65rem;padding:5px 8px}.fons-identity>.fons-mark{width:49px;height:49px;border-radius:13px}.fons-identity>.fons-mark svg{width:35px;height:35px}.fons-identity p{font-size:.65rem}.fons-heading>.button{font-size:.65rem;min-height:34px;padding:8px 12px;margin-left:61px}.fons-market-stats{grid-template-columns:1fr 1fr;margin-bottom:18px}.fons-market-stats>div{padding:18px}.fons-market-stats>div:nth-child(2){border-right:0}.fons-market-stats>div:nth-child(-n+2){border-bottom:1px solid #e4eadc}.fons-market-stats strong{font-size:1.05rem}.fons-market-stats span{font-size:.7rem}.fons-aside{grid-template-columns:1fr}.fons-chart{padding:20px 17px 0}.fons-chart .panel-heading>div{flex-direction:column}.fons-chart .panel-heading{margin-bottom:24px}.fons-chart-toolbar{flex-direction:column;align-items:flex-start;gap:19px}.fons-chart-toolbar strong{font-size:1.4rem}.chart-periods{align-self:stretch;justify-content:space-between}.chart-periods button{flex:1;padding:8px}.fons-plot{height:245px;margin-top:15px}.fons-chart-empty p{font-size:.75rem}.fons-chart-foot{margin-inline:-17px;padding:15px 17px;font-size:.6rem;line-height:1.6}.chart-axis{font-size:.6rem}.fons-transactions{padding:20px 17px}.fons-transactions .panel-heading{flex-wrap:wrap;gap:17px}.fons-transactions .feed-filters{width:auto}.fons-transactions .feed-table{min-width:430px}.fons-trade,.fons-wallet{padding:22px}.fons-trade .amount-top{font-size:.7rem}.fons-trade .currency-chip{font-size:.8rem}.fons-trade .amount-field input{font-size:2.2rem}.fons-wallet .example-note{font-size:.7rem}.wallet-assets strong{font-size:.75rem}.staking-summary{padding:22px 20px}.reward-split{gap:10px}.reward-split>div{padding:17px}.reward-split span{font-size:.7rem}.app-quick-actions .button{font-size:.7rem;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.fons-plot *{animation:none;transition:none}}

@media(max-width:700px){.fons-main,.fons-aside{display:contents}.fons-chart{order:1}.fons-trade{order:2}.fons-wallet{order:3}.fons-transactions{order:4}.fons-contract{order:5}}
.fons-layout .app-panel{min-width:0}
@media(max-width:1050px){.fons-layout{grid-template-columns:minmax(0,1fr)}}