/* momo app · atelier skin — generated by ops/app-atelier-skin/build-skin.mjs. Edit material.css, not this file. */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&family=Manrope:wght@500;600;700;800&display=swap");
/* palette ← MomoAppPage.css */
html .momo-app-shell{color:#1c1519;background:radial-gradient(circle at 82% 4%,rgba(247,244,240,.92),transparent 28rem),radial-gradient(circle at 8% 35%,rgba(255,195,216,.2),transparent 24rem),#e9eef0;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}html .momo-app-header{border-bottom:1px solid rgba(28,21,25,.12);background:#e9eef0c7}html .momo-app-back{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-token-link{border:1px solid rgba(28,21,25,.2);border-radius:10px;color:#1c1519;background:#fffdfb61}html .momo-app-token-link:hover{background:#fffdfbb3}html .momo-app-wallet-button{border:1px solid #1c1519;border-radius:10px;background:#1c1519}html .momo-app-wallet-button:hover{background:#33282e}html .momo-app-wallet-button.is-wrong-chain{border-color:#c93b74;background:#c93b74}html .momo-app-account-menu{border:1px solid rgba(28,21,25,.14);border-radius:14px;background:#fffdfb;box-shadow:0 1rem 2.5rem #1c151938}html .momo-app-account-menu>button{border-radius:10px;color:#1c1519}html .momo-app-account-menu>button:hover{background:#ff8bb51c}html .momo-app-account-menu>button.is-danger{color:#c93b74}html .momo-app-nav{border-bottom:1px solid rgba(28,21,25,.11);background:#fffdfb7a}html .momo-app-nav button{color:#1c15198c}html .momo-app-nav button:after{background:#e8548b}html .momo-app-nav button:hover,html .momo-app-nav button.is-active{color:#1c1519;background:#fffdfb33}html .momo-app-kicker{color:#e8548b;font-size:0.64rem}html .momo-app-segmented{border:1px solid rgba(28,21,25,.13);border-radius:14px;background:#fffdfb57}html .momo-app-segmented button{border-radius:10px;color:#1c15198c}html .momo-app-segmented button[aria-pressed=true]{border-color:#1c151914;color:#1c1519;background:#fffdfbe0;box-shadow:0 .3rem 1rem #1c151914}html .momo-app-market-chart,html .momo-app-market-action{border:1px solid rgba(28,21,25,.12);border-radius:16px;background:#fffdfba3;box-shadow:0 1rem 3rem #1c151912}html .momo-app-market-chart>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-market-pair small{color:#1c15197a;font-size:0.64rem}html .momo-app-market-chart>header>a,html .momo-app-chart-source{color:#1c151980;font-size:0.64rem}html .momo-app-market-chart>header>a:hover{color:#e8548b}html .momo-app-chart-awaiting{background:linear-gradient(rgba(28,21,25,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(28,21,25,.045) 1px,transparent 1px),#ffffff4d}html .momo-app-chart-awaiting>svg{color:#1c151952}html .momo-app-chart-awaiting>strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-chart-awaiting>span{color:#1c151985;font-size:0.64rem}html .momo-app-slippage-toggle{border:1px solid rgba(28,21,25,.13);border-radius:14px;color:#1c1519a6;background:#fffdfb6b;font-size:0.64rem}html .momo-app-slippage-toggle:hover,html .momo-app-slippage-toggle[aria-expanded=true]{color:#1c1519;background:#fffdfbdb}html .momo-app-slippage-settings{border:1px solid rgba(28,21,25,.11);border-radius:14px;background:#fffdfbb8}html .momo-app-slippage-heading strong{font-size:0.64rem}html .momo-app-slippage-heading span{color:#e8548b;font-size:0.64rem}html .momo-app-slippage-options>button,html .momo-app-slippage-options>label{border:1px solid rgba(28,21,25,.1);border-radius:10px;color:#1c15199e;background:#e9eef02e;font-size:0.64rem}html .momo-app-slippage-options>button[aria-pressed=true]{border-color:#e8548b4d;color:#c93b74;background:#ff8bb51f}html .momo-app-slippage-options input{color:#1c1519}html .momo-app-slippage-settings>small{color:#c93b74;font-size:0.64rem}html .momo-app-compact-asset-box{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-compact-asset-box.is-output{background:#e9eef033}html .momo-app-compact-asset-box>span,html .momo-app-compact-asset-head>span,html .momo-app-liquidity-input>span{color:#1c151975;font-size:0.64rem}html .momo-app-swap-balance>span{color:#1c15197a;font-size:0.64rem}html .momo-app-swap-balance button{border-radius:10px;color:#1c1519;background:#ff8bb51f;font-size:0.64rem}html .momo-app-swap-balance button:hover:not(:disabled){background:#ff8bb538}html .momo-app-compact-asset-box input,html .momo-app-compact-asset-box output{color:#1c1519}html .momo-app-compact-asset-box output{color:#1c151994}html .momo-app-compact-flip{border:4px solid #f3f1ee;border-radius:12px;background:#1c1519}html .momo-app-asset-selector{border:1px solid rgba(28,21,25,.12);background:#fffdfbbf}html .momo-app-token-logo.is-momo{background:linear-gradient(145deg,#ff8bb5,#9b7bea)}html .momo-app-token-logo.is-momo>strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-token-logo.is-generated>strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-token-logo>i{font-size:0.64rem}html .momo-app-compact-meta{color:#1c151978;font-size:0.64rem}html .momo-app-swap-quote-details{color:#1c1519}html .momo-app-swap-quote-essentials>span{border:1px solid rgba(28,21,25,.09);border-radius:12px}html .momo-app-swap-quote-essentials small,html .momo-app-swap-quote-details details>div>span{color:#1c151987;font-size:0.64rem}html .momo-app-swap-quote-essentials strong,html .momo-app-swap-quote-details details strong{color:#1c1519;font-size:0.64rem}html .momo-app-swap-quote-details details{border:1px solid rgba(28,21,25,.09);border-radius:12px}html .momo-app-swap-quote-details summary{color:#1c1519b3;font-size:0.64rem}html .momo-app-swap-quote-details details>div{border-top:1px solid rgba(28,21,25,.07)}html .momo-app-swap-quote-details details>div>span+span{border-top:1px solid rgba(28,21,25,.06)}html .momo-app-compact-meta strong{color:#1c1519b8}html .momo-app-compact-pool-select{border:1px solid rgba(28,21,25,.11);border-radius:14px}html .momo-app-compact-pool-select small{color:#1c151973;font-size:0.64rem}html .momo-app-compact-pool-select>button{border:1px solid rgba(28,21,25,.11);border-radius:10px;color:#1c1519ab;background:#fffdfb9e;font-size:0.64rem}html .momo-app-compact-pool-select>button:hover{border-color:#e8548b57;color:#c93b74}html .momo-app-pool-menu{border:1px solid rgba(28,21,25,.12);border-radius:14px;background:#fffdfb;box-shadow:0 1rem 2.4rem #1c151929}html .momo-app-pool-menu>button{border-radius:10px}html .momo-app-pool-menu>button:hover,html .momo-app-pool-menu>button.is-active{background:#e9eef047}html .momo-app-liquidity-input{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-liquidity-input input{color:#1c1519}html .momo-app-liquidity-details{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-liquidity-details>div{border-bottom:1px solid rgba(28,21,25,.08);color:#1c15197a;font-size:0.64rem}html .momo-app-liquidity-details strong{color:#1c1519c7}html .momo-app-liquidity-asset-box{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-liquidity-asset-box>span small{color:#1c15197d;font-size:0.64rem}html .momo-app-liquidity-asset-box>span button{border-radius:10px;color:#c93b74;background:#ff8bb51c;font-size:0.64rem}html .momo-app-liquidity-asset-box input{color:#1c1519}html .momo-app-liquidity-asset-box>small{color:#1c15196e;font-size:0.64rem}html .momo-app-liquidity-plus{border:4px solid #f3f1ee;border-radius:12px;background:#1c1519}html .momo-app-liquidity-sheet{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151942}html .momo-app-liquidity-sheet>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-liquidity-sheet>header strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-liquidity-sheet>header button{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-liquidity-setting{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-liquidity-setting>span{color:#1c1519;font-size:0.64rem}html .momo-app-liquidity-setting>small{color:#1c15197a;font-size:0.64rem}html .momo-app-liquidity-setting>p{color:#c93b74;font-size:0.64rem}html .momo-app-liquidity-risk{border-radius:10px;color:#1c151994;background:#e9eef033;font-size:0.64rem}html .momo-app-liquidity-risk svg{color:#c93b74}html .momo-app-range-options button{border:1px solid rgba(28,21,25,.11);border-radius:10px;color:#1c151991;background:#fffdfb9e;font-size:0.64rem}html .momo-app-range-options button[aria-pressed=true]{border-color:#e8548b6b;color:#c93b74;background:#ff8bb51a;box-shadow:inset 0 0 0 1px #e8548b14}html .momo-app-custom-range label{border:1px solid rgba(28,21,25,.1);border-radius:12px}html .momo-app-custom-range small{color:#1c151975;font-size:0.64rem}html .momo-app-custom-range input{color:#1c1519}html .momo-app-position-empty{border:1px solid rgba(28,21,25,.1);border-radius:14px;color:#1c151980;font-size:0.64rem}html .momo-app-position-empty button{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#c93b74;background:#fffdfba6;font-size:0.64rem}html .momo-app-position-card{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-position-card strong em{color:#1c151975}html .momo-app-position-card small,html .momo-app-manage-position small{color:#1c151975;font-size:0.64rem}html .momo-app-position-actions button{border:1px solid rgba(28,21,25,.11);border-radius:10px;color:#1c1519ad;background:#fffdfbad;font-size:0.64rem}html .momo-app-position-actions button:hover:not(:disabled){border-color:#e8548b5c;color:#c93b74}html .momo-app-manage-position{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-manage-amount{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-manage-amount small{color:#1c151975;font-size:0.64rem}html .momo-app-manage-amount>span button{border-radius:10px;color:#c93b74;background:#ff8bb51c;font-size:0.64rem}html .momo-app-manage-amount input{color:#1c1519}html .momo-app-notice,html .momo-app-inline-notice{border:1px solid rgba(28,21,25,.1);border-radius:12px;color:#1c15199c;background:#fffdfb75;font-size:0.64rem}html .momo-app-notice--split a{color:#e8548b}html .momo-app-swap-card,html .momo-app-info-card,html .momo-app-liquidity-list,html .momo-app-trade-card,html .momo-app-activation-picker,html .momo-app-ladder,html .momo-app-activation-checkout,html .momo-app-rewards-empty,html .momo-app-stat-grid article,html .momo-app-reward-value-chart,html .momo-app-chart-card,html .momo-app-contract-strip{border:1px solid rgba(28,21,25,.12);border-radius:16px;background:#fffdfb94;box-shadow:0 1rem 3rem #1c151912}html .momo-app-route-row>span{color:#1c15197a;font-size:0.64rem}html .momo-app-token-field{border:1px solid rgba(28,21,25,.11);border-radius:14px}html .momo-app-token-field span,html .momo-app-trade-summary span,html .momo-app-activation-checkout span,html .momo-app-pool-earn span,html .momo-app-token-field>div>span{color:#1c151980;font-size:0.64rem}html .momo-app-token-field input,html .momo-app-token-field strong{color:#1c1519}html .momo-app-token-field>button{border:1px solid rgba(28,21,25,.13);background:#e9eef066}html .momo-app-token-mark--momo{background:linear-gradient(145deg,#ff8bb5,#9b7bea)}html .momo-app-swap-arrow{border:4px solid rgba(255,253,251,.95);border-radius:12px;background:#e9eef0}html .momo-app-chain-route{border:1px dashed rgba(28,21,25,.17);border-radius:12px;color:#1c151999;font-size:0.64rem}html .momo-app-primary-button,html .momo-app-activation-checkout>button,html .momo-app-nft-sheet footer button{border:1px solid #1c1519;border-radius:10px;background:#1c1519}html .momo-app-primary-button:hover:not(:disabled),html .momo-app-activation-checkout>button:hover:not(:disabled),html .momo-app-nft-sheet footer button:hover:not(:disabled){background:#33282e}html .momo-app-primary-button:disabled,html .momo-app-activation-checkout>button:disabled,html .momo-app-nft-sheet footer button:disabled{border-color:#1c151921;color:#1c151959;background:#fffdfb6b}html .momo-app-feedback{border-radius:10px}html .momo-app-feedback.is-error{border-color:#c93b7438;color:#b8336a;background:#fff0f5b8}html .momo-app-orbit{border:1px solid rgba(28,21,25,.12);color:#e8548b;background:#ff8bb51a}html .momo-app-info-card h2,html .momo-app-liquidity-intro h2,html .momo-app-ladder-heading h2,html .momo-app-rewards-empty h2,html .momo-app-chart-heading h2,html .momo-app-docs-intro h2,html .momo-app-nft-sheet h2,html .momo-app-wallet-sheet h2{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-info-card>p:not(.momo-app-kicker),html .momo-app-liquidity-intro>p,html .momo-app-ladder-heading>p,html .momo-app-rewards-empty>p:not(.momo-app-kicker),html .momo-app-docs-intro>p:not(.momo-app-kicker){color:#1c151999}html .momo-app-mini-row{border-top:1px solid rgba(28,21,25,.1);font-size:0.64rem}html .momo-app-mini-row span{color:#1c151980}html .momo-app-liquidity-intro{border-bottom:1px solid rgba(28,21,25,.1)}html .momo-app-pool-row{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-pair-art span{border:2px solid #fffdfb;background:#ff8bb5}html .momo-app-pool-row>div:nth-child(2) span{color:#1c15197a;font-size:0.64rem}html .momo-app-pool-tag{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#1c15198c;font-size:0.64rem}html .momo-app-pool-row>button{border:1px solid rgba(28,21,25,.18);border-radius:10px;font-size:0.64rem}html .momo-app-trade-note{border:1px solid rgba(28,21,25,.1);border-radius:12px;color:#1c151994;background:#fffdfb80}html .momo-app-trade-note svg{color:#e8548b}html .momo-app-trade-note p{font-size:0.64rem}html .momo-app-trade-note strong{color:#1c1519}html .momo-app-nft-swap-arrow{border:3px solid #fffdfb;background:#1c1519}html .momo-app-nft-token-value{color:#1c151980;font-size:0.64rem}html .momo-app-nft-token-value strong{color:#1c1519}html .momo-app-nft-select{border:1px solid rgba(28,21,25,.12);border-radius:14px}html .momo-app-nft-select:hover,html .momo-app-activation-picker:hover{border-color:#e8548b80}html .momo-app-nft-select-art{border:1px solid rgba(28,21,25,.12);border-radius:12px;color:#e8548b;background:#ff8bb51a}html .momo-app-nft-select small,html .momo-app-activation-picker small{color:#1c15197a;font-size:0.64rem}html .momo-app-selected-momo{border:1px solid rgba(28,21,25,.11);border-radius:12px}html .momo-app-selected-momo img{border-radius:10px;background:#e9eef040}html .momo-app-selected-momo strong{font-size:0.64rem}html .momo-app-selected-momos>em{color:#1c151994;font-size:0.64rem}html .momo-app-buy-modes button{border:1px solid rgba(28,21,25,.12);border-radius:12px;color:#1c15198c}html .momo-app-buy-modes button.is-active{border-color:#e8548b7a;color:#1c1519;background:#fffdfbc7}html .momo-app-buy-modes small{font-size:0.64rem}html .momo-app-quantity-row{border:1px solid rgba(28,21,25,.11);border-radius:14px}html .momo-app-quantity-row small{color:#1c15197a;font-size:0.64rem}html .momo-app-stepper{border:1px solid rgba(28,21,25,.13);border-radius:12px;background:#e9eef047}html .momo-app-trade-summary>div{border:1px solid rgba(28,21,25,.1);border-radius:12px;background:#e9eef038}html .momo-app-fee-quote small{color:#1c15196b;font-size:0.64rem}html .momo-app-ladder-heading{border-bottom:1px solid rgba(28,21,25,.1)}html .momo-app-tier-list>button{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-tier-list>button.is-active{box-shadow:inset 3px 0 #e8548b}html .momo-app-tier-index{color:#e8548b;font-size:0.64rem}html .momo-app-tier-name strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-tier-name small{color:#1c151985;font-size:0.64rem}html .momo-app-tier-weight{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-tier-price small{color:#1c15197a;font-size:0.64rem}html .momo-app-tier-price>span{color:#1c151973;font-size:0.64rem}html .momo-app-tier-info{color:#1c15197a;background:#1c15190e}html .momo-app-tier-tooltip{border:1px solid rgba(28,21,25,.13);border-radius:12px;color:#1c1519b8;background:#fffdfb;box-shadow:0 .75rem 2.4rem #1c15192b;font-size:0.64rem}html .momo-app-tier-check{border:1px solid rgba(28,21,25,.12);background:#1c15190a}html .momo-app-tier-list>button.is-active .momo-app-tier-check{border-color:#e8548b;background:#e8548b}html .momo-app-activation-gallery{border:1px solid rgba(28,21,25,.12);border-radius:16px;background:#fffdfb8a;box-shadow:0 1rem 3rem #1c15190e}html .momo-app-activation-gallery-tools{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-activation-gallery-counts span{color:#1c151975;font-size:0.64rem}html .momo-app-activation-filters{border:1px solid rgba(28,21,25,.1);border-radius:12px;background:#e9eef029}html .momo-app-activation-filters button{border-radius:10px;color:#1c151980;font-size:0.64rem}html .momo-app-activation-filters button:hover:not(:disabled){color:#1c1519}html .momo-app-activation-filters button[aria-pressed=true]{color:#1c1519;background:#fffdfbe0;box-shadow:0 .2rem .7rem #1c151912}html .momo-app-activation-sort{border:1px solid rgba(28,21,25,.11);border-radius:12px}html .momo-app-activation-sort>span{color:#1c15196b;font-size:0.64rem}html .momo-app-activation-sort select{color:#1c1519;font-size:0.64rem}html .momo-app-activation-sort svg{color:#1c15197a}html .momo-app-activation-groups>section>header strong{font-size:0.64rem}html .momo-app-activation-groups>section>header span{color:#1c15198a;background:#e9eef052;font-size:0.64rem}html .momo-app-activation-mosaic>button{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-activation-mosaic>button:hover{border-color:#e8548b80;box-shadow:0 .55rem 1.5rem #1c151914}html .momo-app-activation-card-image{border-radius:10px;background:#e9eef059}html .momo-app-activation-card-image i{background:#1c1519b8;font-size:0.64rem}html .momo-app-activation-mosaic>button.is-active .momo-app-activation-card-image i{background:#c93b74e0}html .momo-app-activation-mosaic>button>strong{font-size:0.64rem}html .momo-app-activation-gallery-empty{color:#1c15197a}html .momo-app-activation-gallery-empty span{font-size:0.64rem}html .momo-app-activation-gallery-empty button{border:1px solid rgba(28,21,25,.13);border-radius:10px;color:#1c1519;font-size:0.64rem}html .momo-app-activation-gallery-empty.is-error{color:#c93b74}html .momo-app-activation-refreshing{color:#1c151973;font-size:0.64rem}html .momo-app-reward-logo{border:1px solid rgba(28,21,25,.12);color:#1c1519}html .momo-app-reward-logo.is-pokemon{border-radius:12px}html .momo-app-reward-logo.is-one-piece{border-radius:12px}html .momo-app-reward-logo.is-nba,html .momo-app-reward-logo.is-mlb,html .momo-app-reward-logo.is-fifa{border-radius:12px}html .momo-app-reward-logo.is-tokens{border-radius:12px;background:#e9eef03d}html .momo-app-empty-title{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-rewards-empty>span{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#1c15197a;font-size:0.64rem}html .momo-app-rewards-activate{border-radius:10px;background:#1c1519;font-size:0.64rem}html .momo-app-rewards-activate:hover{background:#33282e}html .momo-app-reward-assets>span{border:1px solid rgba(28,21,25,.1)}html .momo-app-reward-assets strong{font-size:0.64rem}html .momo-app-curated-reward-strip{border:1px solid rgba(28,21,25,.08)}html .momo-app-curated-reward-strip .momo-app-reward-logo{border-color:#1c151914;box-shadow:0 .2rem .7rem #1c15190d}html .momo-app-reward-claim-head{border:1px solid rgba(28,21,25,.09);border-radius:16px}html .momo-app-reward-head-actions>button{border:1px solid rgba(28,21,25,.12);border-radius:12px;color:#1c1519;font-size:0.64rem}html .momo-app-reward-head-actions>.momo-app-reward-help-trigger{color:#1c15199e}html .momo-app-reward-head-actions>button:hover{border-color:#e8548b6b;color:#c93b74}html .momo-app-reward-pack-window{border:1px solid rgba(28,21,25,.12);border-radius:18px;background:#e9eef06b;box-shadow:0 1.2rem 3.4rem #1c15191f}html .momo-app-reward-rip{border-radius:12px;background:#1c1519;font-size:0.64rem}html .momo-app-reward-rip:hover{background:#33282e}html .momo-app-reward-claims.is-reveal-grid .momo-app-reward-claim-copy>span{font-size:0.64rem}html .momo-app-reward-claims.is-reveal-grid .momo-app-reward-claim-copy>small{font-size:0.64rem}html .momo-app-reward-claims.is-reveal-grid article>button,html .momo-app-reward-claims.is-reveal-grid article>a,html .momo-app-reward-claims.is-reveal-grid .momo-app-reward-queued{font-size:0.64rem}html .momo-app-reward-history-label{color:#1c15197a;font-size:0.64rem}html .momo-app-reward-auth-notice{border:1px solid rgba(232,84,139,.2);border-radius:14px;background:#fffdfbad}html .momo-app-reward-auth-notice>div{color:#c93b74}html .momo-app-reward-auth-notice strong{color:#1c1519;font-size:0.64rem}html .momo-app-reward-auth-notice small{color:#1c151994;font-size:0.64rem}html .momo-app-reward-auth-notice>button{border-radius:10px;background:#1c1519;font-size:0.64rem}html .momo-app-reward-network-note{color:#1c151994;font-size:0.64rem}html .momo-app-reward-group-actions button{border-radius:12px;background:#1c1519}html .momo-app-reward-group-actions button small{font-size:0.64rem}html .momo-app-reward-claim-state{border:1px solid rgba(28,21,25,.1);border-radius:12px;color:#1c1519a8;font-size:0.64rem}html .momo-app-reward-history>details{border:1px solid rgba(28,21,25,.09);border-radius:14px}html .momo-app-reward-history>details>summary strong{font-size:0.64rem}html .momo-app-reward-history>details>summary span{color:#1c15197a;font-size:0.64rem}html .momo-app-reward-history-preview i,html .momo-app-reward-history-preview b{border:2px solid #f7f4f0;border-radius:12px;box-shadow:0 .16rem .5rem #1c15191a}html .momo-app-reward-history-preview b{color:#1c15199e;background:#f3f1ee;font-size:0.64rem}html .momo-app-reward-snapshots>h2{color:#1c15199e}html .momo-app-reward-snapshots>details{border:1px solid rgba(28,21,25,.09);border-radius:14px}html .momo-app-reward-snapshots>details>summary{color:#1c151985;font-size:0.64rem}html .momo-app-reward-snapshots>details>summary strong{color:#1c1519d1}html .momo-app-reward-snapshot-contents>span{border-radius:12px;background:#f3f1ee8a}html .momo-app-reward-snapshot-contents strong{color:#1c1519}html .momo-app-reward-snapshot-contents small{color:#1c151980;font-size:0.64rem}html .momo-app-reward-claims>article{border:1px solid rgba(28,21,25,.1);border-radius:16px}html .momo-app-reward-claim-art{border-radius:12px;color:#1c151959;background:#e9eef080}html .momo-app-reward-claim-art.is-token{background:radial-gradient(circle at 50% 42%,#fffffffa,#eef3f49e)}html .momo-app-reward-claim-art.is-token .momo-app-token-logo{box-shadow:0 .45rem 1.25rem #1c151921}html .momo-app-reward-claim-copy>span{color:#c93b74;font-size:0.64rem}html .momo-app-reward-claim-copy>small{color:#1c15197a;font-size:0.64rem}html .momo-app-reward-3d-object:focus-visible{box-shadow:0 0 0 3px #ff6ea380}html .momo-app-reward-3d-face{background:linear-gradient(145deg,#fffffff5,#f7f4f0e8 54%,#eef3f4eb);box-shadow:0 0 0 1px #1c15191a,0 .9rem 1.8rem #1c151933,inset 0 0 1.2rem #ffffffb8}html .momo-app-reward-3d-face:after{background:linear-gradient(118deg,transparent 16%,rgba(255,255,255,.72) 28%,transparent 42%,rgba(255,139,181,.16) 64%,transparent 78%)}html .momo-app-reward-3d-face .momo-app-reward-claim-art{border:1px solid rgba(28,21,25,.08);background:linear-gradient(145deg,#ffffffa3,#e9eef085);box-shadow:inset 0 0 1.3rem #1c15190f}html .momo-app-reward-3d-card[data-token=true] .momo-app-reward-claim-art{background:radial-gradient(circle at 50% 38%,#fff,#f3f1eeb8 58%,#e4e9ebb8)}html .momo-app-reward-3d-card[data-token=true] .momo-app-token-logo{filter:drop-shadow(0 .5rem .75rem rgba(28,21,25,.2))}html .momo-app-reward-3d-face .momo-app-reward-claim-copy>span{font-size:0.64rem}html .momo-app-reward-3d-face .momo-app-reward-claim-copy>small{font-size:0.64rem}html .momo-app-reward-3d-face.is-back{color:#fffdfb;background:radial-gradient(circle at 86% 4%,rgba(255,139,181,.55),transparent 34%),linear-gradient(150deg,#4a2851,#1c1519 63%,#23152a);box-shadow:0 0 0 1px #1c15192e,0 .9rem 1.8rem #1c15193d,inset 0 0 1.35rem #ffffff1a}html .momo-app-reward-3d-back-copy>span{font-size:0.64rem}html .momo-app-reward-3d-details span{color:#fffdfb8f;font-size:0.64rem}html .momo-app-reward-3d-details strong{font-size:0.64rem}html .momo-app-reward-3d-face.is-back>footer{background:linear-gradient(180deg,#1c151900,#1c151975)}html .momo-app-reward-3d-face.is-back>footer>span{font-size:0.64rem}html .momo-app-reward-marketplace-links>a{color:#1c1519;font-size:0.64rem}html .momo-app-marketplace-mark{background:#1c1519;font-size:0.64rem}html .momo-app-reward-3d-flip-hint{color:#1c151994;box-shadow:0 .18rem .48rem #1c151921;font-size:0.64rem}html .momo-app-reward-3d-gloss{box-shadow:inset 1px 1px #fff9,inset -1px -1px #1c151914}html .momo-app-reward-3d-card[data-history=true] .momo-app-reward-3d-face{box-shadow:0 0 0 1px #1c151914,0 .6rem 1.2rem #1c151924,inset 0 0 1rem #ffffffa8}html .momo-app-reward-3d-card[data-history=true] .momo-app-reward-3d-face.is-back{box-shadow:0 0 0 1px #1c151924,0 .6rem 1.2rem #1c15192b,inset 0 0 1rem #ffffff14}html .momo-app-reward-claims article>button,html .momo-app-reward-claims article>a{border-radius:12px;background:#1c1519;font-size:0.64rem}html .momo-app-reward-queued{color:#1c15197a;font-size:0.64rem}html .momo-app-reward-loading{color:#1c15197a;font-size:0.64rem}html .momo-app-reward-warning{border-radius:12px;font-size:0.64rem}html .momo-app-reward-error{border:1px solid rgba(201,59,116,.14);border-radius:12px;color:#c93b74;font-size:0.64rem}html .momo-app-rewards-help{border:1px solid rgba(28,21,25,.14);border-radius:18px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151947}html .momo-app-rewards-help>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-rewards-help>header strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-rewards-help>header button{border:1px solid rgba(28,21,25,.1);border-radius:12px;color:#1c1519}html .momo-app-rewards-help li{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-rewards-help li>span{color:#c93b74;background:#ff8bb51f;font-size:0.64rem}html .momo-app-rewards-help li p{color:#1c151994;font-size:0.64rem}html .momo-app-reward-value-chart>header span{color:#1c15198c;font-size:0.64rem}html .momo-app-reward-value-chart>header strong{color:#1c1519}html .momo-app-reward-chart-canvas.is-loading{border-radius:14px;background:linear-gradient(100deg,#e9eef01f 20%,#fffdfb75,#e9eef01f 64%)}html .momo-app-reward-value-chart footer{color:#1c15196b;font-size:0.64rem}html .momo-app-reward-value-chart footer b{color:#1c1519b8}html .momo-app-bento{border:1px solid rgba(28,21,25,.13);border-radius:16px;background:#fffdfb33}html .momo-app-data-freshness{color:#1c15196b;font-size:0.64rem}html .momo-app-stat-grid article>span{color:#e8548b;background:#ff8bb51a}html .momo-app-stat-grid small{color:#1c151985;font-size:0.64rem}html .momo-app-stat-grid strong{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}html .momo-app-stat-grid em{color:#1c151966;font-size:0.64rem}html .momo-app-tier-breakdown>header span{color:#1c151980;font-size:0.64rem}html .momo-app-tier-breakdown>div{border:1px solid rgba(28,21,25,.08);border-radius:12px;background:#e9eef024}html .momo-app-tier-breakdown>div>span{border-right:1px solid rgba(28,21,25,.08)}html .momo-app-tier-breakdown>div small{color:#1c151975;font-size:0.64rem}html .momo-app-fee-mix{border:1px solid rgba(28,21,25,.1);border-radius:14px;background:#fffdfb9e}html .momo-app-fee-mix>header strong{font-size:0.64rem}html .momo-app-fee-mix>header span{color:#1c15197a;font-size:0.64rem}html .momo-app-fee-mix>div{background:#1c15190f}html .momo-app-fee-mix>div span{background:#ff8bb5}html .momo-app-fee-mix>div i{background:#9b7bea}html .momo-app-fee-mix>footer span{color:#1c151980;font-size:0.64rem}html .momo-app-fee-mix>footer b{background:#ff8bb5}html .momo-app-fee-mix>footer span:nth-child(2) b{background:#9b7bea}html .momo-app-fee-mix>footer strong{color:#1c1519}html .momo-app-chart-toolbar{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-chart-toolbar button{border-radius:8px;color:#1c151980;font-size:0.64rem}html .momo-app-chart-toolbar button.is-active{background:#1c1519}html .momo-app-chart-placeholder>svg{color:#1c151952}html .momo-app-chart-placeholder>strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-chart-placeholder>span{color:#1c151980;font-size:0.64rem}html .momo-app-docs-sidebar{border:1px solid rgba(28,21,25,.11);border-radius:14px;background:#fffdfb94}html .momo-app-docs-search{border:1px solid rgba(28,21,25,.11);border-radius:10px}html .momo-app-docs-search:focus-within{border-color:#e8548b80;box-shadow:0 0 0 3px #e8548b12}html .momo-app-docs-search>svg{color:#1c151966}html .momo-app-docs-search input{color:#1c1519;font-size:0.64rem}html .momo-app-docs-search button{border-radius:8px;color:#1c151970}html .momo-app-docs-sidebar nav>div>span{color:#1c151961;font-size:0.64rem}html .momo-app-docs-sidebar nav a{border-radius:8px;color:#1c1519a3;font-size:0.64rem}html .momo-app-docs-sidebar nav a:hover{color:#1c1519;background:#e9eef040}html .momo-app-docs-collection{border-top:1px solid rgba(28,21,25,.08);color:#e8548b;font-size:0.64rem}html .momo-app-docs-content{border:1px solid rgba(28,21,25,.11);border-radius:14px;background:#fffdfb99}html .momo-app-docs-status{border-bottom:1px solid rgba(28,21,25,.09);color:#1c15197a;font-size:0.64rem}html .momo-app-docs-status>a{color:#e8548b}html .momo-app-docs-status>strong{color:#1c15196e;font-size:0.64rem}html .momo-app-doc-section{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-doc-section>header>span{color:#e8548b;font-size:0.64rem}html .momo-app-doc-section h2{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-doc-section header p{color:#1c15197a;font-size:0.64rem}html .momo-app-doc-section header em{border:1px solid rgba(232,84,139,.18);color:#e8548b;background:#ff8bb50f;font-size:0.64rem}html .momo-app-doc-content>p{color:#1c1519a3}html .momo-app-doc-content li{color:#1c1519a6}html .momo-app-doc-content li::marker{color:#e8548b}html .momo-app-doc-table-wrap{border:1px solid rgba(28,21,25,.1);border-radius:12px;background:#fffdfb7a}html .momo-app-doc-table-wrap th{color:#1c151978;background:#1c151909;font-size:0.64rem}html .momo-app-doc-table-wrap td{border-top:1px solid rgba(28,21,25,.08);color:#1c1519b3;font-size:0.64rem}html .momo-app-doc-table-wrap td:first-child{color:#1c1519}html .momo-app-doc-address{color:#e8548b;font-size:0.64rem}html .momo-app-doc-details{border:1px solid rgba(232,84,139,.18);border-radius:12px;background:#fffdfb8c}html .momo-app-doc-details summary{color:#1c1519;font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-doc-details summary svg{color:#e8548b}html .momo-app-doc-details[open] summary{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-doc-details p{color:#1c1519a3}html .momo-app-doc-details li{color:#1c1519ad}html .momo-app-doc-details li::marker{color:#e8548b}html .momo-app-doc-note{border:1px solid rgba(232,84,139,.16);border-radius:12px;color:#1c151999;background:#ff8bb50e;font-size:0.64rem}html .momo-app-doc-note svg{color:#e8548b}html .momo-app-docs-empty{color:#1c151973}html .momo-app-contract-strip{background:#1c151914}html .momo-app-contract-strip>div{background:#fffdfbb8}html .momo-app-contract-strip svg{color:#e8548b}html .momo-app-contract-strip span{font-size:0.64rem}html .momo-app-contract-strip strong{color:#1c15196b;font-size:0.64rem}html .momo-app-modal-backdrop{background:#1c151970}html .momo-app-abstract-link-modal{border:1px solid rgba(51,40,46,.14);background:#fffdfbfa;color:#1c1519}html .momo-app-abstract-link-close{border:1px solid rgba(51,40,46,.12)}html .momo-app-abstract-link-modal dl{border:1px solid rgba(51,40,46,.1)}html .momo-app-abstract-link-primary{background:#1c1519}html .momo-app-abstract-link-secondary{border:1px solid rgba(51,40,46,.14);color:#1c1519}html .momo-app-token-sheet{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151942}html .momo-app-token-sheet>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-token-sheet>header>strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-token-sheet>header>button{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-token-search{border:1px solid rgba(28,21,25,.13);border-radius:12px}html .momo-app-token-search:focus-within{border-color:#e8548ba6;box-shadow:0 0 0 3px #e8548b17}html .momo-app-token-search svg{color:#1c151973}html .momo-app-token-search input{color:#1c1519}html .momo-app-token-results>button{border-radius:12px}html .momo-app-token-results>button:hover,html .momo-app-token-results>button.is-active{background:#e9eef04d}html .momo-app-token-results small{color:#1c15197a;font-size:0.64rem}html .momo-app-token-results code{color:#1c151970;font-size:0.64rem}html .momo-app-token-status{color:#1c151985}html .momo-app-token-status.is-error{color:#c93b74}html .momo-app-token-warning{border-top:1px solid rgba(28,21,25,.09);color:#1c151980;background:#e9eef029;font-size:0.64rem}html .momo-app-momo-details{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151947}html .momo-app-momo-details>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-momo-details>header strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-momo-details>header span{color:#1c151994;background:#e9eef052;font-size:0.64rem}html .momo-app-momo-details>header span.is-active{color:#c93b74;background:#ff8bb524}html .momo-app-momo-details>header>button{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-momo-details-art{border:1px solid rgba(28,21,25,.1);border-radius:16px;background:#e9eef04d}html .momo-app-momo-activation-state{border:1px solid rgba(28,21,25,.1);border-radius:14px;background:#e9eef033}html .momo-app-momo-activation-state.is-active{border-color:#e8548b3d;background:#ff8bb513}html .momo-app-momo-activation-state>div{border-right:1px solid rgba(28,21,25,.08)}html .momo-app-momo-activation-state span,html .momo-app-momo-rarity span{color:#1c151973;font-size:0.64rem}html .momo-app-momo-upgrade{border:1px solid rgba(232,84,139,.2);border-radius:14px;background:#ff8bb511}html .momo-app-momo-upgrade>header strong{font-size:0.64rem}html .momo-app-momo-upgrade>header span{color:#c93b74;font-size:0.64rem}html .momo-app-momo-upgrade>div>button{border:1px solid rgba(28,21,25,.1);border-radius:10px}html .momo-app-momo-upgrade>div>button.is-active{border-color:#e8548b;box-shadow:inset 0 0 0 1px #e8548b29}html .momo-app-momo-upgrade>div>button span{color:#1c15197a;font-size:0.64rem}html .momo-app-momo-upgrade>div>button strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-momo-upgrade>div>button small{color:#c93b74;font-size:0.64rem}html .momo-app-momo-upgrade>p{border-radius:10px;font-size:0.64rem}html .momo-app-momo-rarity{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-momo-rarity strong{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-momo-rarity small{color:#1c15197a;font-size:0.64rem}html .momo-app-momo-rarity a{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#c93b74;font-size:0.64rem}html .momo-app-momo-traits{border:1px solid rgba(28,21,25,.1);border-radius:14px}html .momo-app-momo-traits>header{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-momo-traits>header strong{font-size:0.64rem}html .momo-app-momo-traits>header span{color:#1c151985;background:#e9eef052;font-size:0.64rem}html .momo-app-momo-trait-grid{background:#1c151912}html .momo-app-momo-trait-grid article{background:#fffdfbd1}html .momo-app-momo-trait-grid article span{color:#1c15196b;font-size:0.64rem}html .momo-app-momo-trait-grid article strong{font-size:0.64rem}html .momo-app-momo-trait-grid article small{color:#c93b74;font-size:0.64rem}html .momo-app-momo-trait-meta em{color:#1c15196e;font-size:0.64rem}html .momo-app-momo-traits-status{color:#1c15197a;font-size:0.64rem}html .momo-app-momo-traits-status.is-error{color:#c93b74c7}html .momo-app-momo-details>footer{border-top:1px solid rgba(28,21,25,.1);background:#e9eef01f}html .momo-app-momo-details>footer>span{color:#1c15197a;font-size:0.64rem}html .momo-app-momo-details>footer>button{border-radius:12px;background:#1c1519;font-size:0.64rem}html .momo-app-momo-details>footer>button:disabled{color:#1c15196b;background:#1c151917}html .momo-app-nft-sheet{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151940}html .momo-app-sheet-handle{background:#1c151933}html .momo-app-nft-sheet>header,html .momo-app-wallet-sheet>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-pool-count{color:#1c15197a;font-size:0.64rem}html .momo-app-nft-sheet>header>button,html .momo-app-wallet-sheet>header>button{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-picker-tools{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-picker-tools label{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-picker-sort select{color:#1c1519;font-size:0.64rem}html .momo-app-picker-sort svg{color:#1c15197a}html .momo-app-picker-tools>button{border:1px solid rgba(28,21,25,.13);border-radius:10px;font-size:0.64rem}html .momo-app-picker-tools>button.is-active{border-color:#e8548b7a;color:#c93b74;background:#ff8bb514}html .momo-app-trait-drawer{background:#e9eef01f}html .momo-app-nft-browser.has-trait-filters .momo-app-trait-drawer{border-right-color:#1c151917}html .momo-app-trait-drawer>header{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-trait-drawer>header strong{font-size:0.64rem}html .momo-app-trait-drawer>header button{border:1px solid rgba(28,21,25,.1);border-radius:10px}html .momo-app-trait-filters label{border:1px solid rgba(28,21,25,.11);border-radius:10px}html .momo-app-trait-filters label span{color:#1c15196e;font-size:0.64rem}html .momo-app-trait-filters select{color:#1c1519;font-size:0.64rem}html .momo-app-trait-filters label svg{color:#1c15196b}html .momo-app-trait-empty{color:#1c15197a;font-size:0.64rem}html .momo-app-trait-drawer>button{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#c93b74;font-size:0.64rem}html .momo-app-nft-card{border:1px solid rgba(28,21,25,.11);border-radius:14px}html .momo-app-nft-card:hover,html .momo-app-nft-card.is-selected{border-color:#e8548b9e}html .momo-app-nft-card.is-selected{box-shadow:0 0 0 2px #e8548b1a}html .momo-app-nft-info{border:1px solid rgba(28,21,25,.13);color:#1c1519;background:#fffdfbeb;box-shadow:0 .25rem .8rem #1c15191f}html .momo-app-nft-info:hover{background:#1c1519}html .momo-app-nft-thumb{border-radius:10px;background:#e9eef0}html .momo-app-nft-image-missing{color:#1c151980;background:linear-gradient(145deg,#e9eef09e,#fffdfbe6)}html .momo-app-nft-image-missing small{font-size:0.64rem}html .momo-app-nft-thumb i{background:#e8548b}html .momo-app-nft-grid small{color:#1c151973;font-size:0.64rem}html .momo-app-picker-empty{color:#1c15197a}html .momo-app-picker-empty>span{font-size:0.64rem}html .momo-app-picker-empty>button{border:1px solid rgba(28,21,25,.14);border-radius:10px;color:#1c1519;font-size:0.64rem}html .momo-app-picker-empty.is-error{color:#c93b74}html .momo-app-picker-more{border:1px solid rgba(28,21,25,.12);border-radius:10px;color:#1c1519;font-size:0.64rem}html .momo-app-picker-more:hover{border-color:#e8548b73}html .momo-app-picker-more span{color:#1c151970;font-size:0.64rem}html .momo-app-nft-sheet footer{border-top:1px solid rgba(28,21,25,.1)}html .momo-app-nft-sheet footer>span{color:#1c15198f;font-size:0.64rem}html .momo-app-swap-composer{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151940}html .momo-app-swap-composer>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-swap-composer>header h2{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-swap-composer>header span{color:#1c15197a;font-size:0.64rem}html .momo-app-swap-composer>header>button{border:1px solid rgba(28,21,25,.12);border-radius:10px}html .momo-app-swap-composer-body{background:linear-gradient(135deg,#e9eef01a,#f7d7e51a)}html .momo-app-swap-composer-pane{border:1px solid rgba(28,21,25,.11);border-radius:16px;background:#fffdfbbf}html .momo-app-swap-composer-arrow{border:1px solid rgba(28,21,25,.12);color:#c93b74;background:#fffdfb}html .momo-app-swap-picker-pane>header{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-swap-picker-pane>header small{color:#c93b74;font-size:0.64rem}html .momo-app-swap-picker-pane>header>span{border:1px solid rgba(28,21,25,.1);color:#1c15198f;background:#e9eef02b;font-size:0.64rem}html .momo-app-swap-picker-tools{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-swap-picker-tools label{border:1px solid rgba(28,21,25,.1);border-radius:10px}html .momo-app-swap-picker-tools input{font-size:0.64rem}html .momo-app-swap-picker-tools>button{border:1px solid rgba(28,21,25,.11);border-radius:10px;font-size:0.64rem}html .momo-app-swap-picker-tools>button.is-active{border-color:#e8548b7a;color:#c93b74;background:#ff8bb514}html .momo-app-swap-picker-sort select{color:#1c1519;font-size:0.64rem}html .momo-app-swap-picker-sort svg{color:#1c151973}html .momo-app-swap-trait-drawer{background:#e9eef024}html .momo-app-swap-picker-browser.has-trait-filters .momo-app-swap-trait-drawer{border-right-color:#1c151917}html .momo-app-swap-trait-drawer>header{border-bottom:1px solid rgba(28,21,25,.08)}html .momo-app-swap-trait-drawer>header strong{font-size:0.64rem}html .momo-app-swap-trait-drawer>header button{border:1px solid rgba(28,21,25,.1);border-radius:10px}html .momo-app-swap-trait-drawer>div label{border:1px solid rgba(28,21,25,.1);border-radius:10px}html .momo-app-swap-trait-drawer>div label span{color:#1c15196b;font-size:0.64rem}html .momo-app-swap-trait-drawer select{color:#1c1519;font-size:0.64rem}html .momo-app-swap-trait-drawer label svg{color:#1c151966}html .momo-app-swap-trait-drawer>button{border:1px solid rgba(28,21,25,.11);border-radius:10px;color:#c93b74;font-size:0.64rem}html .momo-app-swap-picker-grid .momo-app-nft-card strong{font-size:0.64rem}html .momo-app-swap-picker-grid .momo-app-nft-card small{color:#1c151973;font-size:0.64rem}html .momo-app-swap-review>section>small{color:#c93b74;font-size:0.64rem}html .momo-app-swap-review>svg{color:#c93b74}html .momo-app-swap-review-grid article{border:1px solid rgba(28,21,25,.1);border-radius:12px}html .momo-app-swap-review-grid article>span{border-radius:10px;background:#e9eef0}html .momo-app-swap-review-grid article strong{font-size:0.64rem}html .momo-app-swap-review-fee{border:1px solid rgba(28,21,25,.1);border-radius:12px;background:#e9eef026}html .momo-app-swap-review-fee span{color:#1c151980;font-size:0.64rem}html .momo-app-swap-composer>footer{border-top:1px solid rgba(28,21,25,.1);background:#fffdfbe6}html .momo-app-swap-composer-summary>span{color:#1c15198c;font-size:0.64rem}html .momo-app-swap-composer-summary>span strong{color:#1c1519}html .momo-app-swap-composer-summary>em{color:#c93b74;font-size:0.64rem}html .momo-app-swap-composer-fee small{color:#1c151970;font-size:0.64rem}html .momo-app-swap-composer-fee strong{color:#1c1519}html .momo-app-swap-composer-desktop-action>button,html .momo-app-swap-composer-mobile-actions>button{border:1px solid #1c1519;border-radius:10px;background:#1c1519;font-size:0.64rem}html .momo-app-swap-composer-desktop-action>button:disabled,html .momo-app-swap-composer-mobile-actions>button:disabled{border-color:#1c15191f;color:#1c151959;background:#1c15190f}html .momo-app-swap-success{border:1px solid rgba(28,21,25,.13);background:linear-gradient(145deg,#fffdfb,#fff7f4 48%,#f5edf9);box-shadow:0 2rem 7rem #1c15194d}html .momo-app-swap-success>header{border-bottom:1px solid rgba(28,21,25,.09)}html .momo-app-swap-success-check{background:linear-gradient(145deg,#e8548b,#a64377);box-shadow:0 .5rem 1.4rem #e8548b3d}html .momo-app-swap-success>header small{color:#c93b74;font-size:0.64rem}html .momo-app-swap-success>header h2{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-swap-success>header>button{border:1px solid rgba(28,21,25,.12);border-radius:12px}html .momo-app-swap-success-body>section{border:1px solid rgba(28,21,25,.1);border-radius:16px}html .momo-app-swap-success-body>section.is-received{border-color:#e8548b3b;background:#ff8bb511}html .momo-app-swap-success-body>section>small{color:#1c151980;font-size:0.64rem}html .momo-app-swap-success-body>section.is-received>small{color:#c93b74}html .momo-app-swap-success-grid article{border:1px solid rgba(28,21,25,.09);border-radius:14px}html .momo-app-swap-success-grid article>span{border-radius:12px;background:#e9eef0}html .momo-app-swap-success-grid article strong{font-size:0.64rem}html .momo-app-swap-success-arrow{border:1px solid rgba(28,21,25,.12);color:#c93b74;background:#fffdfbe6}html .momo-app-swap-success>footer{border-top:1px solid rgba(28,21,25,.09);background:#fffdfbbd}html .momo-app-swap-success>footer a{color:#1c151994;font-size:0.64rem}html .momo-app-swap-success>footer a:hover{color:#c93b74}html .momo-app-swap-success>footer button{border-radius:12px;background:#1c1519;font-size:0.64rem}html .momo-app-wallet-sheet{border:1px solid rgba(28,21,25,.14);border-radius:16px;background:#fffdfb;box-shadow:0 2rem 6rem #1c151940}html .momo-app-wallet-sheet>p{color:#1c151999}html .momo-app-demo-wallet{border:1px solid rgba(28,21,25,.13);border-radius:12px}html .momo-app-demo-wallet>span{border-radius:12px;background:linear-gradient(145deg,#ff8bb5,#9b7bea);font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-weight: 900;letter-spacing: 0.01em}html .momo-app-demo-wallet small{color:#1c15197a;font-size:0.64rem}html .momo-app-wallet-coming{color:#1c15197a;font-size:0.64rem}@media(max-width:700px){html .momo-app-token-link{font-size:0.64rem}}@media(max-width:700px){html .momo-app-nav{border-top:1px solid rgba(28,21,25,.12);background:#fffdfbe6;box-shadow:0 -.55rem 1.8rem #1c15191a}}@media(max-width:700px){html .momo-app-nav button{border-radius:12px}}@media(max-width:700px){html .momo-app-tier-name small{font-size:0.64rem}}@media(max-width:700px){html .momo-app-reward-claims.is-reveal-grid .momo-app-reward-claim-copy>strong{font-size:0.64rem}}@media(max-width:700px){html .momo-app-reward-snapshots>h2{font-size:0.64rem}}@media(max-width:700px){html .momo-app-reward-snapshots>details>summary{font-size:0.64rem}}@media(max-width:700px){html .momo-app-rewards-help{border-radius:18px 18px 0 0}}@media(max-width:700px){html .momo-app-docs-status>strong{font-size:0.64rem}}@media(max-width:700px){html .momo-app-wallet-connect-modal{border-radius:18px 18px 0 0}}@media(max-width:700px){html .momo-app-token-sheet,html .momo-app-nft-sheet,html .momo-app-liquidity-sheet,html .momo-app-momo-details{border-radius:18px 18px 0 0}}@media(max-width:700px){html .momo-app-swap-composer>header span{font-size:0.64rem}}@media(max-width:700px){html .momo-app-swap-mobile-steps{border-bottom:1px solid rgba(28,21,25,.09)}}@media(max-width:700px){html .momo-app-swap-mobile-steps button{color:#1c15196e;font-size:0.64rem}}@media(max-width:700px){html .momo-app-swap-mobile-steps button:after{background:#e8548b}}@media(max-width:700px){html .momo-app-swap-mobile-steps button[aria-current=step]{color:#1c1519}}@media(max-width:700px){html .momo-app-swap-mobile-steps i{font-size:0.64rem}}@media(max-width:700px){html .momo-app-swap-composer-body{background:#e9eef014}}@media(max-width:700px){html .momo-app-swap-trait-drawer{border-right-color:#1c15191c;background:#fffdfbfa;box-shadow:1rem 0 2.5rem #1c151929}}@media(max-width:700px){html .momo-app-swap-composer-mobile-actions>button.is-back{border-color:#1c15191f;color:#1c1519}}@media(max-width:700px){html .momo-app-swap-success-grid article strong{font-size:0.64rem}}@media(max-width:700px){html .momo-app-wallet-sheet{border-radius:18px 18px 0 0}}@media(max-width:700px){html .momo-app-trait-drawer{border-right-color:#1c15191c;background:#fffdfbfa;box-shadow:1rem 0 2.5rem #1c151929}}@media(max-width:390px){html .momo-app-momo-activation-state>div:nth-child(-n+2){border-bottom:1px solid rgba(28,21,25,.08)}}html .momo-app-rewards-recovery{border:1px solid rgba(214,68,130,.22);color:#1c1519;background:#fffdfbbd}html .momo-app-rewards-recovery>svg{color:#d64482}html .momo-app-rewards-recovery button{border-radius:16px;background:#1c1519}
html .momo-app-reward-wallet-address{border:1px solid rgba(28,21,25,.12)}
html .momo-app-reward-wallet-address code{color:#1c1519}
/* palette ← wallet-discovery.css */
html .momo-app-nav .momo-app-more-menu{border:1px solid #1c151922;box-shadow:0 12px 36px #1c151922}html .momo-app-nav .momo-app-more-menu>button{border-radius:16px}html .momo-app-nav .momo-app-more>button:focus-visible,html .momo-app-nav .momo-app-more-menu>button:focus-visible{outline:2px solid #e8548b}
/* ---- material ---- */
/* ------------------------------------------------------------------
   momo app — atelier material
   The app keeps every element where users learned it. What changes is the material: the lilac
   paper becomes the atelier's daylight ground, cards become frosted glass that catch a highlight
   along the top edge, and the voice switches from Fraunces to the atelier's Zen Kaku / Manrope.
   Every selector is prefixed with .momo-app-shell so it outranks the legacy rule it restyles
   (one class more) without !important, and never leaks onto the homepage, which shares index.html.
   The shell itself is addressed as `html .momo-app-shell`: the legacy sheet loads after this one.
   ------------------------------------------------------------------ */

html .momo-app-shell {
  --ink: #1c1519;
  --ink-2: #544b50;
  --ink-3: #7d7277;          /* the atelier's ink-3, one step darker so 11px labels pass 4.5:1 */
  --peach-100: #fff0f5;
  --peach-300: #ffc3d8;
  --peach-400: #ff8bb5;
  --peach-500: #ff6ea3;
  --peach-600: #e8548b;
  --peach-ink: #c93b74;      /* peach for small text */
  --gl-tint: rgba(255, 253, 251, 0.66);
  --gl-tint-2: rgba(255, 253, 251, 0.84);
  --gl-tint-solid: rgba(255, 253, 251, 0.96);
  --gl-edge: rgba(255, 255, 255, 0.66);
  --gl-hair: rgba(28, 21, 25, 0.08);
  --gl-blur: 26px;
  --gl-shade: 0 24px 60px -28px rgba(46, 30, 40, 0.5), 0 3px 10px -4px rgba(46, 30, 40, 0.18);
  --gl-shade-sm: 0 12px 30px -18px rgba(46, 30, 40, 0.45);
  --gl-lip: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --display: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;

  position: relative;
  isolation: isolate;
  overflow-x: clip;
  color: var(--ink);
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  /* The atelier's ground: wide soft washes of the storefront palette, for the glass to bend. */
  background:
    radial-gradient(70% 30% at 88% 0%, rgba(203, 225, 229, 1), transparent 70%),
    radial-gradient(60% 26% at 2% 14%, rgba(255, 214, 229, 1), transparent 70%),
    radial-gradient(60% 22% at 96% 42%, rgba(224, 215, 245, 0.95), transparent 70%),
    radial-gradient(70% 24% at 0% 64%, rgba(210, 236, 224, 0.9), transparent 70%),
    radial-gradient(60% 22% at 92% 92%, rgba(255, 220, 233, 0.95), transparent 70%),
    #fdf9f6;
}

/* The street from /atelier, blurred to weather: it carries the shop's light into the app. */
html .momo-app-shell::before {
  content: "";
  position: absolute;
  /* Wider than the page so the blurred edges fall off-screen; the shell clips the overhang. */
  inset: 0 -15% auto -15%;
  height: 70vh;
  z-index: -1;
  pointer-events: none;
  background: url("/atelier-assets/storefront-768.avif") 60% 38% / cover no-repeat;
  filter: blur(64px) saturate(0.6);
  opacity: 0.6;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.5) 45%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.5) 45%, transparent 100%);
}

