:root,html,body,#root{margin:0;padding:0;width:100%;height:100%}#root{max-width:100%!important;padding:0!important;margin:0!important;text-align:left!important}body{background:#020617;overflow-x:hidden;font-family:Inter,Roboto,system-ui,sans-serif}:root{--bg-1: #07132a;--bg-2: #08223f;--primary: #2e6ef6;--accent: #7cc5ff;--muted: #99b5e8;--glass: rgba(255, 255, 255, .04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.app-page.hybrid-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:28px 0 80px;background:radial-gradient(800px 300px at 10% 10%,rgba(124,197,255,.03),transparent 10%),radial-gradient(700px 260px at 90% 85%,rgba(46,110,246,.03),transparent 10%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 60%);color:#eaf2ff}.app-container.hybrid-center{width:100%;max-width:1100px;padding:18px;animation:fadeIn .4s ease both;position:relative}.headerRow.hybrid-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:6px 12px}.brand{display:flex;align-items:center;gap:12px}.logoImg.big{width:72px;height:72px;border-radius:12px;box-shadow:0 10px 30px #2e6ef61f}.title{font-size:26px;font-weight:700;color:#f6fbff;letter-spacing:.4px}.subtitle{font-size:13px;color:var(--muted);margin-top:-4px}.headerRight{display:flex;align-items:center;gap:12px}.connectBtn{padding:10px 16px;border-radius:12px;border:none;background:linear-gradient(90deg,var(--primary),#1b4fd8);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 36px #1e46b41f}.walletCard.small{background:#ffffff08;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.03);color:#eaf6ff}.disconnectBtn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eaf6ff;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.disconnectBtn:hover{background:#ffffff14;transform:translateY(-2px)}.ticker-viewport{position:fixed;left:0;top:92px;width:100vw;pointer-events:none;z-index:8}.ticker-viewport:before{content:"";display:block;height:8px}.ticker-track{display:flex;gap:20px;align-items:center;width:max-content;padding:10px 32px;margin:0 auto;animation:tickerScroll 40s linear infinite;pointer-events:none}.ticker-viewport{display:flex;justify-content:center;align-items:center}.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.03);box-shadow:0 6px 26px #04122873;color:#eaf6ff;font-size:14px;white-space:nowrap;pointer-events:none}.ticker-logo{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(180deg,#1b6ef6,#3bb5ff);color:#fff;font-size:12px}.ticker-name{font-weight:700;margin-right:6px}.ticker-price{opacity:.85}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:900px){.ticker-track{padding:8px 14px;gap:12px;animation-duration:50s}.ticker-item{padding:6px 10px;font-size:13px}}.main{width:100%;margin-top:120px}.topCards.hybrid-grid{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;justify-content:center;max-width:1100px;margin:0 auto}.card{background:var(--glass);border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.03);box-shadow:0 8px 30px #020a1e99;transition:transform .24s ease,box-shadow .24s ease}.card:hover{transform:translateY(-6px);box-shadow:0 22px 60px #020a1ebf}.neon-card{border:1px solid rgba(120,160,255,.08)}.balancesList{list-style:none;padding:0;margin:0}.balanceItem{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-radius:10px;transition:background .14s}.balanceItem+.balanceItem{margin-top:8px}.balanceItem:hover{background:#ffffff03}.balanceLeft{display:flex;align-items:center;gap:12px}.token-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#eaf6ff;background:linear-gradient(180deg,#083b6d,#0a83d1);box-shadow:0 8px 28px #1e5ac814}.balanceSymbol{color:#f5fbff;font-weight:700}.balanceRight{color:#dff3ff;font-weight:600}.smallAddBtn{width:100%;padding:8px;margin-top:6px;border-radius:8px;background:linear-gradient(90deg,#1e40af,#2563eb);border:none;color:#fff;cursor:pointer}.tokenselect{position:relative;display:inline-block;pointer-events:auto}.tokenbtn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.03);background:#ffffff05;color:#f3fbff;cursor:pointer;min-width:120px}.tokenBadgeSmall{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#1b6ef6,#3bb5ff);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px}.tokenLabel{font-weight:700}.caret{margin-left:auto;opacity:.75}.tokendropdown{position:absolute;top:46px;left:0;width:320px;background:#06142df5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(120,160,255,.12);padding:8px;border-radius:10px;z-index:60;box-shadow:0 20px 50px #02081e99}.tokensearch{width:100%;padding:8px 10px;margin-bottom:8px;border-radius:8px;border:none;background:#ffffff0f;color:#eef8ff;outline:none}.tokenoptions{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto}.tokenOptionBtn{display:flex;gap:10px;align-items:center;padding:8px;width:100%;border:none;background:transparent;color:#eaf6ff;cursor:pointer;border-radius:8px;text-align:left}.tokenOptionBtn:hover{background:#ffffff0f}.optSym{font-weight:700}.optName{font-size:12px;color:var(--muted)}.swapCardCentered{max-width:520px;width:100%;margin:0 auto}.swapRowClean{margin-bottom:16px}.swapLabel{color:#cce6ff;font-size:14px;margin-bottom:6px}.swapBox{background:#ffffff0f;border:1px solid rgba(0,187,255,.22);padding:12px;border-radius:14px;display:flex;align-items:center;gap:12px}.swapTokenBtn{padding:10px 14px;background:#0073ff26;border:1px solid rgba(0,187,255,.4);color:#eaf6ff;font-weight:600;border-radius:12px;cursor:pointer;transition:.2s}.swapTokenBadge{font-size:15px;font-weight:700}.swapInput{flex:1;background:transparent;border:none;text-align:right;font-size:20px;color:#e7f3ff}.swapInput:focus{outline:none}.swapInput.readOnly{opacity:.6}.swapCenter{text-align:center;margin:12px 0}.swapArrow{font-size:26px;background:#0e2038;border:1px solid #1b3c6a;padding:8px 12px;border-radius:10px;cursor:pointer;transition:.2s}.swapArrow:hover{background:#153055}.spin{animation:spinAnim .6s linear}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quote{margin-top:12px;color:#dff5ff;font-size:14px}.primaryBtn{margin-top:8px;width:100%;padding:12px;border-radius:12px;border:none;background:linear-gradient(90deg,#1648a6,#2e6ef6);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 40px #1e50b41f}.primaryBtn:hover{transform:translateY(-3px)}.muted{color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:900px){.app-container.hybrid-center{padding:12px}.topCards.hybrid-grid{grid-template-columns:1fr;gap:18px}.ticker-viewport{top:110px}.logoImg.big{width:60px;height:60px}.tokendropdown{left:0;width:100%;top:56px}}@media(max-width:768px){body{overflow-x:hidden}.headerRow.hybrid-header{flex-wrap:wrap;gap:10px}.brand{width:100%;justify-content:center;text-align:center}.headerRight{width:100%;justify-content:center;flex-wrap:wrap}.topCards.hybrid-grid{grid-template-columns:1fr!important}.swapCardCentered{width:100%;max-width:100%}.swapBox{flex-direction:column;align-items:stretch;gap:10px}.swapTokenBtn{width:100%;justify-content:center}.swapInput{width:100%;text-align:left;font-size:18px}.tokendropdown{width:100%;left:0}button,.primaryBtn,.connectBtn{width:100%}}@media(max-width:768px){html,body{overflow-x:hidden}.ticker-viewport{position:relative;top:0;width:100%;margin-bottom:12px}.ticker-track{animation:none;justify-content:flex-start}.main{margin-top:16px}.app-page.hybrid-page{padding:12px 0 40px}.headerRow.hybrid-header{flex-wrap:wrap;align-items:center;gap:10px}.brand,.headerRight{width:100%;justify-content:center}.ticker-viewport,.app-container.hybrid-center{max-width:100%}.swapBox{flex-direction:column;align-items:stretch}.swapInput{text-align:left;font-size:18px}button,.connectBtn,.primaryBtn{width:100%}}.percentRow.relay-style{display:flex;gap:8px;margin-top:10px;flex-wrap:nowrap}.percentRow.relay-style .percentBtn{flex:1;padding:6px 0;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:#cfe7ff;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}.percentRow.relay-style .percentBtn:hover{background:#7cc5ff1f;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #7cc5ff40,inset 0 0 0 1px #7cc5ff59}.percentRow.relay-style .percentBtn:active{transform:translateY(0);box-shadow:inset 0 2px 6px #00000059}@media(max-width:768px){.percentRow.relay-style{gap:6px}.percentRow.relay-style .percentBtn{font-size:12px;padding:6px 0}}.tabHeader{display:flex;gap:6px;margin-bottom:14px}.tabBtn{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#cfe7ff;font-weight:600;cursor:pointer}.tabBtn.active{background:linear-gradient(90deg,#2e6ef6,#1b4fd8);color:#fff}.historyList{list-style:none;padding:0;margin:0}.historyItem{padding:12px;border-radius:12px;background:#ffffff08;margin-bottom:10px}.historyMeta{display:flex;justify-content:space-between;margin-top:6px;font-size:13px}.status.success{color:#6cffb3}.status.failed{color:#ff6c6c}.modalOverlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.txModal{background:#0b1f3b;padding:20px;border-radius:20px;width:92%;max-width:420px;text-align:center;position:relative;overflow:hidden}.txRow{display:flex;justify-content:space-between;margin:10px 0}.txActions{display:flex;gap:10px;margin-top:16px}.quote{word-break:break-word;overflow-wrap:anywhere}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;width:6px;height:10px;background:linear-gradient(180deg,#2e6ef6,#7cc5ff);top:-10px;left:calc(100% * var(--x));animation:confettiFall 1.8s ease-out forwards;border-radius:2px}.confetti span:nth-child(n){--x: calc(var(--i) / 24)}.confetti span:nth-child(n){left:calc(100%*random())}@keyframes confettiFall{to{transform:translateY(260px) rotate(360deg);opacity:0}}