:root{--color-positive:#2dd4bf;--color-negative:#f87171;--color-positive-bg:rgba(45,212,191,0.1);--color-negative-bg:rgba(248,113,113,0.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Helvetica Neue',Helvetica,sans-serif;background:#000;color:#fff;min-height:100vh}.redis-alert{background:rgba(255,60,60,0.95);color:#fff;padding:8px 24px;font-size:.8125rem;font-weight:500;text-align:center;position:sticky;top:0;z-index:1001;animation:slideDown .3s ease;border-bottom:1px solid rgba(255,255,255,0.15)}.redis-alert-content{display:flex;align-items:center;justify-content:center;gap:8px}.redis-alert-icon{font-size:.875rem}.redis-alert-text{font-weight:600}.redis-alert-detail{color:rgba(255,255,255,0.8);font-weight:400}.redis-alert.reconnecting{background:rgba(255,170,0,0.95)}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.top-nav{background:rgba(0,0,0,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 1px 20px rgba(var(--accent-rgb),0.05)}.redis-alert:not([style*="display: none"]) ~ .top-nav{top:0}.nav-left{display:flex;align-items:center;gap:24px}.brand-container{display:flex;align-items:center;gap:16px}.brand-title{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.brand-suffix{font-size:.8em;font-weight:700;color:inherit;position:relative;top:3px;margin-left:1px}.brand-accent{color:var(--accent)}.eth-price-display{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;font-size:.875rem;font-weight:500}.eth-price-label{color:rgba(255,255,255,0.6)}.eth-price-value{font-family:'Inter',monospace;font-weight:600;color:#fff}.eth-price-change{font-size:.75rem;padding:4px 8px;border-radius:6px;font-weight:600}.eth-price-change.positive{color:var(--color-positive);background:var(--color-positive-bg)}.eth-price-change.negative{color:var(--color-negative);background:var(--color-negative-bg)}.nav-right{display:flex;align-items:center;gap:16px}.deploy-nav-btn{background:var(--accent);color:#fff;border:0;padding:12px 24px;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif}.deploy-nav-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--accent-rgb),0.3);color:#fff;text-decoration:none}.wallet-nav-btn{background:rgba(255,255,255,0.05);color:#fff;border:1px solid rgba(255,255,255,0.1);padding:12px 20px;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center;font-family:'Inter',sans-serif}.wallet-nav-btn:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);transform:translateY(-1px)}.wallet-nav-btn.connected{background:var(--color-positive-bg);border-color:var(--accent);color:var(--accent)}.wallet-nav-btn.connected:hover{background:rgba(0,212,170,0.15)}.wallet-nav-btn:disabled{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.05);color:rgba(255,255,255,0.4);cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.main-content{padding:8px}@media(max-width:768px){.top-nav{padding:0 16px;height:72px}.brand-title{font-size:1.25rem}.nav-right{gap:12px}.deploy-nav-btn{padding:10px 16px;font-size:.8125rem}.deploy-nav-btn span{display:none}.wallet-nav-btn{padding:10px 16px;font-size:.8125rem;min-width:120px}.eth-price-display{display:none}.redis-alert{padding:6px 16px;font-size:.75rem}}@media(max-width:480px){.brand-title{font-size:1.125rem}.deploy-nav-btn span:first-child{flex-shrink:0;display:inline-block}.deploy-nav-btn,.wallet-nav-btn{padding:10px 16px;font-size:.8125rem;border-radius:12px}.wallet-nav-btn{min-width:100px}}.frame-back-bar{max-width:1400px;margin:0 auto 12px;padding:0 16px}.frame-back-link{color:#fff;text-decoration:none;font-size:.85rem}.frame-back-link:hover{color:#fff}
/* Text on accent-coloured backgrounds. Bright chain accents (BSC gold,
   Robinhood lime) render white text nearly invisible, so the foreground is
   chosen per chain by luminance in chain_config.py rather than hardcoded. */
.deploy-nav-btn,.deploy-btn,.view-btn.active,.token-symbol-badge,.trade-tab.active,.trade-btn,.timeframe-btn.active,.pagination button:hover:not(:disabled),.toggle-switch.active,.settings-btn-primary{color:var(--on-accent) !important}
.deploy-nav-btn:hover,.deploy-btn:hover:not(:disabled),.trade-btn:hover:not(:disabled){color:var(--on-accent) !important}