.momo-app-shell ::selection { background: var(--peach-300); color: var(--ink); }
.momo-app-shell :focus-visible { outline: 2px solid var(--peach-500); outline-offset: 3px; }

/* ---------- Type ---------- */
.momo-app-shell .momo-app-back { font-family: var(--display); font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; font-size: 1.05rem; }
.momo-app-shell .momo-app-kicker { color: var(--ink-3); font-weight: 800; letter-spacing: 0.13em; }
.momo-app-shell .momo-app-empty-title { font-family: var(--display); font-weight: 900; text-transform: uppercase; letter-spacing: 0.02em; }

/* Tier names read like the atelier's piece names: heavy, uppercase, a touch of tracking. */
.momo-app-shell .momo-app-tier-name strong { text-transform: uppercase; letter-spacing: 0.03em; }
.momo-app-shell .momo-app-tier-index { color: var(--peach-ink); font-weight: 800; letter-spacing: 0.13em; }

/* Larger small print needs a little more room in the price column; same columns, same order. */
@media (min-width: 701px) {
  .momo-app-shell .momo-app-tier-list > button { grid-template-columns: 4rem minmax(8rem, 1fr) 4.2rem 10.8rem 1.35rem 1.7rem; }
  .momo-app-shell .momo-app-tier-price small { white-space: nowrap; }
}

