:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--glass-bg:#0b0d10bf;--glass-bg-heavy:#05070ae6;--glass-border:#ffffff0f;--glass-border-light:#ffffff0a;--glass-highlight:#ffffff14;--glass-shadow:#0009;--bg-primary:#05070a;--bg-gradient:linear-gradient(180deg,#05070a 0%,#05070a 100%);--text-primary:#f6fefd;--text-secondary:#f6fefd99;--text-muted:#f6fefd4d;--accent-primary:#50d2c1;--accent-secondary:#5e5ce6;--success:#50d2c1;--success-glow:#50d2c126;--danger:#ff4451;--danger-glow:#ff445126;--warning:#ff9f0a;--blur-sm:8px;--blur-md:20px;--blur-lg:40px;--blur-xl:60px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--transition-fast:.2s cubic-bezier(.25,.46,.45,.94);--transition-normal:.35s cubic-bezier(.25,.46,.45,.94)}body.light-mode{--glass-bg:#ffffffbf;--glass-bg-heavy:#ffffffe6;--glass-border:#00000014;--glass-border-light:#0000000d;--glass-highlight:#fff6;--glass-shadow:#0000000d;--bg-primary:#f2f2f7;--bg-gradient:linear-gradient(145deg,#f2f2f7 0%,#fff 100%);--text-primary:#000000eb;--text-secondary:#0009;--text-muted:#00000059;--accent-primary:#007aff;--accent-secondary:#5856d6;--success:#34c759;--success-glow:#34c75933}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#05070a;height:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);overscroll-behavior-y:none;background-color:#05070a;min-height:100dvh;line-height:1.5;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);opacity:.2;z-index:-1;border-radius:50%;animation:25s ease-in-out infinite float;position:fixed}body:before{background:var(--accent-primary);width:500px;height:500px;top:-150px;right:-150px}body:after{background:var(--accent-secondary);width:400px;height:400px;animation-delay:-12s;bottom:-100px;left:-100px}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-40px)scale(1.05)}50%{transform:translate(-30px,30px)scale(.95)}75%{transform:translate(-40px,-20px)scale(1.02)}}.app-container{max-width:1200px;min-height:100dvh;padding:calc(var(--space-md) + var(--safe-area-top))calc(var(--space-md) + var(--safe-area-right))calc(var(--space-md) + var(--safe-area-bottom))calc(var(--space-md) + var(--safe-area-left));flex-direction:column;margin:0 auto;display:flex}.header{padding:var(--space-md);margin-bottom:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-xl))saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 40px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-sm);letter-spacing:-.02em;font-size:1.3rem;font-weight:600;display:flex}.logo-icon{width:24px;height:24px;color:var(--accent-primary);filter:drop-shadow(0 0 8px var(--accent-primary))}.header-right{gap:var(--space-sm);display:flex}.icon-btn{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--blur-md));color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 12px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--glass-bg-heavy);color:var(--text-primary);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn svg{width:20px;height:20px}.icon-btn.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-bar{padding:var(--space-sm)var(--space-md);margin-bottom:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md))saturate(150%);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.dex-status{align-items:center;gap:var(--space-sm);display:flex}.status-dot{background:var(--text-muted);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.status-dot.success{background:var(--success);box-shadow:0 0 12px var(--success-glow)}.status-dot.error{background:var(--danger);box-shadow:0 0 12px var(--danger-glow)}.status-dot.loading{background:var(--warning);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-label{color:var(--text-secondary);margin-right:var(--space-sm);font-size:.75rem;font-weight:500}.last-updated{color:var(--text-muted);font-size:.75rem}.toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.toolbar-group{align-items:center;gap:var(--space-sm);display:flex}.toolbar-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.search-input{padding:var(--space-sm)var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);width:140px;transition:all var(--transition-fast);box-shadow:inset 0 1px 0 var(--glass-highlight)}.search-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #0a84ff26}.search-input::placeholder{color:var(--text-muted)}.pill-group{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:var(--radius-md);border:1px solid var(--glass-border-light);gap:2px;padding:3px;display:flex}.pill-btn{padding:var(--space-xs)var(--space-sm);border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.pill-btn:hover{color:var(--text-primary)}.pill-btn.active{background:var(--glass-bg-heavy);color:var(--text-primary);box-shadow:0 2px 8px var(--glass-shadow)}.main-content{flex:1}.results-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-xl))saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 16px 64px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);overflow:hidden}.loading-state{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:300px;padding:80px 40px;display:flex}.loading-state p{color:var(--text-secondary);font-size:.9rem}.spinner{border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.market-table{border-collapse:collapse;width:100%;font-size:.8rem}.market-table thead{background:var(--glass-bg-heavy);z-index:10;position:sticky;top:0}.market-table th{padding:var(--space-sm)var(--space-md);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border-light);font-size:.65rem;font-weight:600}.market-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--glass-border-light);vertical-align:middle}.market-table tbody tr{transition:all var(--transition-fast);cursor:pointer}.market-table tbody tr:hover{background:#ffffff08}.market-table tbody tr:active{background:#ffffff0d}.coin-cell{align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.coin-rank{color:var(--text-muted);min-width:18px;font-size:.65rem;font-weight:500}.coin-icon-img{object-fit:cover;border-radius:50%;width:26px;height:26px}.coin-icon{background:var(--glass-bg-heavy);border:1px solid var(--glass-border-light);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.hidden{display:none!important}.dex-cell{font-family:var(--font-mono);font-size:.75rem}.dex-cell .price{font-weight:600}.dex-cell .change{margin-top:1px;font-size:.6rem;font-weight:500}.dex-cell .funding{margin-top:1px;font-size:.6rem}.dex-cell.unavailable{color:var(--text-muted);font-style:italic}.adr-cell{font-family:var(--font-mono);color:var(--accent-primary);font-size:.75rem;font-weight:500}.oi-ratio-cell{min-width:90px}.oi-ratio-wrapper{flex-direction:column;gap:2px;display:flex}.oi-ratio-bar{background:var(--danger);border-radius:2px;height:4px;overflow:hidden}.oi-ratio-fill{background:var(--success);height:100%;transition:width var(--transition-normal);box-shadow:0 0 6px var(--success-glow);border-radius:2px}.oi-ratio-text{font-size:.6rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.oi-ratio-text .long{color:var(--success)}.oi-ratio-text .short{color:var(--danger)}.leverage-cell{text-align:center}.leverage-badge{background:var(--glass-bg-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.leverage-badge.hl{color:var(--accent-primary);background:#0a84ff1a;border-color:#0a84ff4d}.leverage-badge.vr{color:var(--accent-secondary);background:#5e5ce61a;border-color:#5e5ce64d}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;padding:var(--space-md);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg-heavy);width:100%;max-width:900px;max-height:90vh;-webkit-backdrop-filter:blur(var(--blur-xl))saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 100px #00000080}.modal-header{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--glass-border-light);justify-content:space-between;align-items:center;display:flex}.modal-title-group{align-items:baseline;gap:var(--space-md);display:flex}.modal-coin-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.modal-price{font-family:var(--font-mono);color:var(--text-secondary);font-size:1.2rem}.close-btn{border-radius:var(--radius-md);background:var(--glass-bg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:var(--danger);background:#ff453a33}.chart-wrapper{flex-direction:column;flex:1;min-height:350px;display:flex}.timeframe-selector{gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);border-bottom:1px solid var(--glass-border-light);display:flex;overflow-x:auto}.tf-btn{padding:var(--space-xs)var(--space-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0}.tf-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tf-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chart-container{flex:1;min-height:300px;position:relative}.chart-loading,.chart-error{color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stats-grid{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border-top:1px solid var(--glass-border-light);grid-template-columns:repeat(4,1fr);display:grid}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.stat-value{font-family:var(--font-mono);font-size:.9rem;font-weight:600}footer{padding:var(--space-lg)0;margin-top:var(--space-lg)}.footer-content{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--text-muted);flex-wrap:wrap;font-size:.75rem;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--accent-primary)}.footer-links{gap:var(--space-md);display:flex}.social-icon{fill:currentColor;width:18px;height:18px}.mx-2{margin:0 6px}.no-data{text-align:center;color:var(--text-secondary);padding:80px 40px}@media (max-width:768px){body:before,body:after{opacity:.15}.app-container{padding:calc(var(--space-sm) + var(--safe-area-top))calc(var(--space-sm) + var(--safe-area-right))calc(var(--space-sm) + var(--safe-area-bottom))calc(var(--space-sm) + var(--safe-area-left))}.header{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-lg)}.logo{font-size:1.1rem}.toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}.toolbar-group{justify-content:space-between}.results-container{border-radius:var(--radius-lg)}.market-table{font-size:.7rem}.market-table th,.market-table td{padding:var(--space-xs)var(--space-sm)}.market-table .hide-mobile{display:none}.coin-icon{width:22px;height:22px;font-size:.55rem}.modal-content{border-radius:var(--radius-lg);max-height:95vh}.modal-header{padding:var(--space-md)}.modal-coin-name{font-size:1.2rem}.modal-price{font-size:1rem}.stats-grid{padding:var(--space-md);grid-template-columns:repeat(2,1fr)}.footer-content{text-align:center;flex-direction:column}.toolbar{margin-bottom:var(--space-lg)!important;grid-template-columns:1fr 1fr!important;gap:15px!important;display:grid!important;overflow:visible!important}.toolbar-group:first-child{grid-column:1/-1!important;width:100%!important}.search-input{border-radius:var(--radius-md)!important;width:100%!important;padding:14px!important;font-size:1rem!important}.toolbar-group{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;width:100%!important;display:flex!important}.toolbar-label{color:var(--accent-primary)!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:2px!important;margin-left:4px!important;font-size:.75rem!important;font-weight:700!important;display:block!important}.pill-group{background:var(--glass-bg-heavy)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;width:100%!important;padding:3px!important;display:flex!important}.pill-btn{text-align:center!important;border-radius:calc(var(--radius-md) - 6px)!important;background:0 0!important;flex:1!important;padding:10px 5px!important;font-size:.8rem!important}.pill-btn.active{background:var(--accent-primary)!important;color:var(--bg-primary)!important;font-weight:700!important}.oi-ratio-cell{min-width:60px}.icon-btn{width:44px;height:44px}.market-table th,.market-table td{padding:10px 4px!important;font-size:.75rem!important}.coin-icon-img,.coin-icon{width:24px!important;height:24px!important}.coin-cell{gap:8px!important}.chart-wrapper{min-height:300px!important}.chart-container{min-height:240px!important}}.mx-2{margin-left:.5rem;margin-right:.5rem}footer{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg);margin-top:auto;margin-bottom:var(--space-md);box-shadow:0 4px 20px var(--glass-shadow);padding:1.5rem}.footer-content{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.footer-left{align-items:center;gap:.25rem;display:flex}.footer-links{align-items:center;gap:1rem;display:flex}.footer-link{transition:all var(--transition-fast);color:var(--text-secondary);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--text-primary);transform:translateY(-1px)}.social-icon{fill:currentColor;opacity:.8;width:20px;height:20px;transition:opacity .2s}.footer-link:hover .social-icon{opacity:1}#install-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:none;box-shadow:0 2px 10px #0003}#install-btn:hover{opacity:.95;transform:translateY(-1px)scale(1.05)}@media (max-width:768px){footer{margin-bottom:calc(var(--safe-area-bottom) + 1rem);padding:1.5rem 1rem}.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-left{flex-direction:column;gap:.5rem}.footer-left .mx-2{display:none}.footer-links{justify-content:center}}.text-accent{color:var(--accent-primary);margin-left:4px}