@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@900&family=Inter:wght@400;500;600;700;800&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.left-\[-9999px\]{left:-9999px}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[630px\]{height:630px}.w-\[1200px\]{width:1200px}.flex-1{flex:1}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-transparent{border-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-right{text-align:right}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.paused{animation-play-state:paused}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0a0a0a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}html{scroll-behavior:smooth}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.button-gradient{transition:all .3s;position:relative;overflow:hidden}.button-gradient:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.button-gradient:hover:before{left:100%}.gradient-bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-bg-dark{background:linear-gradient(#0a0a0a,#1a0a2a)}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){button,a,.clickable{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}.main-text{font-family:Rubik,sans-serif;font-size:clamp(30px,6vw,90px);font-weight:900;text-align:center;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;width:100%;max-width:none;padding:0 20px}.main-text span:first-child{filter:drop-shadow(0 0 40px currentColor)}.preview-section{width:100%;max-width:1100px;margin:0 auto}.preview-cards-container{display:flex;gap:32px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.trade-card,.portfolio-card{position:relative;width:520px;height:420px;border-radius:24px;overflow:hidden;background:#000;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;flex-shrink:0}.generated-card-container .portfolio-card{width:700px!important;height:600px!important}.generated-card-container .trade-card{width:650px!important;height:550px!important}@media (min-width: 769px){.preview-cards-container .trade-card,.preview-cards-container .portfolio-card{width:520px!important;height:420px!important}.main-text{font-size:90px!important;padding:0 40px}.generated-card-container .portfolio-card{width:700px!important;height:600px!important}.generated-card-container .trade-card{width:650px!important;height:550px!important}.relative.z-10{justify-content:center!important;padding-top:0!important}}.preview-cards-container .trade-card,.preview-cards-container .portfolio-card{width:520px!important;height:420px!important;max-width:520px!important;max-height:420px!important}.trade-card:hover,.portfolio-card:hover{transform:translateY(-8px)}.trade-card-overlay,.portfolio-card-overlay{position:relative;background:linear-gradient(135deg,#000000d9,#000000eb,#000000fa);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;height:100%;display:flex;flex-direction:column;z-index:2}.trade-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.token-info{display:flex;align-items:center;gap:16px}.token-image-wrapper{position:relative}.token-image{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#000;object-fit:cover}.token-image-placeholder{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fffc;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.token-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid #000}.token-badge.profit{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000}.token-badge.loss{background:linear-gradient(135deg,#f44,#f66);color:#fff}.token-ticker{font-size:24px;font-weight:800;color:#fff;margin:0}.trade-dates{font-size:12px;color:#ffffff80;margin-top:2px}.profit-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.profit-main{display:flex;flex-direction:column;gap:8px}.profit-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.profit-amount{display:flex;align-items:baseline;gap:12px}.profit-dollar{font-size:32px;font-weight:800;letter-spacing:-.02em}.profit-amount.positive .profit-dollar{color:#0f8}.profit-amount.negative .profit-dollar{color:#f44}.profit-percentage{font-size:18px;font-weight:700}.trade-duration{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.duration-icon{font-size:16px;color:#fff9}.trade-duration span{font-size:14px;font-weight:600;color:#fffc}.trade-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-bottom:24px;align-items:center;flex:1}.comparison-section{padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.comparison-label{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.comparison-date{font-size:11px;color:#fff6}.market-cap-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.market-cap-value{font-size:24px;font-weight:800;color:#ffffffe6;letter-spacing:-.02em;text-align:center}.market-cap-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;text-align:center}.comparison-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-line{width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.arrow-icon{font-size:20px}.trade-stats-bar{display:flex;justify-content:space-around;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-top:auto}.stat-item{display:flex;align-items:center;gap:8px}.stat-icon{font-size:16px}.stat-text{font-size:12px;font-weight:600;color:#fffc}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.portfolio-title-group{display:flex;align-items:center;gap:16px}.portfolio-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;box-shadow:0 4px 12px #0003}.portfolio-title{font-size:24px;font-weight:800;color:#fff;margin:0}.portfolio-badge{padding:8px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#000;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0003}.portfolio-content{flex:1;display:flex;flex-direction:column}.portfolio-stats{display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.portfolio-stat-item{display:flex;align-items:center;gap:12px}.portfolio-stat-icon{font-size:24px;opacity:.8}.portfolio-stat-content{display:flex;flex-direction:column}.portfolio-stat-value{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.portfolio-stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.custom-tooltip{background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px}.tooltip-label{font-size:11px;color:#fff9;margin-bottom:4px}.tooltip-value{font-size:16px;font-weight:700}.connect-wallet-button{display:flex;align-items:center;gap:8px}.wallet-connected-message{margin-top:32px;padding:16px 24px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.preview-cards-container{gap:24px}.trade-card,.portfolio-card{width:480px}.generated-card-container .portfolio-card{width:600px;height:500px}.generated-card-container .trade-card{width:580px;height:480px}.card-with-background-selector{max-width:900px}}@media (max-width: 1024px){.main-text{font-size:80px}.preview-cards-container{gap:20px}.trade-card,.portfolio-card{width:450px;height:400px}.generated-card-container .portfolio-card{width:550px;height:450px}.generated-card-container .trade-card{width:520px;height:430px}.card-with-background-selector{max-width:800px}}@media (max-width: 768px){body{overflow-x:hidden}.relative.z-10{padding:16px 16px 20px!important;min-height:auto!important}.main-text{font-size:clamp(20px,5vw,40px)!important;line-height:1.1;margin-bottom:32px!important;padding:0 16px!important}.preview-section{width:100%;max-width:none;margin:0}.preview-cards-container{flex-direction:row;justify-content:center;align-items:flex-start;gap:12px;padding:0 8px}.preview-cards-container .trade-card,.preview-cards-container .portfolio-card{width:280px!important;height:224px!important}.generated-card-container .portfolio-card,.generated-card-container .trade-card{width:100%!important;max-width:320px!important;height:260px!important}.card-actions{flex-direction:column;gap:12px;margin-bottom:16px;padding:0 16px}.action-group{flex-direction:column;gap:12px;width:100%}.action-button{width:100%;justify-content:center;min-height:44px}.trade-card-overlay,.portfolio-card-overlay{padding:12px}.trade-card-header{margin-bottom:16px}.token-info{gap:12px}.token-image{width:40px;height:40px}.token-ticker{font-size:18px}.trade-dates{font-size:10px}.profit-display{margin-bottom:16px;padding:16px}.profit-dollar{font-size:20px}.profit-percentage{font-size:14px}.trade-stats-bar{padding:10px;gap:6px;flex-wrap:wrap}.stat-item{flex:1;min-width:80px}.stat-text{font-size:9px;text-align:center}.stat-icon{font-size:12px}.portfolio-header{margin-bottom:16px}.portfolio-title{font-size:18px}.portfolio-badge{padding:6px 12px;font-size:10px}.current-value-section,.value-amount{font-size:24px}.value-change{font-size:12px}.chart-section{padding:12px;margin-bottom:16px}.performance-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.perf-stat{padding:8px}.perf-value{font-size:14px}.perf-label{font-size:9px}.generate-card-button{width:100%;max-width:280px;padding:14px 20px!important;font-size:14px!important;min-height:44px}.modal-container{margin:12px;padding:16px;max-height:90vh;overflow-y:auto}.modal-container.large{margin:8px;padding:12px;max-height:95vh}.card-with-background-selector{flex-direction:column;gap:16px;max-width:none;padding:12px;margin:0 auto}.background-selector{width:100%;min-width:auto;order:2}.background-thumbnails{grid-template-columns:repeat(4,1fr);gap:6px;max-width:280px;margin:0 auto}.background-thumbnail{width:60px!important;height:60px!important}.selector-title{font-size:16px;margin-bottom:12px;text-align:center}.trade-comparison{grid-template-columns:1fr;gap:16px}.comparison-arrow{transform:rotate(90deg);margin:12px 0}.homepage-footer{position:static!important;transform:none!important;width:100%!important;margin-top:40px!important;padding:0 16px!important;display:flex!important;justify-content:center!important}}@media (max-width: 480px){.main-text{font-size:clamp(28px,7vw,36px)!important;margin-bottom:24px!important}.preview-cards-container .trade-card,.preview-cards-container .portfolio-card{width:240px!important;height:192px!important}.generated-card-container .portfolio-card,.generated-card-container .trade-card{max-width:280px!important;height:220px!important}.trade-card-overlay,.portfolio-card-overlay{padding:12px}.profit-dollar{font-size:24px}.token-ticker{font-size:20px}.generate-card-button{max-width:260px;padding:14px 20px!important;font-size:13px!important}.background-thumbnails{grid-template-columns:repeat(4,1fr);gap:6px;max-width:220px}.background-thumbnail{width:45px;height:45px}.trade-card-header{margin-bottom:12px}.profit-display{padding:12px;margin-bottom:12px}.profit-dollar{font-size:18px}.profit-percentage{font-size:12px}.trade-stats-bar{padding:8px;gap:4px}.stat-text{font-size:8px}.portfolio-title{font-size:16px}.value-amount{font-size:20px}.trade-stats-bar{padding:12px;gap:8px}.stat-text{font-size:10px}.modal-container{margin:12px;padding:16px;max-height:90vh}.homepage-footer{margin-top:32px!important;padding:0 12px!important}.card-footer-link{padding:8px 16px!important;flex-direction:column;gap:6px}.contract-address{max-width:180px;font-size:10px!important}}.pnl-generator-container{margin-top:40px}.generate-pnl-button{padding:16px 32px;border-radius:16px;border:none;color:#000;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0000004d}.generate-pnl-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006}.pnl-generator-modal{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;max-width:500px;margin:0 auto}.input-label{display:block;font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px}.input-wrapper{position:relative}.token-input{width:100%;padding:16px 48px 16px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:Monaco,monospace;transition:all .2s ease}.token-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff6}.wallet-info{padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05);text-align:center}.wallet-label{font-size:12px;color:#ffffff80;margin-bottom:4px}.wallet-address{font-family:Monaco,monospace;font-size:14px;color:#fffc}.generated-card-container{margin-top:40px}.card-with-background-selector{display:flex;gap:32px;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto}.background-selector{display:flex;flex-direction:column;gap:16px;min-width:200px}.selector-title{font-size:16px;font-weight:600;color:#fffc;text-align:center}.background-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.background-thumbnail{width:80px;height:80px;border-radius:12px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.background-thumbnail:hover{border-color:#ffffff4d;transform:scale(1.05)}.background-thumbnail.selected{border-color:#0f8;border-width:3px;transform:scale(1.1);box-shadow:0 0 20px #00ff884d}.background-thumbnail:after{content:"";position:absolute;inset:0;background:#0003;transition:opacity .3s ease}.background-thumbnail:hover:after{opacity:0}.background-thumbnail.selected:after{opacity:0}.upload-thumbnail{transition:all .3s ease}.upload-thumbnail:hover{border-color:#ffffff80!important;color:#fffc!important;transform:scale(1.05)}.upload-thumbnail.selected{border-color:#0f8!important;border-width:3px!important;transform:scale(1.1);box-shadow:0 0 20px #00ff884d}.trade-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;border-radius:24px}.trade-card-simple{box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.trade-card-simple *{transform:none!important;transition:none!important;animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.action-group{display:flex;gap:12px}.action-button{padding:12px 20px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000}.action-button.secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.action-button:hover{transform:translateY(-2px)}.generated-pnl-card{width:650px;height:550px;margin:0 auto;border-radius:24px;overflow:hidden;background:#000}.generated-card-overlay{background:linear-gradient(135deg,#000000e6,#000000f2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;height:100%;display:flex;flex-direction:column;position:relative}.generated-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.token-info-with-image{display:flex;align-items:center;gap:20px}.token-image-large{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.token-logo{width:100%;height:100%;object-fit:cover}.token-details{display:flex;flex-direction:column;gap:4px}.token-symbol-large{font-size:36px;font-weight:900;color:#fff;line-height:1}.token-name{font-size:16px;font-weight:600;color:#ffffffb3;line-height:1}.wallet-info{font-size:14px;color:#ffffff80;font-family:Monaco,monospace;margin-top:4px}.pnl-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px}.pnl-badge.profit{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000}.pnl-badge.loss{background:linear-gradient(135deg,#f44,#f66);color:#fff}.main-pnl-section{text-align:center;margin-bottom:32px;padding:32px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.pnl-label{font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.pnl-value{font-size:48px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}.pnl-value.positive{color:#0f8}.pnl-value.negative{color:#f44}.pnl-percentage{font-size:24px;font-weight:700}.pnl-percentage.positive{color:#0f8}.pnl-percentage.negative{color:#f44}.trading-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-box{background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:20px;text-align:center}.stat-box .stat-value{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px}.stat-box .stat-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.pnl-breakdown{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.breakdown-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fffc}.breakdown-value{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.breakdown-value.positive{color:#0f8}.breakdown-value.negative{color:#f44}.breakdown-percent{font-size:14px;opacity:.8}.price-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.price-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.price-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.price-value{font-size:14px;font-weight:600;color:#ffffffe6;font-family:Monaco,monospace}.trading-performance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.performance-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.performance-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.performance-value{font-size:16px;font-weight:700;color:#ffffffe6}.performance-value.positive{color:#0f8}.performance-value.negative{color:#f44}.card-footer{margin-top:auto;text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.footer-brand{font-size:18px;font-weight:800;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.card-footer-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.contract-address{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-text{font-size:14px;font-weight:600;color:#fff9;letter-spacing:.5px}.x-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.x-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:scale(1.1)}.generator-section{margin-top:40px}.card-with-button{display:flex;flex-direction:column;align-items:center;gap:20px}.generate-card-button{padding:18px 36px;border-radius:60px;border:none;background:#fff;color:#000;font-weight:800;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center;gap:8px;min-width:220px;letter-spacing:-.02em}.generate-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;background:#f8f9fa}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-container{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-container.large{max-width:1000px;max-height:none;overflow:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700;color:#fff}.modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-description{color:#ffffffb3;margin-bottom:24px;line-height:1.5}.input-group{margin-bottom:24px}.input-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px}.input-icon-label{font-size:16px;color:#fff9}.address-input{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:Monaco,monospace;transition:all .2s ease}.address-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.input-hint{font-size:12px;color:#fff6;margin-top:6px;margin-bottom:8px}.token-buttons{display:flex;gap:8px;flex-wrap:wrap}.token-button{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);color:#fffc;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.token-button:hover{background:#ffffff14!important;transform:translateY(-1px)}.error-message{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px}.error-message p{color:#f44;font-size:14px;margin:0}.modal-actions{display:flex;gap:12px;margin-bottom:24px}.cancel-button{flex:1;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#ffffff14}.generate-button{flex:2;padding:12px;border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.generate-button:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.modal-footer{text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.footer-text{font-size:12px;color:#ffffff80}.generated-networth-card{width:700px;height:900px;margin:0 auto;border-radius:24px;overflow:hidden;background:#000}.portfolio-title-large{font-size:32px;font-weight:900;color:#fff}.wallet-info-small{font-size:14px;color:#fff9;font-family:Monaco,monospace}.growth-badge{padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:8px}.growth-badge.positive{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000}.growth-badge.negative{background:linear-gradient(135deg,#f44,#f66);color:#fff}.current-value-section{text-align:center;margin-bottom:32px;padding:24px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.value-label{font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.value-amount{font-size:42px;font-weight:900;letter-spacing:-.02em}.value-change{font-size:16px;font-weight:600;margin-top:8px}.value-change.positive{color:#0f8}.value-change.negative{color:#f44}.chart-section{margin-bottom:32px;padding:20px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.performance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.perf-stat{background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:16px;text-align:center}.perf-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.perf-value{font-size:18px;font-weight:700}.perf-value.positive{color:#0f8}.perf-value.negative{color:#f44}.top-holdings{margin-bottom:32px}.holdings-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.holdings-list{display:flex;flex-direction:column;gap:12px}.holding-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.holding-info{display:flex;flex-direction:column;gap:2px}.holding-symbol{font-size:14px;font-weight:600;color:#fff}.holding-amount{font-size:12px;color:#fff9}.holding-percentage{font-size:14px;font-weight:600;color:#fffc}.market-cap-section{text-align:center;margin-bottom:32px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.market-cap-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.market-cap-value{font-size:24px;font-weight:800;letter-spacing:-.02em}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.opacity-40{opacity:.4}.p-8{padding:2rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}
