.bg-grid,.bg-pattern{position:fixed;z-index:0;pointer-events:none;inset:0}.header-inner,.logo{display:flex;align-items:center}.footer a:hover,.header-links a:hover,.input-label .balance:hover,.logo-text,body{color:var(--text)}.sidebar-nav a,body{font-family:'JetBrains Mono',monospace}.connected-badge .dot,.hero-badge .dot{width:6px;background:var(--green);height:6px}.footer,.hero,.stat-item{text-align:center}.footer a,.header-links a,.logo,.sidebar-nav a{text-decoration:none}*,::after,::before{margin:0;padding:0;box-sizing:border-box}.container,.header-inner{max-width:1100px;margin:0 auto}[data-theme=dark]{--bg:#050505;--bg-header:rgba(5, 5, 5, 0.92);--surface:rgba(255, 255, 255, 0.03);--surface-hover:rgba(255, 255, 255, 0.06);--border:rgba(255, 255, 255, 0.08);--border-focus:rgba(255, 255, 255, 0.25);--text:#f5f5f5;--text-secondary:#888;--text-muted:#555;--accent:#fff;--accent-text:#050505;--green:#22c55e;--green-dim:rgba(34, 197, 94, 0.15);--red:#ef4444;--grid-line:rgba(255, 255, 255, 0.02);--radial-1:rgba(255, 255, 255, 0.015);--radial-2:rgba(255, 255, 255, 0.008);--sidebar-bg:#0a0a0a;--overlay-bg:rgba(0, 0, 0, 0.6);--input-bg:rgba(255, 255, 255, 0.03);--tag-bg:rgba(255, 255, 255, 0.06);--num-bg:rgba(255, 255, 255, 0.06);--progress-track:rgba(255, 255, 255, 0.06);--warning-bg:rgba(239, 68, 68, 0.08);--warning-border:rgba(239, 68, 68, 0.15);--warning-text:#f87171;--price-info-bg:rgba(255, 255, 255, 0.02)}[data-theme=light]{--bg:#f5f5f5;--bg-header:rgba(245, 245, 245, 0.92);--surface:rgba(0, 0, 0, 0.03);--surface-hover:rgba(0, 0, 0, 0.06);--border:rgba(0, 0, 0, 0.1);--border-focus:rgba(0, 0, 0, 0.3);--text:#111;--text-secondary:#555;--text-muted:#888;--accent:#111;--accent-text:#f5f5f5;--green:#16a34a;--green-dim:rgba(22, 163, 74, 0.12);--red:#dc2626;--grid-line:rgba(0, 0, 0, 0.03);--radial-1:rgba(0, 0, 0, 0.02);--radial-2:rgba(0, 0, 0, 0.01);--sidebar-bg:#eee;--overlay-bg:rgba(0, 0, 0, 0.3);--input-bg:rgba(0, 0, 0, 0.03);--tag-bg:rgba(0, 0, 0, 0.06);--num-bg:rgba(0, 0, 0, 0.06);--progress-track:rgba(0, 0, 0, 0.08);--warning-bg:rgba(239, 68, 68, 0.06);--warning-border:rgba(239, 68, 68, 0.2);--warning-text:#dc2626;--price-info-bg:rgba(0, 0, 0, 0.02)}.logo-badge,.theme-toggle{border:1px solid var(--border)}body{background:var(--bg);min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}.bg-pattern{background-image:radial-gradient(ellipse 80% 60% at 50% 0,var(--radial-1) 0,transparent 60%),radial-gradient(circle at 20% 80%,var(--radial-2) 0,transparent 40%)}.bg-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px}.container{position:relative;z-index:1;padding:0 24px}.header{position:sticky;top:0;z-index:100;width:100%;background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .3s}.hamburger-btn,.theme-toggle{width:36px;height:36px;transition:.2s;background:var(--surface);cursor:pointer}.header-inner{padding:16px 24px;justify-content:space-between}.logo{gap:12px}.desktop-nav,.theme-toggle{display:flex;align-items:center}.logo img{width:32px;height:32px}.logo-text{font-size:18px;font-weight:600;letter-spacing:-.5px}.logo-badge,.stat-label{text-transform:uppercase;letter-spacing:1px}.logo-badge{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--surface);padding:2px 8px;border-radius:99px}.desktop-nav{gap:24px}.header-links a{color:var(--text-secondary);font-size:13px;transition:color .2s}.theme-toggle{border-radius:10px;justify-content:center;color:var(--text-secondary);flex-shrink:0}.sidebar-close:hover,.theme-toggle:hover{border-color:var(--border-focus);color:var(--text)}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}.mobile-header-actions{display:none;align-items:center;gap:10px}.hamburger-btn{border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text-secondary);border-radius:2px;transition:.3s}.hamburger-btn:hover{border-color:var(--border-focus)}.hamburger-btn:hover span{background:var(--text)}.sidebar-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;z-index:300;width:280px;max-width:85vw;height:100vh;background:var(--sidebar-bg);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .3s,background .3s;display:flex;flex-direction:column;overflow-y:auto}.sidebar-close,.sidebar-nav a{transition:.2s;color:var(--text-secondary)}.mobile-sidebar.open,.notification.show{transform:translateX(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-close{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.connected-badge,.sidebar-nav a:hover{background:var(--surface);color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;padding:16px 20px;gap:4px}.sidebar-nav a{font-size:14px;padding:12px 14px;border-radius:10px}.connected-badge,.stats-bar{border:1px solid var(--border)}.sidebar-connected{margin-bottom:8px}.sidebar-disconnect{margin-bottom:8px;width:100%;text-align:center}.connected-badge{display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:12px}.hero-badge,.price-row .value.green,.stat-value.green{color:var(--green)}.connected-badge .dot{border-radius:50%}.connected-badge.show{display:flex}.hero{padding:80px 0 40px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--green-dim);border:1px solid rgba(34,197,94,.2);border-radius:99px;font-size:12px;font-weight:500;margin-bottom:32px}.hero-badge .dot{border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(32px, 5vw, 56px);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.hero p{font-size:15px;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:12px;overflow:hidden;margin:48px 0}.stat-item{background:var(--bg);padding:24px;transition:background .3s}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:8px}.stat-value{font-size:22px;font-weight:700;color:var(--text)}.input-label,.payment-toggle button:hover:not(.active){color:var(--text-secondary)}.sale-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;transition:background .3s,border-color .3s}.card-title{font-size:16px;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:10px}.card-title .icon{width:36px;height:36px;background:var(--tag-bg);border-radius:10px;display:flex;align-items:center;justify-content:center}.card-title .icon svg{width:18px;height:18px;stroke:var(--text-secondary)}.input-group{margin-bottom:16px}.input-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}.input-label .balance{color:var(--text-muted);cursor:pointer;transition:color .2s}.input-wrapper{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:4px;transition:border-color .2s,background .3s}.btn-primary,.payment-toggle button{transition:.2s;cursor:pointer;font-family:'JetBrains Mono',monospace}.input-wrapper:focus-within{border-color:var(--border-focus)}.input-wrapper input{flex:1;background:0 0;border:none;outline:0;color:var(--text);font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:600;padding:12px 16px;min-width:0}.payment-toggle button,.token-tag{font-size:13px;gap:6px;display:flex}.input-wrapper input::placeholder{color:var(--text-muted);font-weight:400}.payment-toggle button.active,.token-tag{background:var(--tag-bg);color:var(--text)}.input-wrapper input::-webkit-inner-spin-button,.input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]{-moz-appearance:textfield}.token-tag{align-items:center;padding:8px 14px;border-radius:8px;font-weight:600;white-space:nowrap;margin-right:4px}.token-tag img{width:20px;height:20px;border-radius:50%}.swap-divider{display:flex;align-items:center;justify-content:center;margin:-4px 0;position:relative;z-index:2}.swap-divider .arrow{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center}.swap-divider .arrow svg{width:16px;height:16px;stroke:var(--text-secondary)}.payment-toggle{display:flex;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:20px}.payment-toggle button{flex:1;padding:10px;background:0 0;border:none;border-radius:8px;font-weight:500;color:var(--text-muted);align-items:center;justify-content:center}.btn-primary{width:100%;padding:16px;background:var(--accent);color:var(--accent-text);border:none;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.contract-address-label,.info-item .info-text p,.price-row .label,.progress-label{color:var(--text-muted)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;transform:none}.price-info{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--price-info-bg);border:1px solid var(--border);border-radius:12px;margin-top:16px}.price-row{display:flex;justify-content:space-between;font-size:13px}.price-row .value{color:var(--text-secondary);font-weight:500}.progress-container{margin-bottom:24px}.progress-bar{width:100%;height:6px;background:var(--progress-track);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:99px;transition:width .5s}.progress-label{display:flex;justify-content:center;margin-top:8px;font-size:.8rem}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;gap:12px;align-items:flex-start}.info-item .num{width:28px;height:28px;min-width:28px;background:var(--num-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.info-item .info-text h4{font-size:14px;font-weight:600;margin-bottom:4px}.info-item .info-text p{font-size:12px;line-height:1.6}.contract-address-box{margin-top:24px;padding:16px;background:var(--price-info-bg);border:1px solid var(--border);border-radius:12px}.contract-address-label{font-size:12px;margin-bottom:8px}.contract-address-value{font-size:11px;color:var(--text-secondary);word-break:break-all}.wallet-warning{padding:12px 16px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:10px;font-size:12px;color:var(--warning-text);line-height:1.6;margin-bottom:16px;display:none}.notification{position:fixed;top:24px;right:24px;z-index:1000;padding:14px 20px;border-radius:12px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;transform:translateX(120%);transition:transform .3s;max-width:400px}.notification.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:var(--green)}.notification.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:var(--red)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding:32px 0;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.footer a{color:var(--text-secondary)}.disconnect-btn{background:0 0;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);padding:6px 12px;border-radius:6px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.75rem;transition:.2s}[data-theme=light] .disconnect-btn{border-color:rgba(0,0,0,.15);color:rgba(0,0,0,.5)}.disconnect-btn:hover{border-color:#f44;color:#f44;background:rgba(255,68,68,.1)}[data-theme=light] .disconnect-btn:hover{border-color:#dc2626;color:#dc2626;background:rgba(220,38,38,.08)}.progress-wave{width:100%!important;position:relative;overflow:hidden;background:linear-gradient(90deg,#00d4aa 0,#00b894 50%,#00d4aa 100%);background-size:200% 100%;animation:2s ease-in-out infinite progressShimmer}.progress-wave::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:1.8s ease-in-out infinite progressSweep}@keyframes progressShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressSweep{0%{left:-100%}100%{left:100%}}@media (max-width:768px){.sale-section{grid-template-columns:1fr}.desktop-nav{display:none}.mobile-header-actions{display:flex}.hero{padding:48px 0 24px}.stats-bar{margin:32px 0}}@media (max-width:600px){.header-inner{padding:14px 16px}.container{padding:0 16px}.hero{padding:40px 0 20px}.hero h1{letter-spacing:-1px}.hero p{font-size:13px}.card{padding:20px}.stats-bar{grid-template-columns:1fr;margin:24px 0}.stat-item{padding:16px;display:flex;align-items:center;justify-content:space-between;text-align:left}.stat-label{margin-bottom:0;font-size:12px}.stat-value{font-size:18px}.sale-section{margin-bottom:48px}.input-wrapper input{font-size:16px;padding:10px 12px}.token-tag{font-size:12px;padding:6px 10px}.btn-primary{font-size:13px;padding:14px}.price-row{font-size:12px}.logo-badge{display:none}}@media (max-width:380px){.header-inner{padding:12px}.logo img{width:28px;height:28px}.logo-text{font-size:16px}.card{padding:16px}.card-title{font-size:14px}.input-wrapper input{font-size:15px}}