:root{--accent-primary: #3a66f0;--accent-secondary: #57a4ff;--bg-base: #040506;--bg-elevated: rgba(11, 13, 16, .82);--bg-border: rgba(94, 118, 150, .34);--fg-subtle: rgba(205, 210, 220, .72);--grid-dot: rgba(255, 255, 255, .1)}.app{position:relative;min-height:min(100vh,100dvh);display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,4rem);background:radial-gradient(circle at 12% 18%,#0d1218 0%,var(--bg-base) 65%),radial-gradient(circle at 78% 82%,#0a0e14 0%,var(--bg-base) 70%);background-color:var(--bg-base);isolation:isolate;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 25%,rgba(40,55,76,.28),transparent 55%),radial-gradient(circle at 78% 68%,rgba(24,33,46,.3),transparent 62%);opacity:.4;pointer-events:none}.app__accent{position:absolute;pointer-events:none;filter:blur(120px);opacity:.6;transform:translateZ(0);z-index:0}.app__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.app__wallet{position:absolute;top:clamp(1.25rem,4vw,2.5rem);right:clamp(1.25rem,4vw,2.5rem);z-index:3}.app__brand{position:absolute;top:clamp(1.25rem,4vw,2.5rem);left:clamp(1.25rem,4vw,2.5rem);z-index:3;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.brand-logo{width:clamp(8.5rem,9vw,12rem);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0px 10px 25px rgba(24,32,57,.45))}.brand-tagline{margin:0;font-size:clamp(.7rem,1.8vw,.82rem);color:#cfd6e6c7;letter-spacing:.12em;text-transform:uppercase}.app__accent--top{top:-30%;right:-20%;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(66,88,120,.24) 0%,transparent 70%)}.app__accent--bottom{bottom:-35%;left:-25%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(38,61,90,.24) 0%,transparent 68%)}.swap-shell{position:relative;z-index:2;width:min(520px,100%);padding:clamp(1.5rem,3vw,2.75rem);border-radius:20px;background:var(--bg-elevated);border:1px solid var(--bg-border);box-shadow:0 25px 70px #0006;-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);color:#f5f5f5}.swap-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem;text-align:left}.swap-header h1{font-size:clamp(1.75rem,3vw,2.4rem);font-weight:600;color:#fff;margin:0}.swap-header p{margin:0;font-size:clamp(.95rem,2vw,1.05rem);color:#e0e0e0d9;line-height:1.5}.swap-shell .tw-sdk-container,.swap-shell .tw-relative{width:100%}.app__wallet [class*=tw-connected-wallet],.app__wallet [class*=tw-connect]{box-shadow:0 15px 35px #3a66f047;border-radius:999px}@media (max-width: 720px){.app{padding:clamp(1rem,5vw,2rem);overflow:visible;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,4vw,1.5rem);min-height:min(100vh,100dvh)}.swap-shell{padding:clamp(1.25rem,5vw,2rem);width:min(100%,520px);margin:0}.app__brand,.app__wallet{position:static;margin-bottom:.75rem;align-self:center}.tw-modal__swap-widget{left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100vw!important;max-height:min(100dvh,100vh)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.tw-modal__swap-widget .tw-scrollable{max-height:calc(100dvh - 6rem)!important}}@media (min-width: 721px){.app{overflow:hidden}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f2f4f8;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:min(100vh,100dvh);background:#050505;color:inherit}#root{min-height:min(100vh,100dvh)}