/* ---------- Glass: cards ----------
   The legacy app has one card family; each becomes the same pane of glass. */
.momo-app-shell :is(
  .momo-app-market-chart, .momo-app-market-action, .momo-app-swap-card, .momo-app-info-card,
  .momo-app-liquidity-list, .momo-app-trade-card, .momo-app-activation-picker, .momo-app-ladder,
  .momo-app-activation-checkout, .momo-app-rewards-empty, .momo-app-stat-grid article,
  .momo-app-reward-value-chart, .momo-app-chart-card, .momo-app-contract-strip,
  .momo-app-activation-gallery, .momo-app-fee-mix, .momo-app-docs-sidebar,
  .momo-app-docs-content
) {
  border: 1px solid var(--gl-edge);
  border-radius: 22px;
  background: var(--gl-tint);
  box-shadow: var(--gl-shade), var(--gl-lip);
  -webkit-backdrop-filter: blur(var(--gl-blur)) saturate(165%);
  backdrop-filter: blur(var(--gl-blur)) saturate(165%);
}
/* Denser glass where the pane holds small numbers. */
.momo-app-shell :is(.momo-app-market-action, .momo-app-activation-checkout, .momo-app-ladder, .momo-app-trade-card, .momo-app-stat-grid article) {
  background: var(--gl-tint-2);
}
/* A bento is only a grid of cards: one pane of glass around panes of glass reads as clutter. */
.momo-app-shell .momo-app-bento { border: 0; background: transparent; box-shadow: none; padding: 0; }

