:root{--color-bg-primary:#000000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#111111;--color-bg-elevated:#151515;--color-bg-card:linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.04) 0%,
        rgba(255, 255, 255, 0.01) 100%
    );--color-bg-card-hover:linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.06) 0%,
        rgba(255, 255, 255, 0.02) 100%
    );--color-text-primary:#ffffff;--color-text-secondary:#a0a0a0;--color-text-muted:#666666;--color-text-dim:#444444;--color-positive:#00d26a;--color-positive-bg:rgba(0, 210, 106, 0.12);--color-negative:#ff4757;--color-negative-bg:rgba(255, 71, 87, 0.12);--color-neutral:#888888;--color-neutral-bg:rgba(136, 136, 136, 0.12);--color-accent-start:#667eea;--color-accent-end:#764ba2;--gradient-accent:linear-gradient(135deg, var(--color-accent-start) 0%, var(--color-accent-end) 100%);--color-border:rgba(255, 255, 255, 0.06);--color-border-hover:rgba(255, 255, 255, 0.12);--color-border-subtle:#1a1a1a;--color-btc:#f7931a;--color-btc-dark:#e8800a;--color-eth:#627eea;--color-eth-dark:#4e6dde;--color-sol-start:#00ffa3;--color-sol-end:#dc1fff;--color-ada:#0033ad;--color-ada-dark:#002080;--color-dot:#e6007a;--color-dot-dark:#c30066;--color-default:#555555;--color-default-dark:#333333;--font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-card:0 4px 24px rgba(0, 0, 0, 0.3);--shadow-elevated:0 8px 32px rgba(0, 0, 0, 0.4);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:0 0}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-start);outline-offset:2px}.header{text-align:center;margin-bottom:var(--space-6)}.header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.updated{font-size:var(--font-size-sm);color:var(--color-text-muted)}.header--detail{display:flex;align-items:center;text-align:left;gap:var(--space-4)}.header--detail h1{background:0 0;-webkit-text-fill-color:var(--color-text-primary);font-size:var(--font-size-xl)}.back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-xl);transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.back-button:hover{background:var(--color-bg-elevated)}.back-button:active{transform:scale(.95);background:var(--color-border-subtle)}.coin-header{display:flex;align-items:center;gap:var(--space-3);flex:1}.coin-title .symbol{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.footer{text-align:center;margin-top:var(--space-8);padding-bottom:var(--space-4)}.footer a{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer a:hover{color:var(--color-text-secondary)}.cards{display:flex;flex-direction:column;gap:var(--space-3);max-width:500px;margin:0 auto}.card-link{display:block;text-decoration:none;color:inherit}.card{background:var(--color-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card)}.card-link:hover .card{transform:translateY(-2px)}.card:active,.card-link:active .card{transform:scale(.98)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.coin-info{display:flex;align-items:center;gap:var(--space-3)}.coin-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.coin-symbol{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.card-price{display:flex;align-items:center}.price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:right}.chevron{color:var(--color-text-dim);font-size:var(--font-size-xl);margin-left:var(--space-2);transition:transform var(--transition-fast),color var(--transition-fast)}.card-link:hover .chevron{transform:translateX(4px);color:var(--color-text-secondary)}.changes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.change-item{background:rgba(255,255,255,2%);border-radius:var(--radius-sm);padding:var(--space-3)var(--space-2);text-align:center}.change-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.change-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.price-section{text-align:center;margin-bottom:var(--space-8)}.current-price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.price-change{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.coin-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.coin-icon--lg{width:52px;height:52px;font-size:var(--font-size-md)}.coin-icon.btc,.coin-icon.bitcoin{background:linear-gradient(135deg,var(--color-btc) 0%,var(--color-btc-dark) 100%)}.coin-icon.eth,.coin-icon.ethereum{background:linear-gradient(135deg,var(--color-eth) 0%,var(--color-eth-dark) 100%)}.coin-icon.sol,.coin-icon.solana{background:linear-gradient(135deg,var(--color-sol-start) 0%,var(--color-sol-end) 100%);color:#000;text-shadow:none}.coin-icon.ada,.coin-icon.cardano{background:linear-gradient(135deg,var(--color-ada) 0%,var(--color-ada-dark) 100%)}.coin-icon.dot,.coin-icon.polkadot{background:linear-gradient(135deg,var(--color-dot) 0%,var(--color-dot-dark) 100%)}.coin-icon.xrp,.coin-icon.ripple{background:linear-gradient(135deg,#23292f 0%,#1a1f24 100%)}.coin-icon.doge,.coin-icon.dogecoin{background:linear-gradient(135deg,#c3a634 0%,#a08a2b 100%)}.coin-icon.avax,.coin-icon.avalanche-2{background:linear-gradient(135deg,#e84142 0%,#c43838 100%)}.coin-icon.matic,.coin-icon.matic-network{background:linear-gradient(135deg,#8247e5 0%,#6b3cc4 100%)}.coin-icon.link,.coin-icon.chainlink{background:linear-gradient(135deg,#375bd2 0%,#2c4ab0 100%)}.coin-icon.bnb,.coin-icon.binancecoin{background:linear-gradient(135deg,#f3ba2f 0%,#d4a424 100%);color:#000;text-shadow:none}.coin-icon.ltc,.coin-icon.litecoin{background:linear-gradient(135deg,#bfbbbb 0%,#a0a0a0 100%);color:#000;text-shadow:none}.coin-icon.atom,.coin-icon.cosmos{background:linear-gradient(135deg,#2e3148 0%,#1e2030 100%)}.coin-icon.uni,.coin-icon.uniswap{background:linear-gradient(135deg,#ff007a 0%,#d4006a 100%)}.coin-icon.shib,.coin-icon.shiba-inu{background:linear-gradient(135deg,#fda32b 0%,#e08a20 100%)}.coin-icon.default,.coin-icon:not([class*=btc]):not([class*=eth]):not([class*=sol]):not([class*=ada]):not([class*=dot]):not([class*=xrp]):not([class*=doge]):not([class*=avax]):not([class*=matic]):not([class*=link]):not([class*=bnb]):not([class*=ltc]):not([class*=atom]):not([class*=uni]):not([class*=shib]):not([class*=bitcoin]):not([class*=ethereum]):not([class*=solana]):not([class*=cardano]):not([class*=polkadot]):not([class*=ripple]):not([class*=dogecoin]):not([class*=avalanche]):not([class*=chainlink]):not([class*=binancecoin]):not([class*=litecoin]):not([class*=cosmos]):not([class*=uniswap]):not([class*=shiba]){background:linear-gradient(135deg,var(--color-default) 0%,var(--color-default-dark) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);border-radius:var(--radius-2xl);transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;text-decoration:none}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gradient-accent);color:var(--color-text-primary);padding:var(--space-3)var(--space-5);font-size:var(--font-size-base)}.btn--primary:hover{box-shadow:0 4px 16px rgba(102,126,234,.3)}.btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-xl)}.refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-accent);color:var(--color-text-primary);border:none;border-radius:var(--radius-2xl);padding:var(--space-3)var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);margin-top:var(--space-4);text-decoration:none}.refresh-btn:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(102,126,234,.3);color:var(--color-text-primary)}.refresh-btn:active{transform:scale(.98)}.refresh-btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);margin-top:var(--space-3)}.refresh-container{text-align:center;margin-top:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.stat-card{background:var(--color-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:var(--space-4)var(--space-3);text-align:center;border:1px solid var(--color-border);transition:transform var(--transition-fast)}.stat-card:active{transform:scale(.95)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.updated--detail{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-dim)}.chart-section{margin-bottom:var(--space-8)}.chart-period{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.chart-container{position:relative;height:220px;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-2)}.chart-periods{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.period-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:0 0;border:1px solid var(--color-border);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.period-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.period-btn.active{background:var(--gradient-accent);border-color:transparent;color:var(--color-text-primary)}.positive{color:var(--color-positive)}.bg-positive{background-color:var(--color-positive-bg)}.negative{color:var(--color-negative)}.bg-negative{background-color:var(--color-negative-bg)}.neutral{color:var(--color-neutral)}.bg-neutral{background-color:var(--color-neutral-bg)}.change-badge{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.change-badge.positive{background:var(--color-positive-bg);color:var(--color-positive)}.change-badge.negative{background:var(--color-negative-bg);color:var(--color-negative)}.change-badge.neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}@media(max-width:480px){body{padding:var(--space-3);padding-top:max(var(--space-3),env(safe-area-inset-top));padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.card{padding:var(--space-4)}.price{font-size:var(--font-size-xl)}.current-price{font-size:2rem}.coin-icon{width:40px;height:40px;font-size:var(--font-size-sm)}.coin-icon--lg{width:48px;height:48px}}@media(max-width:360px){.current-price{font-size:1.75rem}.stat-card{padding:var(--space-3)var(--space-2)}.stat-value{font-size:var(--font-size-base)}.header h1{font-size:var(--font-size-2xl)}}@media(hover:none){.card:hover{transform:none;box-shadow:none}.card-link:hover .card{transform:none}.card-link:hover .chevron{transform:none;color:var(--color-text-dim)}.card:active,.card-link:active .card{transform:scale(.98);opacity:.9}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}