/* New Earn-only mobile presentation. Other VaultFi pages and desktop never inherit these styles. */
#vfeApp{display:none}
@media(max-width:768px){
 html.vfe-mobile-ready,html.vfe-mobile-ready body{min-width:0!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;background:#f6f9ff!important}
 html.vfe-mobile-ready body>.vf-app,html.vfe-mobile-ready body>#vfDesktopSidebarV4,html.vfe-mobile-ready body>.vf-mobile-bottom,html.vfe-mobile-ready body>.vf-mobile-head{display:none!important}
 html.vfe-mobile-ready body>#vfeApp{display:block!important;min-height:100svh;width:100%;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 100% 0%,#eff1ff 0,transparent 42%),linear-gradient(125deg,#f0faff,#f7f8ff 72%);color:#19233e;font:14px/1.45 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box}
 #vfeApp *,#vfeApp *:before,#vfeApp *:after{box-sizing:border-box}
 #vfeApp [hidden]{display:none!important}
 #vfeApp button,#vfeApp input,#vfeApp select{font:inherit}
 #vfeApp button,#vfeApp a{touch-action:manipulation}
 #vfeApp a{color:inherit;text-decoration:none}
 #vfeApp .vfe-header{height:74px;padding:17px 17px 8px;display:flex;align-items:center;justify-content:space-between}
 #vfeApp .vfe-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.85px}
 #vfeApp .vfe-logo{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#34ccea,#5b64ec 62%,#bb42dc);color:white;font-size:23px;box-shadow:0 7px 15px #6b74e52c}
 #vfeApp .vfe-brand-accent{color:#645ee8}
 #vfeApp .vfe-head-links{display:flex;gap:8px}
 #vfeApp .vfe-head-links a{width:39px;height:39px;display:grid;place-items:center;background:#fff;border:1px solid #dfe6f6;border-radius:13px;color:#4b5c83}
 #vfeApp .vfe-head-links svg{width:20px;height:20px}
 #vfeApp .vfe-main{padding:4px 15px 30px;max-width:540px;margin:auto}
 #vfeApp .vfe-title-row{display:flex;align-items:center;justify-content:space-between;margin:7px 0 14px}
 #vfeApp .vfe-title-row h1{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:850;margin:0!important}
 #vfeApp .vfe-title-row p{font-size:12px;color:#8290b1;margin:3px 0 0}
 #vfeApp .vfe-title-mark{color:#685eeb;background:#f1edff;font-size:25px;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
 #vfeApp .vfe-hero{display:flex;position:relative;overflow:hidden;min-height:146px;padding:17px 18px;border-radius:20px;background:linear-gradient(110deg,#38bfeb,#536df1 55%,#aa52ec);color:#fff;box-shadow:0 10px 26px #687de82b;margin-bottom:14px}
 #vfeApp .vfe-hero>div{position:relative;z-index:1;max-width:74%}
 #vfeApp .vfe-kicker{font-size:10px;font-weight:750;letter-spacing:2px;color:#eef5ff}
 #vfeApp .vfe-hero h2{color:white;margin:7px 0 7px!important;font-weight:820;font-size:24px;line-height:1.13;letter-spacing:-.8px}
 #vfeApp .vfe-hero p{font-size:11px;color:#f5f6ff;line-height:1.3;margin:0;max-width:210px}
 #vfeApp .vfe-hero-art{position:absolute;right:12px;top:12px;font-size:114px;line-height:1;transform:rotate(-16deg);color:#ffdf8b;text-shadow:3px 6px 0 #d390f6a6}
 #vfeApp .vfe-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}
 #vfeApp .vfe-jump a{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;padding:11px 3px 10px;background:#fff;border:1px solid #e1e8f7;border-radius:15px;min-height:70px;color:#233454;box-shadow:0 4px 15px #5b75ad0b}
 #vfeApp .vfe-jump-icon{font-size:21px;line-height:1;color:#6655eb}
 #vfeApp .vfe-jump b{font-size:11px;letter-spacing:-.1px;font-weight:750}
 #vfeApp .vfe-stat-wrap{margin-bottom:14px}
 #vfeApp #vfEarnV1{margin:0!important;padding:0!important;max-width:100%!important;min-width:0!important;background:transparent!important;display:block!important}
 #vfeApp #vfEarnV1 .summary{margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:100%!important}
 #vfeApp #vfEarnV1 .summary>.earn-card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px!important;min-height:86px!important;background:#fff!important;border:1px solid #dfe7f6!important;border-radius:16px!important;min-width:0!important;box-shadow:0 5px 17px #4b72b00a!important;margin:0!important}
 #vfeApp #vfEarnV1 .summary span{color:#7c8dab!important;font-size:11px!important;font-weight:550!important;line-height:1.3!important;margin:0 0 6px!important}
 #vfeApp #vfEarnV1 .summary b{color:#1a2540!important;font-size:18px!important;letter-spacing:-.5px!important;overflow-wrap:anywhere!important;line-height:1.2!important}
 #vfeApp .vfe-section{background:#fff;border:1px solid #dee6f5;border-radius:19px;padding:16px 13px;margin:0 0 14px;min-width:0;scroll-margin-top:16px;box-shadow:0 6px 22px #5870b30b}
 #vfeApp .vfe-section-heading h2{font-size:19px!important;font-weight:810!important;letter-spacing:-.5px!important;line-height:1.2!important;margin:0 0 5px!important;color:#1b2642!important}
 #vfeApp .vfe-section-heading p{font-size:11px;color:#7b89a5;line-height:1.4;margin:0 0 11px}
 #vfeApp .vfe-section-actions{margin:0 0 12px}
 #vfeApp .vfe-primary-action{display:flex;justify-content:center;align-items:center;min-height:43px;background:linear-gradient(100deg,#24c3e7,#6266ed 54%,#ae4be1);font-weight:770;color:white!important;border-radius:12px;font-size:13px;box-shadow:0 6px 13px #7780d426}
 #vfeApp .vfe-fixed-term{font-size:11px;line-height:1.5;color:#725127;background:#fff6e6;border:1px solid #f5e2b9;border-radius:12px;padding:10px 12px;margin:0 0 12px}
 #vfeApp #vfEarnV1 .earn-section{display:block!important;max-width:100%!important;min-width:0!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;background:transparent!important}
 #vfeApp #vfEarnV1 .earn-section>h2{font-size:15px!important;letter-spacing:-.3px;margin:11px 0 3px!important;color:#1d2945!important}
 #vfeApp #vfEarnV1 .earn-sub{font-size:11px!important;color:#7e8caa!important;margin:0 0 11px!important;line-height:1.4}
 #vfeApp #vfEarnV1 .products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 17px!important}
 #vfeApp #vfEarnV1 .product{min-width:0!important;max-width:100%!important;min-height:141px;border:1px solid #e1e7f6!important;background:#f9fbff!important;border-radius:14px!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;padding:12px!important;color:#273451!important;box-shadow:none!important}
 #vfeApp #vfEarnV1 .product.active{border:2px solid #7764f1!important;background:#f5f2ff!important;padding:11px!important}
 #vfeApp #vfEarnV1 .product>b{font-size:12px!important;color:#304064!important}
 #vfeApp #vfEarnV1 .product .rate{font-size:20px!important;font-weight:830!important;color:#6452e3!important;line-height:1.1!important}
 #vfeApp #vfEarnV1 .product .rate small{font-size:10px!important;font-weight:540!important;color:#637495!important}
 #vfeApp #vfEarnV1 .product .total{font-size:11px!important;color:#455678!important}
 #vfeApp #vfEarnV1 .product .tags{display:flex;flex-wrap:wrap;gap:3px!important;font-size:9px!important;color:#7182a0!important}
 #vfeApp #vfEarnV1 .product .tags span{padding:3px 5px;background:#fff;border-radius:6px}
 #vfeApp #vfEarnV1 .composer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;min-width:0!important}
 #vfeApp #vfEarnV1 .earn-card{min-width:0!important;max-width:100%!important;border:1px solid #e2e8f6!important;background:#fbfcff!important;border-radius:15px!important;padding:13px!important;margin:0!important;box-shadow:none!important}
 #vfeApp #vfEarnV1 .composer>.earn-card>b,#vfeApp #vfEarnV1 .composer>.earn-card>h3{font-size:14px!important;display:block!important;color:#1d2b47!important;margin:0 0 10px!important}
 #vfeApp #vfEarnV1 .label{display:block!important;color:#52617e!important;font-size:11px!important;margin:13px 0 7px!important;font-weight:720!important}
 #vfeApp #vfEarnV1 .assets,#vfeApp #vfEarnV1 .networks{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
 #vfeApp #vfEarnV1 .assets button,#vfeApp #vfEarnV1 .networks button{flex:1 1 auto!important;border:1px solid #dfe6f4!important;background:white!important;border-radius:11px!important;padding:10px 12px!important;min-width:71px!important;min-height:40px!important;color:#304060!important;box-shadow:none!important}
 #vfeApp #vfEarnV1 .assets button.active,#vfeApp #vfEarnV1 .networks button.active{border-color:#7963ec!important;background:#f1eeff!important;color:#5f4dd2!important}
 #vfeApp #vfEarnV1 .assets button strong{font-size:13px!important;display:block!important}
 #vfeApp #vfEarnV1 .assets button small{font-size:10px!important;display:block!important}
 #vfeApp #vfEarnV1 .amount{display:flex!important;gap:7px!important;border:1px solid #dfe5f4!important;border-radius:12px!important;background:white!important;min-height:51px!important;padding:5px!important;align-items:center!important}
 #vfeApp #vfEarnV1 .amount input{flex:1!important;min-width:0!important;width:0!important;font-size:21px!important;font-weight:750!important;background:transparent!important;border:0!important;outline:none!important;color:#15233e!important;padding:5px 8px!important}
 #vfeApp #vfEarnV1 .amount button{border:0!important;background:#f0edff!important;color:#6252df!important;font-weight:750!important;border-radius:10px!important;min-height:37px!important;min-width:53px!important}
 #vfeApp #vfEarnV1 .amount-meta{display:flex!important;flex-wrap:wrap;justify-content:space-between!important;gap:5px!important;font-size:10px!important;color:#7182a2!important;margin:8px 0!important}
 #vfeApp #vfEarnV1 .status{font-size:11px!important;margin:8px 0!important;overflow-wrap:anywhere!important}
 #vfeApp #vfEarnV1 .metric{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #e8edf7!important;gap:10px!important;padding:9px 0!important;font-size:11px!important}
 #vfeApp #vfEarnV1 .metric span{color:#73829f!important}#vfeApp #vfEarnV1 .metric b{color:#213454!important;text-align:right!important;overflow-wrap:anywhere}
 #vfeApp #vfEarnV1 .maturity{background:#f1f1ff!important;border-radius:13px!important;padding:13px!important;margin:12px 0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
 #vfeApp #vfEarnV1 .maturity span{font-size:11px!important;color:#5c6891!important}#vfeApp #vfEarnV1 .maturity b{font-size:18px!important;color:#241f69!important;overflow-wrap:anywhere!important}#vfeApp #vfEarnV1 .maturity small{font-size:10px!important;color:#607092!important}
 #vfeApp #vfEarnV1 #earnReview{display:block!important;width:100%!important;min-height:48px!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,#2cc6e4,#6268f0 55%,#b849df)!important;color:white!important;font-size:13px!important;font-weight:750!important}
 #vfeApp #vfEarnV1 #earnReview:disabled{opacity:.55!important;cursor:not-allowed!important}
 #vfeApp #vfEarnV1 .foundation-copy{font-size:10px!important;color:#7588a5!important;margin:10px 0 0!important;line-height:1.4!important}
 #vfeApp #vfEarnV1 .contract,#vfeApp #vfEarnV1 .history-item,#vfeApp #vfEarnV1 .empty{background:#f9fbff!important;border:1px solid #e1e8f6!important;border-radius:14px!important;padding:12px!important;margin:0 0 9px!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
 #vfeApp #vfEarnV1 .contract-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:7px!important}
 #vfeApp #vfEarnV1 .contract-top b{font-size:13px!important}#vfeApp #vfEarnV1 .contract-top small{display:block!important;font-size:10px!important;color:#8490ae!important;overflow-wrap:anywhere!important}
 #vfeApp #vfEarnV1 .contract-top em{border-radius:50px!important;font-style:normal!important;font-size:9px!important;background:#e4f6ef!important;color:#167a5b!important;padding:4px 7px!important;white-space:normal!important;text-align:center!important}
 #vfeApp #vfEarnV1 .contract-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:11px 0!important}
 #vfeApp #vfEarnV1 .contract-metrics>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
 #vfeApp #vfEarnV1 .contract-metrics span{font-size:10px!important;color:#8490a7!important}#vfeApp #vfEarnV1 .contract-metrics strong{font-size:12px!important;color:#243153!important;overflow-wrap:anywhere!important}
 #vfeApp #vfEarnV1 .contract>p{font-size:10px!important;color:#71819b!important;margin:7px 0!important}
 #vfeApp #vfEarnV1 .progress{height:6px!important;border-radius:10px!important;background:#e8ebfa!important;overflow:hidden!important;margin:8px 0!important}
 #vfeApp #vfEarnV1 .progress i{height:100%!important;display:block!important;border-radius:10px!important;background:linear-gradient(90deg,#2fc6d9,#7256e9)!important}
 #vfeApp #vfEarnV1 .vf-earn-resume{display:block!important;width:100%!important;padding:12px!important;border:0!important;border-radius:11px!important;background:linear-gradient(95deg,#29c3e3,#7655ec)!important;color:white!important;font-weight:750!important;margin:10px 0!important}
 #vfeApp #vfEarnV1 .vf-earn-attention,#vfeApp #vfEarnV1 .vf-earn-pending{font-size:11px!important;padding:10px!important;margin:10px 0!important;border-radius:10px!important;background:#fff4e5!important;color:#735324!important}
 #vfeApp #vfEarnV1 .contract details{border-top:1px solid #e1e6f4!important;margin-top:9px!important;padding-top:8px!important;font-size:11px!important}
 #vfeApp #vfEarnV1 details summary{cursor:pointer!important;color:#4d4ac9!important;font-size:11px!important}
 #vfeApp #vfEarnV1 .history-shell{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
 #vfeApp #vfEarnV1 .history-shell>summary{display:flex!important;justify-content:space-between!important;padding:8px!important;border-radius:10px!important;background:#f4f6ff!important;gap:8px!important}
 #vfeApp #vfEarnV1 .history-shell>summary small{display:block!important;color:#7e8cab!important;font-size:10px!important}
 #vfeApp #vfEarnV1 .history-item summary{display:flex!important;justify-content:space-between!important;gap:8px!important;color:#263454!important}
 #vfeApp #vfEarnV1 .history-item summary span{min-width:0!important;overflow-wrap:anywhere}
 #vfeApp #vfEarnV1 .history-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
 #vfeApp #vfEarnV1 .history-grid>div{min-width:0!important;overflow-wrap:anywhere!important}
 #vfeApp #vfEarnV1 .history-grid span{display:block!important;font-size:10px!important;color:#75839b!important}
 #vfeApp #vfEarnV1 .history-grid strong{display:block!important;font-size:11px!important;color:#293758!important;overflow-wrap:anywhere!important}
 #vfeApp .vfe-guide{border-radius:14px!important;border:1px solid #e0e7f6!important;background:white!important;overflow:hidden!important;margin-bottom:15px!important}
 #vfeApp .vfe-guide>summary{padding:15px!important;font-size:12px!important;font-weight:750!important;color:#4f56ac!important;cursor:pointer!important}
 #vfeApp .vfe-guide>.earn-hero,#vfeApp .vfe-guide>.earn-section{padding:12px!important;margin:0!important;font-size:11px!important}
 #vfeApp .vfe-guide .steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 #vfeApp .vfe-guide .step{padding:9px;border:1px solid #e0e7f6;border-radius:10px}
 #vfeApp .vfe-guide .lock-note{padding:10px;background:#fff4e5;border-radius:10px}
 #vfeApp #earnModal{position:fixed!important;inset:0!important;z-index:2200!important;display:grid!important;place-items:center!important;padding:16px!important;overflow:auto!important}
 #vfeApp #earnModal[hidden]{display:none!important}
 #vfeApp #earnModal .earn-backdrop{position:fixed!important;inset:0!important;background:#0c153abb!important;z-index:0!important}
 #vfeApp #earnModal .earn-modal-card{position:relative!important;z-index:1!important;width:100%!important;max-width:480px!important;max-height:calc(100svh - 32px)!important;overflow-y:auto!important;background:white!important;border-radius:18px!important;padding:21px 17px!important;box-shadow:0 20px 65px #0b163c68!important;color:#1b2541!important;min-width:0!important}
 #vfeApp #earnModal .close{position:absolute;right:8px;top:6px;font-size:25px!important;border:0!important;background:#f1f2fe!important;color:#4c4bbb!important;border-radius:9px!important;width:34px!important;height:34px!important}
 #vfeApp #earnModal #earnModalBody{margin-top:18px!important;overflow-wrap:anywhere!important}
 #vfeApp #earnModal .review-grid,#vfeApp #earnModal .vf-earn-final-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #vfeApp #earnModal .review-grid>div,#vfeApp #earnModal .vf-earn-final-grid>div{min-width:0!important;overflow-wrap:anywhere!important;font-size:11px!important}
 #vfeApp #earnModal .review-grid span,#vfeApp #earnModal .vf-earn-final-grid span{display:block!important;color:#7988a6!important;font-size:10px!important}
 #vfeApp #earnModal .primary{display:block;width:100%;min-height:46px;background:linear-gradient(95deg,#29c7e8,#aa4adf);color:white;font-weight:750;border:0;border-radius:12px;margin-top:12px}
 #vfeApp .vfe-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(67px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid #e5eaf5;box-shadow:0 -6px 17px #5273ae11}
 #vfeApp .vfe-bottom a{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;font-size:10px;color:#60708e!important;min-width:0}
 #vfeApp .vfe-bottom a span{font-size:21px;color:#5f59dd;height:26px}
 #vfeApp .vfe-error{color:#9f2424;background:#fff0f0;border:1px solid #f1c5c5;padding:12px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){#vfeApp *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}