/* The chart is a dark iframe: frame it, don't frost it. */
.momo-app-shell .momo-app-market-chart { overflow: hidden; }
.momo-app-shell .momo-app-market-chart > iframe { border-radius: 0 0 21px 21px; }

/* Sheets and menus float above everything: near-solid glass, a softer, deeper shadow. */
.momo-app-shell :is(
  .momo-app-account-menu, .momo-app-pool-menu, .momo-app-liquidity-sheet, .momo-app-rewards-help,
  .momo-app-token-sheet, .momo-app-momo-details, .momo-app-nft-sheet, .momo-app-swap-composer,
  .momo-app-wallet-sheet, .momo-app-more-menu
) {
  border: 1px solid var(--gl-edge);
  border-radius: 28px;
  background: var(--gl-tint-solid);
  box-shadow: 0 40px 90px -36px rgba(46, 30, 40, 0.6), 0 6px 18px -8px rgba(46, 30, 40, 0.22), var(--gl-lip);
  -webkit-backdrop-filter: blur(30px) saturate(170%);
  backdrop-filter: blur(30px) saturate(170%);
}
/* ---------- More menu: the atelier's drop-down, with Atelier added by nav-extras.js ---------- */
.momo-app-shell .momo-app-nav .momo-app-more-menu { width: 232px; padding: 0.4rem; border-radius: 20px; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a) {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
  padding: 0.75rem 0.9rem;
  border-radius: 14px;
  color: var(--ink);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  transition: background-color 0.15s ease;
}
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a) + :is(button, a) { margin-top: 2px; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a) span { font-size: inherit; line-height: 1.2; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a) svg { color: var(--ink-3); flex: none; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a):hover { background: rgba(28, 21, 25, 0.05); }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a).is-active { background: var(--ink); color: #fff; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a).is-active svg { color: var(--peach-400); }
.momo-app-shell .momo-app-nav .momo-app-more-menu > :is(button, a)::after {
  display: block;
  position: static;
  margin-left: auto;
  height: auto;
  opacity: 1;
  transform: none;
  background: none;
  font-family: var(--display);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--peach-500);
}
.momo-app-shell .momo-app-nav .momo-app-more-menu > button:nth-of-type(1)::after { content: "抽選" / ""; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > button:nth-of-type(2)::after { content: "分析" / ""; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > button:nth-of-type(3)::after { content: "資料" / ""; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > a.momo-app-more-atelier::after { content: "アトリエ ↗" / ""; }
/* Atelier leaves the app: a hairline says "elsewhere" before the link does. */
.momo-app-shell .momo-app-nav .momo-app-more-menu > a.momo-app-more-atelier { margin-top: 0.35rem; }
.momo-app-shell .momo-app-nav .momo-app-more-menu > a.momo-app-more-atelier::before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 0.9rem;
  right: 0.9rem;
  height: 1px;
  background: rgba(28, 21, 25, 0.08);
}
.momo-app-shell .momo-app-modal-backdrop,
.momo-app-shell .momo-app-swap-composer-backdrop,
.momo-app-shell .momo-app-swap-success-backdrop { background: rgba(28, 21, 25, 0.28); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* Fields inside a pane: milk glass with a hairline, the atelier's .gl-field. */
.momo-app-shell :is(
  .momo-app-compact-asset-box, .momo-app-token-field, .momo-app-nft-select, .momo-app-quantity-row,
  .momo-app-liquidity-asset-box, .momo-app-compact-pool-select, .momo-app-manage-amount,
  .momo-app-docs-search, .momo-app-token-search, .momo-app-activation-sort
) {
  border-color: var(--gl-hair);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
}
.momo-app-shell .momo-app-compact-asset-box.is-output { background: rgba(238, 243, 244, 0.6); }
.momo-app-shell :is(.momo-app-notice, .momo-app-inline-notice, .momo-app-trade-note) {
  border-color: var(--gl-edge);
  border-radius: 16px;
  background: var(--gl-tint-2);
  box-shadow: var(--gl-shade-sm), var(--gl-lip);
}

/* ---------- Buttons ---------- */
/* Primary: the atelier's ink pill with the peach dot. Sentence case, like every atelier button. */
.momo-app-shell :is(.momo-app-primary-button, .momo-app-wallet-button, .momo-app-activation-checkout > button, .momo-app-nft-sheet footer button,
  .momo-app-rewards-activate, .momo-app-reward-rip, .momo-app-reward-auth-notice > button, .momo-app-reward-group-actions button,
  .momo-app-reward-claims article > button, .momo-app-reward-claims article > a, .momo-app-momo-details > footer > button,
  .momo-app-swap-composer-desktop-action > button, .momo-app-swap-composer-mobile-actions > button, .momo-app-swap-success > footer button,
  .momo-app-rewards-recovery button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 1px solid transparent;
  border-radius: 9999px;
  background: var(--ink);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 10px 26px -12px rgba(28, 21, 25, 0.75);
  transition: transform 0.12s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}
@media (min-width: 701px) { .momo-app-shell .momo-app-wallet-button { font-size: 0.8rem; padding: 0.55rem 1rem; } }
/* The dot marks the one primary action; buttons that already carry an icon keep just the icon. */
.momo-app-shell :is(.momo-app-primary-button, .momo-app-wallet-button, .momo-app-rewards-activate, .momo-app-swap-composer-desktop-action > button, .momo-app-swap-composer-mobile-actions > button):not(:has(> svg:first-child))::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--peach-400);
  flex: none;
}
.momo-app-shell :is(.momo-app-primary-button, .momo-app-wallet-button, .momo-app-activation-checkout > button, .momo-app-nft-sheet footer button,
  .momo-app-rewards-activate, .momo-app-reward-rip, .momo-app-reward-auth-notice > button, .momo-app-reward-group-actions button,
  .momo-app-reward-claims article > button, .momo-app-reward-claims article > a, .momo-app-momo-details > footer > button,
  .momo-app-swap-composer-desktop-action > button, .momo-app-swap-composer-mobile-actions > button, .momo-app-swap-success > footer button,
  .momo-app-rewards-recovery button):not(:disabled):hover { background: #33282e; transform: none; }
.momo-app-shell :is(.momo-app-primary-button, .momo-app-wallet-button, .momo-app-activation-checkout > button, .momo-app-nft-sheet footer button,
  .momo-app-rewards-activate, .momo-app-reward-rip, .momo-app-reward-auth-notice > button, .momo-app-reward-group-actions button,
  .momo-app-reward-claims article > button, .momo-app-reward-claims article > a, .momo-app-momo-details > footer > button,
  .momo-app-swap-composer-desktop-action > button, .momo-app-swap-composer-mobile-actions > button, .momo-app-swap-success > footer button,
  .momo-app-rewards-recovery button):not(:disabled):active { transform: scale(0.985); }
.momo-app-shell :is(.momo-app-primary-button, .momo-app-wallet-button, .momo-app-activation-checkout > button, .momo-app-nft-sheet footer button,
  .momo-app-rewards-activate, .momo-app-reward-rip, .momo-app-reward-auth-notice > button, .momo-app-reward-group-actions button,
  .momo-app-reward-claims article > button, .momo-app-reward-claims article > a, .momo-app-momo-details > footer > button,
  .momo-app-swap-composer-desktop-action > button, .momo-app-swap-composer-mobile-actions > button, .momo-app-swap-success > footer button,
  .momo-app-rewards-recovery button):disabled { opacity: 0.45; }
.momo-app-shell .momo-app-wallet-button.is-wrong-chain { background: #d9463f; }

/* Secondary: the atelier's glass pill. */
.momo-app-shell :is(.momo-app-token-link, .momo-app-slippage-toggle, .momo-app-asset-selector, .momo-app-picker-more) {
  border: 1px solid var(--gl-edge);
  border-radius: 9999px;
  background: var(--gl-tint-2);
  color: var(--ink);
  box-shadow: var(--gl-shade-sm), var(--gl-lip);
}
.momo-app-shell .momo-app-token-link { font-weight: 800; letter-spacing: 0.06em; padding-inline: 1rem; }
.momo-app-shell :is(.momo-app-token-link, .momo-app-slippage-toggle, .momo-app-asset-selector):hover { background: rgba(255, 255, 255, 0.94); transform: none; }
.momo-app-shell .momo-app-compact-flip { border-radius: 9999px; background: var(--ink); border-color: #fffdfb; box-shadow: 0 8px 20px -10px rgba(28, 21, 25, 0.7); }

/* Inside a white pane a white-glass button would vanish: it gets the field's hairline instead. */
.momo-app-shell :is(.momo-app-activation-gallery-empty, .momo-app-picker-empty, .momo-app-position-empty) button {
  min-height: 2.4rem;
  padding: 0.55rem 1.1rem;
  border: 1px solid rgba(28, 21, 25, 0.16);
  border-radius: 9999px;
  background: #fff;
  color: var(--ink);
  font-size: 0.8rem;
  font-weight: 700;
  box-shadow: 0 6px 16px -12px rgba(46, 30, 40, 0.5);
}
.momo-app-shell :is(.momo-app-activation-gallery-empty, .momo-app-picker-empty, .momo-app-position-empty) button:hover { border-color: var(--ink); }
.momo-app-shell :is(.momo-app-liquidity-plus, .momo-app-nft-swap-arrow) { border-radius: 9999px; background: var(--ink); }

/* Sub-tabs inside a card: the atelier's glass switch, ink when chosen. */
.momo-app-shell .momo-app-activation-filters {
  border: 1px solid var(--gl-edge);
  border-radius: 9999px;
  padding: 4px;
  background: var(--gl-tint-2);
  box-shadow: var(--gl-lip);
}
.momo-app-shell .momo-app-activation-filters button { border-radius: 9999px; color: var(--ink-3); font-weight: 800; }
.momo-app-shell .momo-app-activation-filters button:is([aria-pressed="true"], .is-active) { background: var(--ink); color: #fff; box-shadow: none; }
.momo-app-shell .momo-app-segmented {
  border: 1px solid var(--gl-edge);
  border-radius: 9999px;
  padding: 4px;
  background: var(--gl-tint-2);
  box-shadow: var(--gl-lip);
}
.momo-app-shell .momo-app-segmented button {
  border-radius: 9999px;
  color: var(--ink-3);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.momo-app-shell .momo-app-segmented button:hover { color: var(--ink-2); }
.momo-app-shell .momo-app-segmented button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: transparent; box-shadow: none; }
/* A switch with a single option (Swap) has nothing to switch: it reads as a label, not a black slab. */
.momo-app-shell .momo-app-segmented:has(> button:only-child) button[aria-pressed="true"] {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 6px 16px -12px rgba(46, 30, 40, 0.5);
}

/* The primary action in a pane reads at body size, like the atelier's buttons. */
.momo-app-shell :is(.momo-app-primary-button, .momo-app-activation-checkout > button) { font-size: 0.92rem; }
.momo-app-shell .momo-app-activation-checkout > button { padding: 0.85rem 1.4rem; }

/* Charts draw their colours as SVG attributes from JS, which the palette pass cannot see;
   CSS outranks presentation attributes, so the atelier palette is applied here. */
.momo-app-shell .recharts-area-curve, .momo-app-shell .recharts-line-curve { stroke: var(--peach-500); stroke-width: 2.2; }
.momo-app-shell .recharts-dot { stroke: var(--peach-500); fill: #fffdfb; }
.momo-app-shell .recharts-surface stop { stop-color: var(--peach-400); }
.momo-app-shell .recharts-cartesian-grid line, .momo-app-shell svg line[stroke^="rgba(58,36,63"] { stroke: rgba(28, 21, 25, 0.07); }
.momo-app-shell .recharts-cartesian-axis-tick-value { fill: var(--ink-3); }
.momo-app-shell .momo-app-reward-value-chart > header > span { font-size: 0.66rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.momo-app-shell .momo-app-reward-value-chart > header > strong { font-family: var(--display); font-weight: 900; letter-spacing: -0.01em; }

/* ---------- Next-epoch fill (epoch-fill.js adds it under "Rewards distributed") ---------- */
.momo-app-shell .momo-epoch-fill {
  margin-top: 0.65rem;
  padding: 1rem 1.25rem 0.95rem;
  border: 1px solid var(--gl-edge);
  border-radius: 22px;
  background: var(--gl-tint-2);
  box-shadow: var(--gl-shade), var(--gl-lip);
  -webkit-backdrop-filter: blur(var(--gl-blur)) saturate(165%);
  backdrop-filter: blur(var(--gl-blur)) saturate(165%);
}
.momo-app-shell .momo-epoch-fill header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.momo-app-shell .momo-epoch-fill-label { font-size: 0.66rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.momo-app-shell .momo-epoch-fill-label i { font-style: normal; font-family: var(--display); font-weight: 700; letter-spacing: 0.14em; color: var(--peach-500); margin-left: 0.35rem; }
.momo-app-shell .momo-epoch-fill header strong { font-family: var(--display); font-weight: 900; font-size: 1.5rem; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.momo-app-shell .momo-epoch-fill header small { font-family: Manrope, system-ui, sans-serif; font-size: 0.78rem; font-weight: 700; color: var(--ink-3); letter-spacing: 0; }
.momo-app-shell .momo-epoch-fill-meter { position: relative; height: 10px; margin: 0.8rem 0 0.6rem; border-radius: 9999px; background: rgba(28, 21, 25, 0.07); overflow: hidden; }
.momo-app-shell .momo-epoch-fill-meter > span {
  display: block;
  height: 100%;
  min-width: 10px;
  border-radius: 9999px;
  background: linear-gradient(90deg, var(--peach-300), var(--peach-500));
  box-shadow: 0 0 14px rgba(255, 110, 163, 0.45);
  transition: width 0.9s cubic-bezier(0.22, 0.9, 0.2, 1);
}
.momo-app-shell .momo-epoch-fill.is-full .momo-epoch-fill-meter > span { background: linear-gradient(90deg, #7fd3b3, #1f9d78); box-shadow: 0 0 14px rgba(31, 157, 120, 0.4); }
.momo-app-shell .momo-epoch-fill footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.25rem 1rem; font-size: 0.72rem; font-weight: 600; color: var(--ink-3); }
.momo-app-shell .momo-epoch-fill footer > span:first-child { color: var(--ink); font-weight: 800; }
@media (max-width: 700px) {
  .momo-app-shell .momo-epoch-fill { border-radius: 20px; padding: 0.9rem 1rem; }
  .momo-app-shell .momo-epoch-fill header strong { font-size: 1.25rem; }
}

/* ---------- Raffle (its own component, same material) ---------- */
.momo-app-shell .momo-raffle-heading h1 { font-family: var(--display); font-weight: 900; text-transform: uppercase; letter-spacing: 0.01em; }
.momo-app-shell .momo-raffle-sidebar {
  border: 1px solid var(--gl-edge);
  border-radius: 22px;
  background: var(--gl-tint-2);
  box-shadow: var(--gl-shade), var(--gl-lip);
  -webkit-backdrop-filter: blur(var(--gl-blur)) saturate(165%);
  backdrop-filter: blur(var(--gl-blur)) saturate(165%);
}
.momo-app-shell .momo-raffle-participant-total h2 { font-size: 0.66rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); }
.momo-app-shell .momo-raffle-proof { border-color: var(--gl-hair); }

/* ---------- Header + section rail ---------- */
@media (min-width: 701px) {
  /* The masthead floats as a pane of glass, the way the atelier's does over the street. */
  .momo-app-shell .momo-app-header {
    top: 0.75rem;
    margin: 0.75rem auto 0;
    width: min(calc(100% - 1.5rem), 86rem);
    min-height: 3.9rem;
    padding: 0 0.6rem 0 1.4rem;
    border: 1px solid var(--gl-edge);
    border-radius: 9999px;
    background: var(--gl-tint-2);
    box-shadow: var(--gl-shade-sm), var(--gl-lip);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
    backdrop-filter: blur(22px) saturate(165%);
  }
  .momo-app-shell .momo-app-back::after {
    content: "アプリ" / "";
    font-family: var(--display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: var(--peach-500);
    margin-left: 0.4rem;
  }

  /* The section rail becomes one capsule under the masthead. Same buttons, same order. */
  .momo-app-shell .momo-app-nav {
    top: 5.35rem;
    padding: 0.85rem 0 0.35rem;
    border: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
  }
  .momo-app-shell .momo-app-nav-rail {
    width: min(calc(100% - 1.5rem), 52rem);
    gap: 2px;
    padding: 4px;
    border: 1px solid var(--gl-edge);
    border-radius: 9999px;
    background: var(--gl-tint-2);
    box-shadow: var(--gl-shade-sm), var(--gl-lip);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    pointer-events: auto;
  }
  .momo-app-shell .momo-app-nav-rail > button,
  .momo-app-shell .momo-app-more > button {
    min-height: 2.75rem;
    border-radius: 9999px;
    color: var(--ink-3);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent;
  }
  .momo-app-shell .momo-app-more { display: flex; flex: 1 1 0; }
  .momo-app-shell .momo-app-more > button { width: 100%; }
  .momo-app-shell .momo-app-nav button::after { display: none; }
  .momo-app-shell .momo-app-nav-rail > button:hover,
  .momo-app-shell .momo-app-more > button:hover { color: var(--ink); }
  .momo-app-shell .momo-app-nav-rail > button.is-active,
  .momo-app-shell .momo-app-more > button.is-active { background: var(--ink); color: #fff; }
  .momo-app-shell .momo-app-nav-rail > button.is-active svg { color: var(--peach-400); }
  .momo-app-shell .momo-app-more > button[aria-expanded="true"]:not(.is-active) { background: rgba(28, 21, 25, 0.06); color: var(--ink); }
  .momo-app-shell .momo-app-stage { padding-top: 1.4rem; }
}

/* Seven sections in the capsule under the masthead: below ~1000px the labels need the icons' room. */
@media (min-width: 701px) and (max-width: 999px) {
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > svg { display: none; }
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) { padding-inline: 0.4rem; letter-spacing: 0.06em; font-size: 0.68rem; }
}

/* ---------- Wide screens: the sections move into the masthead ----------
   Like the atelier's masthead, one pane holds the name, the sections and the wallet. The rail is
   the same element in the same order; it is only drawn into the header's empty middle.
   1260px is where seven sections fit between the name and the wallet with room to spare. */
@media (min-width: 1260px) {
  .momo-app-shell .momo-app-nav {
    top: 0.75rem;
    height: 3.9rem;
    margin-top: -3.9rem;
    padding: 0;
    display: flex;
    align-items: center;
    z-index: 90;
  }
  .momo-app-shell .momo-app-nav-rail {
    width: auto;
    gap: 0.15rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .momo-app-shell .momo-app-nav-rail > button,
  .momo-app-shell .momo-app-more > button {
    flex: 0 0 auto;
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.7rem;
    letter-spacing: 0.13em;
  }
  .momo-app-shell .momo-app-more { flex: 0 0 auto; }
  /* Text only, as in the atelier's masthead: the kana roll is the interaction, not the icon. */
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > svg { display: none; }
  .momo-app-shell .momo-app-stage { padding-top: 2rem; }
}

/* ---------- Raffle + Analytics in the rail (nav-extras.js) ---------- */
.momo-app-shell .momo-app-nav-shortcut { display: none; }
@media (min-width: 701px) {
  .momo-app-shell .momo-app-nav-rail > .momo-app-nav-shortcut { display: inline-flex; }
  /* Their own buttons now live in the rail; More keeps Docs and Atelier. */
  .momo-app-shell .momo-app-nav .momo-app-more-menu > button:nth-of-type(1),
  .momo-app-shell .momo-app-nav .momo-app-more-menu > button:nth-of-type(2) { display: none; }
  /* While a shortcut is the current tab, More should not look current too. */
  .momo-app-shell .momo-app-nav-rail[data-shortcut-active="true"] .momo-app-more > button.is-active { background: transparent; color: var(--ink-3); }
}
/* The menu is opened for a frame when a shortcut clicks through it; keep that invisible. */
html.momo-nav-proxying .momo-app-more-menu { visibility: hidden; }

/* ---------- Signature: the labels turn over to katakana ----------
   The atelier's split-flap roll, done with the markup the app already has: each label gets its
   katakana as a second line inside a one-line window, and a hover pulls the window up a line.
   The kana is decoration (`/ ""`), so the button's accessible name stays "Swap", "NFT Trade"… */
@media (min-width: 701px) and (hover: hover) {
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > span {
    display: inline-block;
    height: 1.25em;
    line-height: 1.25em;
    overflow: hidden;
    text-align: center;
  }
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > span::before {
    content: "";
    display: block;
    margin-top: 0;
    transition: margin-top 0.42s cubic-bezier(0.22, 0.9, 0.2, 1);
  }
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > span::after {
    display: block;
    font-family: var(--display);
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--peach-500);
  }
  .momo-app-shell .momo-app-nav-rail > button:nth-of-type(1) > span::after { content: "スワップ" / ""; }
  .momo-app-shell .momo-app-nav-rail > button:nth-of-type(2) > span::after { content: "変換" / ""; }
  .momo-app-shell .momo-app-nav-rail > button:nth-of-type(3) > span::after { content: "起動" / ""; }
  .momo-app-shell .momo-app-nav-rail > button:nth-of-type(4) > span::after { content: "報酬" / ""; }
  .momo-app-shell .momo-app-more > button > span::after { content: "その他" / ""; }
  .momo-app-shell .momo-app-nav-rail > button[data-momo-shortcut="raffle"] > span::after { content: "抽選" / ""; }
  .momo-app-shell .momo-app-nav-rail > button[data-momo-shortcut="analytics"] > span::after { content: "分析" / ""; }
  /* Only tabs you might go to turn over; the one you are on, and an open More, keep their names. */
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button):not(.is-active):not([aria-expanded="true"]):is(:hover, :focus-visible) > span::before { margin-top: -1.25em; }
}

/* Lucide's default 2px stroke is heavier than anything else on an atelier page. */
.momo-app-shell svg[stroke="currentColor"] { stroke-width: 1.6; }

/* ---------- Phone ---------- */
@media (max-width: 700px) {
  .momo-app-shell .momo-app-header {
    background: var(--gl-tint-2);
    border-bottom: 1px solid var(--gl-edge);
    box-shadow: var(--gl-shade-sm);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
    backdrop-filter: blur(22px) saturate(165%);
  }
  /* The bottom bar is the same glass, lifted off the edge like the atelier's panes. */
  .momo-app-shell .momo-app-nav {
    left: 0.5rem;
    right: 0.5rem;
    bottom: calc(0.5rem + env(safe-area-inset-bottom));
    padding-bottom: 0;
    border: 1px solid var(--gl-edge);
    border-radius: 24px;
    background: var(--gl-tint-2);
    box-shadow: var(--gl-shade), var(--gl-lip);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
    backdrop-filter: blur(22px) saturate(165%);
  }
  .momo-app-shell .momo-app-nav button { border-radius: 18px; color: var(--ink-3); }
  .momo-app-shell .momo-app-nav button span { font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
  .momo-app-shell .momo-app-nav button.is-active { background: var(--ink); color: #fff; }
  .momo-app-shell .momo-app-nav button.is-active svg { color: var(--peach-400); }
  .momo-app-shell .momo-app-nav button::after { display: none; }
  html .momo-app-shell { padding-bottom: calc(5.4rem + env(safe-area-inset-bottom)); }
  .momo-app-shell :is(.momo-app-market-chart, .momo-app-market-action, .momo-app-swap-card, .momo-app-trade-card, .momo-app-ladder, .momo-app-activation-checkout, .momo-app-activation-picker, .momo-app-activation-gallery, .momo-app-rewards-empty) { border-radius: 20px; }
}

/* Browsers without backdrop-filter get an honest opaque pane instead of a washed-out one. */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .momo-app-shell :is(.momo-app-market-chart, .momo-app-market-action, .momo-app-swap-card, .momo-app-trade-card, .momo-app-ladder, .momo-app-activation-checkout, .momo-app-activation-picker, .momo-app-activation-gallery, .momo-app-rewards-empty, .momo-app-bento, .momo-app-header, .momo-app-nav-rail, .momo-app-nav) { background: rgba(255, 253, 251, 0.96); }
}

@media (prefers-reduced-motion: reduce) {
  .momo-app-shell :is(.momo-app-nav-rail > button, .momo-app-more > button) > span::before { transition: none; }
}

/* The "new version" toast: skin type, and on phones above the fixed bottom nav instead of over it. */
.momo-version-update { font-family: Manrope, system-ui, sans-serif !important; }
@media (max-width: 767px) { .momo-version-update { bottom: calc(84px + env(safe-area-inset-bottom)) !important; } }