@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--bg-app:#080b12;--bg-card:#0d1220d9;--bg-card-hover:#12192ef2;--bg-input:#080c16eb;--bg-elevated:#0f1526;--border-subtle:#ffffff14;--border-default:#ffffff24;--border-highlight:#6366f166;--border-focus:#6366f1cc;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-buy:#10b981;--color-buy-bg:#10b9811f;--color-buy-border:#10b98159;--color-sell:#f43f5e;--color-sell-bg:#f43f5e1f;--color-sell-border:#f43f5e59;--color-blue:#3b82f6;--color-indigo:#6366f1;--color-violet:#8b5cf6;--color-purple:#a78bfa;--color-cyan:#38bdf8;--color-amber:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 16px 36px -8px #000000bf, inset 0 1px 0 #ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(at 80% 10%,#6366f11a 0%,#0000 50%),radial-gradient(at 20% 40%,#3b82f612 0%,#0000 45%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-white{color:#fff}.text-cyan{color:#38bdf8}.text-emerald{color:#34d399}.text-rose{color:#fb7185}.text-buy{color:#10b981}.text-sell{color:#fb7185}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-xs{font-size:.6875rem}.text-sm{font-size:.8125rem}.text-base{font-size:.9375rem}.mt-4{margin-top:16px}.flex-align-center{align-items:center;display:inline-flex}.gap-1{gap:4px}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#080b12eb;padding:10px 20px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;display:flex}.brand-section{align-items:center;gap:10px;display:flex}.brand-logo-icon{border-radius:var(--radius-sm);background:#6366f11f;border:1px solid #6366f14d;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-text-group{align-items:center;gap:8px;display:flex}.brand-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.brand-gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#818cf8 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stylus-tag{color:#818cf8;text-transform:uppercase;background:#6366f126;border:1px solid #6366f159;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:700}.network-tag{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;display:flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.network-block{color:#38bdf8;font-size:.625rem}.header-right-actions{align-items:center;gap:8px;display:flex}.balance-badge{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 12px;font-size:.6875rem;display:flex}.weth-val{color:#38bdf8;font-weight:600}.sep{color:var(--text-muted)}.usdc-val{color:#34d399;font-weight:600}.btn-pill{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;font-family:var(--font-sans);align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:inline-flex}.btn-faucet-pill{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2440}.btn-faucet-pill:hover{background:#fbbf2433;border-color:#fbbf2480}.btn-tools-pill{color:#c7d2fe;background:#6366f11a;border-color:#6366f140}.btn-tools-pill:hover,.btn-tools-pill.active{color:#fff;background:#6366f133;border-color:#6366f180}.btn-wallet{border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;align-items:center;gap:6px;padding:7px 14px;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #3b82f64d}.btn-wallet:hover{filter:brightness(1.1);box-shadow:0 6px 20px #6366f173}.dropdown-wrapper{position:relative}.dropdown-menu{background:var(--bg-elevated);border-radius:var(--radius-md);z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #6366f159;width:280px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px -8px #000000e6}.dropdown-header{letter-spacing:.12em;color:var(--text-muted);padding:6px 10px 4px;font-size:.5625rem;font-weight:700}.dropdown-item{width:100%;color:var(--text-main);text-align:left;cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dropdown-item:hover{background:#ffffff0d}.item-title{font-size:.75rem;font-weight:600}.item-desc{color:var(--text-muted);font-size:.625rem}.dropdown-divider{background:var(--border-subtle);height:1px;margin:6px 0}.market-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.market-stat-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pair-badge{align-items:center;gap:10px;display:flex}.pair-icons{align-items:center;display:flex}.token-dot{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:800;display:inline-flex}.eth-dot{color:#fff;z-index:2;background:#3b82f6}.usdc-dot{color:#fff;background:#2775ca;margin-left:-6px}.pair-name{color:#fff;font-size:.9375rem;font-weight:800}.pair-sub{color:var(--text-muted);font-size:.625rem}.stat-divider{background:var(--border-subtle);width:1px;height:28px}.market-stat-item{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem}.stat-value{color:#fff;font-size:.875rem;font-weight:700}.market-timer-group{align-items:center;gap:14px;display:flex}.timer-display-box{flex-direction:column;gap:6px;min-width:220px;display:flex}.timer-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.batch-pill{color:#818cf8;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;display:inline-flex}.status-pill{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:700}.status-open{color:#34d399;background:#10b98126}.status-clearing{color:#38bdf8;background:#38bdf826}.timer-countdown{color:#fff;align-items:center;gap:4px;font-size:.75rem;font-weight:800;display:inline-flex}.progress-track{background:#ffffff0f;border-radius:9999px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#818cf8);height:100%;transition:width .4s}.timer-controls-compact{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:3px;display:flex}.ctrl-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;display:flex}.speed-pill{color:var(--text-muted);cursor:pointer;font-size:.6875rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;padding:2px 6px}.speed-pill.speed-active{color:#fff;background:#3b82f6}.main-content{flex-direction:column;gap:16px;width:100%;max-width:1360px;margin:0 auto;padding:16px 20px 48px;display:flex}.trading-grid{grid-template-columns:420px 1fr;align-items:start;gap:16px;display:grid}@media (width<=1080px){.trading-grid{grid-template-columns:380px 1fr}}@media (width<=960px){.trading-grid{grid-template-columns:1fr}}.trading-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px;transition:border-color .2s}.trading-card:hover{border-color:#6366f140}.side-segmented-control{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;display:grid}.segment-btn{color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px;transition:all .2s;display:flex}.segment-btn.active-buy{background:var(--color-buy-bg);color:#34d399;border:1px solid var(--color-buy-border)}.segment-btn.active-sell{background:var(--color-sell-bg);color:#fb7185;border:1px solid var(--color-sell-border)}.input-group{margin-bottom:12px}.input-label-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.6875rem;font-weight:600;display:flex}.balance-info{color:var(--text-muted);align-items:center;gap:4px;display:flex}.input-field-wrapper{align-items:center;display:flex;position:relative}.dex-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-mono);outline:none;padding:10px 64px 10px 12px;font-size:.9375rem;font-weight:700;transition:border-color .2s}.dex-input:focus{border-color:var(--border-focus);box-shadow:0 0 12px #6366f133}.input-suffix{color:#818cf8;font-size:.75rem;font-weight:700;position:absolute;right:12px}.percentage-chip-row{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.chip-btn{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:5px 0;font-weight:600;transition:all .15s}.chip-btn:hover{color:#fff;background:#6366f11f;border-color:#6366f14d}.preset-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;display:grid}.preset-btn{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.6875rem;font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:5px 0;transition:all .15s}.preset-btn.preset-active,.preset-btn:hover{color:#fff;background:#6366f126;border-color:#6366f159}.order-summary-box{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.protection-badge{color:#34d399;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;display:inline-flex}.form-alert{border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:.75rem;display:flex}.alert-error{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e4d}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.submit-order-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:.875rem;font-weight:700;font-family:var(--font-sans);border:none;padding:12px;transition:all .2s}.btn-submit-buy{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 16px #10b98159}.btn-submit-buy:hover{filter:brightness(1.1);box-shadow:0 6px 20px #10b98180}.btn-submit-sell{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 16px #f43f5e59}.btn-submit-sell:hover{filter:brightness(1.1);box-shadow:0 6px 20px #f43f5e80}.panel-tab-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.tab-buttons{gap:8px;display:flex}.panel-tab-btn{color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:inline-flex}.panel-tab-btn.tab-active{color:#fff;background:#ffffff0d}.rollover-indicator{color:#818cf8;align-items:center;gap:4px;font-size:.6875rem;display:flex}.depth-overview-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 12px}.depth-stat-row{justify-content:space-between;margin-bottom:6px;font-size:.6875rem;display:flex}.depth-track{background:#ffffff0d;border-radius:9999px;height:6px;display:flex;overflow:hidden}.depth-fill-buy{background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s}.depth-fill-sell{background:linear-gradient(90deg,#f43f5e,#fb7185);transition:width .3s}.table-responsive-container{overflow-x:auto}.dex-table{border-collapse:collapse;width:100%;font-size:.75rem}.dex-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);text-align:left;padding:8px 10px;font-size:.625rem;font-weight:600}.dex-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:9px 10px}.dex-table tr:hover td{color:var(--text-main);background:#ffffff05}.text-right{text-align:right}.text-center{text-align:center}.side-badge{border-radius:3px;padding:2px 6px;font-size:.625rem;font-weight:700}.badge-buy{color:#34d399;background:#10b98126}.badge-sell{color:#fb7185;background:#f43f5e26}.label-chip{color:#38bdf8;background:#38bdf826;border-radius:3px;padding:1px 5px;font-size:.6875rem;font-weight:700}.rolled-chip{color:#fbbf24;background:#fbbf241a;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.5625rem}.cancel-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .15s}.cancel-icon-btn:hover{color:#f43f5e}.empty-state-box{text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);padding:36px 16px}.empty-title{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.empty-desc{color:var(--text-muted);margin-top:4px;font-size:.6875rem}.depth-breakdown-container{grid-template-columns:1fr 1fr;gap:16px;display:grid}.depth-col-title{margin-bottom:8px;font-size:.6875rem;font-weight:700}.depth-row{border-bottom:1px solid #ffffff05;justify-content:space-between;padding:5px 0;font-size:.6875rem;display:flex}.depth-empty{color:var(--text-muted);font-size:.6875rem;font-style:italic}.settlement-hero{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:16px;display:flex}.cleared-tag{color:#34d399;background:#10b9811a;border-radius:4px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.cleared-price-display{align-items:baseline;gap:6px;display:flex}.price-num{color:#fff;font-size:1.8rem;font-weight:800}.price-suffix{color:#818cf8;font-size:.75rem;font-weight:600}.cleared-subtext{color:var(--text-muted);max-width:480px;font-size:.75rem}.settlement-hero-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.surplus-card{flex-direction:column;align-items:flex-end;display:flex}.surplus-val{align-items:center;gap:4px;font-size:1.1rem;font-weight:800;display:flex}.btn-sandwich-compare{border-radius:var(--radius-sm);color:#c7d2fe;cursor:pointer;font-size:.6875rem;font-weight:600;font-family:var(--font-sans);background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.btn-sandwich-compare:hover{color:#fff;background:#6366f133}.table-header-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.table-header-info h4{font-size:.8125rem}.empty-fills{text-align:center;color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);padding:20px;font-size:.75rem}.settlement-card-empty{text-align:center;padding:32px 16px}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch;background:#04070ee0;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{border-radius:var(--radius-lg);background:#0d1322;border:1px solid #6366f159;flex-direction:column;width:100%;max-width:620px;max-height:calc(100vh - 32px);margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) modalScale;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #000000f2,0 0 35px #6366f126}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{background:#0d1322;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-icon-badge{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.badge-rose-glow{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e59;box-shadow:0 0 16px #f43f5e33}.badge-amber-glow{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;box-shadow:0 0 16px #f59e0b33}.modal-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-top:2px;font-size:.7125rem}.modal-close-btn{border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40;transform:scale(1.05)}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.modal-table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.modal-table{border-collapse:collapse;width:100%}.modal-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);background:#101728f2;padding:10px 14px;font-size:.6875rem;font-weight:700}.modal-table td{border-bottom:1px solid #ffffff0a;padding:10px 14px;font-size:.775rem}.modal-table tr:last-child td{border-bottom:none}.benchmark-bar-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:14px;display:flex}.benchmark-header-row{justify-content:space-between;align-items:center;font-size:.775rem;display:flex}.benchmark-bars-list{flex-direction:column;gap:10px;display:flex}.bar-label-row{font-size:.6875rem;font-family:var(--font-mono);justify-content:space-between;margin-bottom:4px;display:flex}.bar-track{background:#ffffff0f;border-radius:4px;width:100%;height:7px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.bar-solidity{background:linear-gradient(90deg,#ef4444,#f43f5e);box-shadow:0 0 10px #f43f5e80}.bar-stylus{background:linear-gradient(90deg,#3b82f6,#38bdf8);box-shadow:0 0 10px #38bdf880}.benchmark-info-card{border-radius:var(--radius-md);color:var(--text-secondary);background:#10b9810f;border:1px solid #10b98133;flex-direction:column;gap:8px;padding:12px 14px;font-size:.725rem;line-height:1.45;display:flex}.info-item{align-items:flex-start;gap:8px;display:flex}.comparison-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=580px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:14px;display:flex}.card-vulnerable{background:#f43f5e0a;border-color:#f43f5e4d}.card-immune{background:#10b9810a;border-color:#10b9814d}.card-header-row{justify-content:space-between;align-items:center;display:flex}.card-title{align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.card-metrics-list{flex-direction:column;gap:8px;display:flex}.metric-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.metric-total-row{border-top:1px dashed #ffffff1a;margin-top:2px;padding-top:8px}.callout-box{border-radius:var(--radius-md);background:#38bdf80f;border:1px solid #38bdf840;align-items:flex-start;gap:12px;padding:14px;display:flex}.callout-icon{flex-shrink:0;margin-top:2px}.callout-content{flex-direction:column;gap:4px;display:flex}.callout-title{color:#e2e8f0;font-size:.8125rem;font-weight:700}.callout-text{color:var(--text-secondary);font-size:.725rem;line-height:1.5}.modal-footer{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#090e1c;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;padding:12px 22px;display:flex}.btn-modal-action{border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:700;font-family:var(--font-sans);background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;padding:8px 20px;transition:all .2s;box-shadow:0 4px 14px #6366f159}.btn-modal-action:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.demo-controller-bar{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);background:#0d1321d9;border:1px solid #6366f147;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff0d}.demo-speed-row{align-items:center;gap:8px;display:flex}.demo-speed-group{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:3px 6px;display:flex}.demo-speed-group .speed-label{color:var(--text-muted);align-items:center;gap:3px;margin-right:2px;font-size:.6875rem;font-weight:600;display:flex}.speed-pills-list{align-items:center;gap:3px;display:flex}.speed-pill-btn{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 7px;font-weight:600;transition:all .15s}.speed-pill-btn:hover{color:#fff;background:#ffffff14}.speed-pill-btn.active{color:#040711;background:#38bdf8;font-weight:800;box-shadow:0 0 10px #38bdf866}.btn-demo-toggle{border-radius:var(--radius-sm);font-size:.725rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;align-items:center;gap:5px;padding:4px 11px;transition:all .2s;display:flex}.btn-demo-toggle.running{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859}.btn-demo-toggle.running:hover{background:#38bdf838;border-color:#38bdf8}.btn-demo-toggle.paused{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b73;animation:2s ease-in-out infinite pulseAmber;box-shadow:0 0 12px #f59e0b40}@keyframes pulseAmber{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 16px #f59e0b80}}.demo-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-demo-primary{border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;align-items:center;gap:6px;padding:5px 13px;transition:all .2s;display:flex;box-shadow:0 3px 12px #10b98159}.btn-demo-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #10b98180}.btn-demo-primary:disabled{opacity:.6;cursor:not-allowed}.btn-demo-secondary{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#ffffff0d;align-items:center;gap:5px;padding:5px 10px;font-size:.725rem;font-weight:600;transition:all .15s;display:flex}.btn-demo-secondary:hover{border-color:var(--border-hover);color:#fff;background:#ffffff1a}.btn-demo-reset{border-radius:var(--radius-sm);color:#fb7185;cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e40;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-demo-reset:hover{color:#fff;background:#f43f5e33;border-color:#fb7185;transform:rotate(-45deg)}.show-mobile{display:none!important}@media (width<=960px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.app-header{padding:8px 14px}.main-content{padding:12px 14px 40px}.mobile-menu-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-drawer{border-top:1px solid var(--border-subtle);background:#0d1322;flex-direction:column;gap:14px;padding:16px;display:flex}.mobile-drawer-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding-bottom:12px;font-size:.8125rem;display:flex}.mobile-actions-list{flex-direction:column;gap:8px;display:flex}.mobile-action-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:.8125rem;font-weight:600;display:flex}.mobile-tab-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:6px;margin-bottom:12px;padding:4px;display:flex}.mobile-tab-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.mobile-tab-item.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f666}.grid-2col{grid-template-columns:1fr}.market-bar{flex-direction:column;align-items:stretch;gap:12px}.market-stat-group{justify-content:space-between}.market-timer-group{justify-content:space-between;width:100%}.timer-display-box{flex:1}}@media (width<=640px){.hide-small{display:none!important}.demo-controller-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.demo-speed-row{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.demo-speed-group{flex:1;justify-content:space-between;padding:3px 6px}.btn-demo-toggle{flex-shrink:0;padding:4px 10px}.demo-actions-row{align-items:center;gap:6px;width:100%;display:flex}.demo-actions-row .btn-demo-primary{flex:1;justify-content:center;padding:5px 10px}.demo-actions-row .btn-demo-secondary{padding:5px 8px;font-size:.6875rem}}.mobile-drawer-overlay{z-index:9990;-webkit-backdrop-filter:blur(14px);background:#04070ed9;justify-content:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-sheet{-webkit-overflow-scrolling:touch;background:#0d1322;border-left:1px solid #6366f159;flex-direction:column;gap:16px;width:100%;max-width:360px;height:100%;padding:20px 18px;animation:.22s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow-y:auto;box-shadow:-16px 0 40px #000000d9}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.mobile-drawer-section{border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding-bottom:14px;font-size:.8125rem;display:flex}.drawer-subheading{color:var(--text-muted);letter-spacing:.05em;margin-top:4px;font-size:.6875rem;font-weight:700}.mobile-actions-list{flex-direction:column;gap:10px;display:flex}.mobile-action-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-align:left;align-items:center;gap:12px;padding:12px 14px;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.mobile-action-btn:hover{background:#ffffff14;border-color:#6366f166}.mobile-action-btn.action-mint{background:#f59e0b14;border-color:#f59e0b59}.mobile-action-btn.action-reset{background:#f43f5e14;border-color:#f43f5e59}