:root{
  --bg:#151e34;
  --panel:#17152f;
  --panel2:#25173e;
  --purple:#8b2cff;
  --blue:#253ce7;
  --gold:#d8a9ff;
  --line:rgba(255,255,255,.12);
  --ww-gold:#c477ff;
  --ww-gold-solid:#9b54f5;
  --ww-gold-gradient:linear-gradient(100deg,#9a34d8,#4e4be2);
  --ww-btn-gradient:linear-gradient(105deg,#9a34d8,#4e4be2);
  --ww-selected:rgba(151,76,255,.22);
  --ww-border:rgba(255,255,255,.14);
  --ww-muted:#aaa4bc;
}
html,body{background:#151e34!important;color:#fff}
#app{background:#151e34!important}
#app .app,#app .page{background-color:transparent!important}
#app .home-page{background:#151e34 url('./assets/original-home-bg.png') center top/100% 100% repeat-y!important}
#app .original-activity-page{background:#151e34 url('./assets/original-home-bg.png') center top/100% auto repeat-y!important;color:#fff!important}
#app .route-activity{background:#151e34!important}
#app .original-activity-header{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#app .original-activity-logo{width:190px!important;height:58px!important;max-width:66vw!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
#app .original-activity-list{width:calc(100% - 22.826px)!important;margin:8px 11.413px 0!important}
#app .original-activity-card{width:100%!important;height:auto!important;aspect-ratio:694/305!important;margin:0 0 13.687px!important;border-radius:8px!important;background:transparent!important}
#app .original-activity-card img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
#app .home-page .header{background:linear-gradient(95deg,#16133d 0%,#251047 58%,#42125f 100%)!important;border-bottom:1px solid rgba(199,116,255,.2)!important}
#app .home-page .header .home-brand-bear{object-fit:cover!important;object-position:left center!important;border-radius:0!important}
#app .home-page .header .home-brand-words small{color:#d6b45c!important;letter-spacing:1.1px!important}
#app .home-page .tabs-wrap{background:rgba(15,15,45,.76)!important}
#app .home-page .category-tabs{border-color:rgba(177,110,255,.34)!important;background:rgba(20,15,51,.72)!important}
#app .home-page .category-tabs .cat.active{background:linear-gradient(100deg,#842ad3,#3b47d6)!important;color:#fff!important}
#app .home-page .category-tabs .cat.active .tab-icon{filter:none!important}
#app .home-page .hero .dot.active{background:#a843e4!important}
#app .home-page .section-scroll{background:rgba(56,45,78,.88)!important;border:1px solid rgba(255,255,255,.18)!important;color:#d8d2e2!important}
#app .home-page .section-scroll img{filter:brightness(1.55) saturate(.35)!important}
#app .home-page .section-title{color:#fff!important}
#app .home-page .section-title .section-icon{filter:none!important}
#app .home-interface-pending{border-color:rgba(177,110,255,.26)!important;background:linear-gradient(110deg,rgba(70,39,125,.45),rgba(22,20,53,.9))!important;color:#d8c4f2!important}
#app .tabbar{background:linear-gradient(180deg,rgba(72,47,92,.95),rgba(43,24,62,.96))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 8px 22px rgba(0,0,0,.34)!important}
#app .tabbar .nav-btn{color:#c8c2d2!important}
#app .tabbar .nav-btn.active{background:linear-gradient(135deg,#9e40dc,#4b4fe4)!important;color:#fff!important}
#app .tabbar .nav-btn.active .ico{filter:drop-shadow(0 0 7px #bd67ff)!important}
#app .big-button,#app .gradient-btn,#app .top-charge{background:linear-gradient(105deg,#9336d2,#3d4bd9)!important;color:#fff!important}
#app .pill-tabs button.active{background:linear-gradient(100deg,#8d35cf,#3e4bd5)!important;color:#fff!important}
#app .activity-detail-note{border-color:rgba(178,112,255,.25)!important;background:linear-gradient(130deg,rgba(71,40,126,.46),rgba(20,17,48,.92))!important;color:#ddd0f1!important}
#app .activity-detail-note h2{color:#e3c7ff!important}
#app .rich-footer .provider-pending{border-color:rgba(180,117,255,.24)!important;color:#e1d0f1!important}
#app .rich-footer .provider-pending small{color:#aaa0bd!important}

/* Keep the home screen structure aligned with the reference while leaving live balances unconfigured until connected. */
#app .home-page .header{height:50px!important;min-height:50px!important;padding:0 14px!important;box-sizing:border-box!important}
#app .home-page .header .managed-home-logo{width:150px!important;height:50px!important;max-width:52vw!important;transform:none!important}
#app .home-page .hero{margin-bottom:0!important}
#app .home-page .hero>.notice,#app .home-page .hero>.notice-toggle-hit{display:none!important}
#app .home-page .wallet-strip.original-wallet-strip{display:flex!important;align-items:center!important;gap:0!important;justify-content:space-between!important;margin:9px 13.5px 0!important;padding:7px 12px!important;min-height:38px!important;box-sizing:border-box!important;border-radius:18px!important;background:linear-gradient(100deg,rgba(106,17,203,.78),rgba(37,117,252,.78))!important;color:#fff!important;font-size:12px!important}
#app .home-page .wallet-strip.original-wallet-strip button{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font:inherit!important;white-space:nowrap!important}
#app .home-page .wallet-strip.original-wallet-strip button:first-child{flex:1.15!important;justify-content:flex-start!important}
#app .home-page .wallet-strip.original-wallet-strip button:last-child{flex:.85!important;justify-content:flex-end!important}
#app .home-page .wallet-strip.original-wallet-strip svg{width:22px!important;height:22px!important;flex:none!important;margin-right:3px!important;fill:rgba(255,255,255,.18)!important;stroke:#fff!important;stroke-width:1.5!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
#app .home-page .wallet-strip.original-wallet-strip b{margin:0 2px!important;color:#ffb32a!important;font-size:14px!important;font-weight:700!important}
#app .home-page .wallet-strip.original-wallet-strip i{font-style:normal!important;font-size:17px!important;line-height:1!important}
#app .home-page .quick-grid{padding-top:13px!important;padding-bottom:14px!important}
#app .home-page .tabs-wrap{top:59px!important}
