@charset "UTF-8";.app{min-height:100vh;display:flex;flex-direction:column;position:relative}main{flex:1;width:100%;padding:var(--spacing-2xl) 0;background-color:var(--bg-1);transition:background-color .3s ease}@media (max-width: 768px){main{padding:var(--spacing-lg) 0}}@media (max-width: 576px){main{padding:var(--spacing-md) 0}}.content-wrapper{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-2xl)}@media (max-width: 1200px){.content-wrapper{max-width:var(--max-width-xl);padding:0 var(--spacing-xl)}}@media (max-width: 992px){.content-wrapper{max-width:var(--max-width-lg);padding:0 var(--spacing-lg)}}@media (max-width: 768px){.content-wrapper{max-width:var(--max-width-md);padding:0 var(--spacing-lg)}}@media (max-width: 576px){.content-wrapper{max-width:100%;padding:0 var(--spacing-md)}}.page-header{margin-bottom:var(--spacing-2xl);text-align:center}@media (max-width: 768px){.page-header{margin-bottom:var(--spacing-xl);text-align:left}}@media (max-width: 576px){.page-header{margin-bottom:var(--spacing-lg)}}.page-header h1{margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.page-header h1{-webkit-text-fill-color:var(--text-1);background:none}}.page-header .subtitle{color:var(--text-2);font-size:clamp(13px,2vw,16px);line-height:1.5;max-width:600px;margin:0 auto}@media (max-width: 768px){.page-header .subtitle{margin:0;text-align:left}}.card{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}@media (max-width: 768px){.card{border-radius:8px}.card:hover{transform:none}}.card-header{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-2)}@media (max-width: 768px){.card-header{padding:var(--spacing-lg)}}@media (max-width: 576px){.card-header{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.card-header h2{font-size:clamp(16px,2.5vw,20px);font-weight:600;color:var(--text-1)}.card-body{padding:var(--spacing-2xl)}@media (max-width: 768px){.card-body{padding:var(--spacing-lg)}}@media (max-width: 576px){.card-body{padding:var(--spacing-md)}}.grid{display:grid;gap:var(--spacing-2xl)}@media (max-width: 768px){.grid{gap:var(--spacing-lg)}}@media (max-width: 576px){.grid{gap:var(--spacing-md)}}.grid.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 992px){.grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid.grid-3{grid-template-columns:1fr}}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid.grid-4{grid-template-columns:1fr}}.grid.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 576px){.grid.grid-auto{grid-template-columns:1fr}}.stat-card{padding:var(--spacing-xl);background:var(--bg-2);border-radius:12px;border:1px solid var(--border);transition:all .2s ease}.stat-card:hover{background:var(--bg-3);transform:translateY(-1px)}@media (max-width: 768px){.stat-card{padding:var(--spacing-lg);border-radius:8px}.stat-card:hover{transform:none}}@media (max-width: 576px){.stat-card{padding:var(--spacing-md)}}.stat-card .stat-title{font-size:13px;color:var(--text-2);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.stat-card .stat-value{font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--text-1);line-height:1.2}.stat-card .stat-change{font-size:13px;margin-top:var(--spacing-xs);font-weight:600}.stat-card .stat-change.positive{color:var(--color-success)}.stat-card .stat-change.positive:before{content:"↗ "}.stat-card .stat-change.negative{color:var(--color-danger)}.stat-card .stat-change.negative:before{content:"↘ "}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl)}@media (max-width: 768px){.error-page{min-height:50vh;padding:var(--spacing-3xl) var(--spacing-lg)}}@media (max-width: 576px){.error-page{min-height:40vh;padding:var(--spacing-2xl) var(--spacing-md)}}.error-page h1{font-size:clamp(24px,5vw,40px);color:var(--text-1);margin-bottom:var(--spacing-lg);font-weight:800}.error-page p{color:var(--text-2);margin-bottom:var(--spacing-3xl);font-size:clamp(14px,2.5vw,18px);max-width:400px;line-height:1.6}@media (max-width: 768px){.error-page p{margin-bottom:var(--spacing-2xl)}}.link-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease;font-size:15px}.link-button:hover{background-color:#2d4cca;transform:translateY(-1px);box-shadow:0 4px 12px #3861fb4d;text-decoration:none;color:#fff}.link-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 576px){.link-button{padding:var(--spacing-md) var(--spacing-xl);font-size:14px}.link-button:hover{transform:none}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-2);font-size:16px}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--text-3);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;border-radius:4px;text-decoration:none;z-index:1000}.skip-link:focus{top:6px}@media (prefers-contrast: high){.card{border-width:2px}.link-button{border:2px solid var(--color-primary)}}header{width:100%;height:64px;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top)}@media (max-width: 768px){header{min-height:56px}}.header-inner{max-width:var(--max-width, 1400px);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:48px}.logo{display:flex;align-items:center;font-size:22px;font-weight:700;color:var(--text-1);text-decoration:none;letter-spacing:-.5px;z-index:110}.nav-links{display:flex;gap:32px}.nav-links a{display:flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500;text-decoration:none;padding:6px 0;position:relative;font-size:15px;transition:color .2s}.nav-links a svg{width:16px;height:16px}.nav-links a:hover{color:var(--text-1)}.nav-links a.active{color:var(--text-1);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary);border-radius:2px}.header-right{display:flex;align-items:center;gap:16px}.search-bar{position:relative}.search-bar.search-bar--desktop{width:300px}.search-bar input{width:100%;height:36px;padding:0 16px 0 36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-1);color:var(--text-1);font-size:14px;transition:all .2s}.search-bar input::placeholder{color:var(--text-3)}.search-bar input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);width:16px;height:16px}.mobile-search-bar{position:absolute;top:100%;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--border);padding:12px 16px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-search-bar.mobile-search-bar--open{transform:translateY(0);opacity:1;visibility:visible}.mobile-search-bar .mobile-search-inner{position:relative;display:flex;align-items:center;max-width:var(--max-width, 1400px);margin:0 auto}.mobile-search-bar .mobile-search-inner .search-icon{position:absolute;left:12px;color:var(--text-3);width:16px;height:16px}.mobile-search-bar .mobile-search-inner input{flex:1;height:40px;padding:0 48px 0 36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-1);color:var(--text-1);font-size:16px}.mobile-search-bar .mobile-search-inner input::placeholder{color:var(--text-3)}.mobile-search-bar .mobile-search-inner input:focus{outline:none;border-color:var(--color-primary)}.mobile-search-bar .mobile-search-inner .mobile-search-close{position:absolute;right:12px;background:transparent;border:none;color:var(--text-2);padding:4px;cursor:pointer}.mobile-search-bar .mobile-search-inner .mobile-search-close svg{width:16px;height:16px}.mobile-search-toggle,.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;transition:all .2s}.mobile-search-toggle svg,.mobile-menu-toggle svg{width:18px;height:18px}.mobile-search-toggle:hover,.mobile-menu-toggle:hover{background:var(--bg-3);color:var(--text-1)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;transition:all .2s}.theme-toggle svg{width:18px;height:18px;transition:transform .3s ease}.theme-toggle:hover{background:var(--bg-3);color:var(--text-1)}.theme-toggle:hover svg{transform:rotate(12deg)}.theme-toggle:active svg{transform:scale(.9)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:105;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top)}.mobile-menu-overlay:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0}@media (max-width: 992px){.search-bar--desktop{width:240px}}@media (max-width: 768px){header{height:56px}.header-inner{padding:0 16px}.header-left{gap:24px}.nav-links{position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--bg-2);flex-direction:column;gap:0;padding:24px;transform:translate(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:106;border-top:1px solid var(--border)}.nav-links.nav-links--open{transform:translate(0);opacity:1;visibility:visible}.nav-links a{padding:16px 20px;font-size:16px;border-bottom:1px solid var(--border);background:var(--surface);margin:0 -24px 8px;border-radius:8px;transition:all .2s ease}.nav-links a:last-child{border-bottom:none;margin-bottom:0}.nav-links a:hover{background:var(--bg-3);color:var(--text-1)}.nav-links a.active:after{display:none}.nav-links a.active{background:var(--color-primary);color:#fff;font-weight:600}.nav-links a.active svg{color:#fff}.search-bar--desktop{display:none}.mobile-search-toggle,.mobile-menu-toggle{display:flex}.header-right{gap:8px}}@media (max-width: 480px){header{height:60px}.header-inner{padding:0 16px}.logo{font-size:21px;letter-spacing:-.3px}.nav-links{top:60px;padding:20px}.nav-links a{padding:14px 18px;font-size:16px;margin:0 -20px 6px}.nav-links a:hover{background:var(--bg-3)}.nav-links a.active{background:var(--color-primary);color:#fff;font-weight:600}.nav-links a.active svg{color:#fff}.mobile-search-bar{padding:10px 16px}.mobile-search-bar .mobile-search-inner input{height:42px;font-size:16px;padding:0 50px 0 40px}.mobile-search-bar .mobile-search-inner .search-icon{left:14px;width:18px;height:18px}.mobile-search-bar .mobile-search-close{right:14px}.mobile-search-bar .mobile-search-close svg{width:18px;height:18px}.mobile-search-toggle,.mobile-menu-toggle{width:40px;height:40px}.mobile-search-toggle svg,.mobile-menu-toggle svg{width:20px;height:20px}.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:20px;height:20px}.header-right{gap:10px}}@media (max-width: 430px){.header-inner{padding:0 14px}.logo{font-size:20px}.nav-links{padding:18px}.nav-links a{padding:12px 16px;font-size:15px;margin:0 -18px 5px}.mobile-search-bar{padding:8px 14px}.mobile-search-bar .mobile-search-inner input{height:40px;padding:0 48px 0 38px}.mobile-search-bar .mobile-search-inner .search-icon{left:12px;width:16px;height:16px}.mobile-search-bar .mobile-search-close{right:12px}.mobile-search-bar .mobile-search-close svg{width:16px;height:16px}.mobile-search-toggle,.mobile-menu-toggle,.theme-toggle{width:38px;height:38px}.mobile-search-toggle svg,.mobile-menu-toggle svg,.theme-toggle svg{width:18px;height:18px}.header-right{gap:8px}}@media (max-width: 376px){.header-inner{padding:0 12px}.logo{font-size:19px}.nav-links{padding:16px}.nav-links a{padding:11px 14px;font-size:14px;margin:0 -16px 4px}.mobile-search-bar{padding:6px 12px}.mobile-search-bar .mobile-search-inner input{height:38px;font-size:16px;padding:0 46px 0 36px}.mobile-search-toggle,.mobile-menu-toggle,.theme-toggle{width:36px;height:36px}.mobile-search-toggle svg,.mobile-menu-toggle svg,.theme-toggle svg{width:16px;height:16px}.header-right{gap:6px}}.coinsContainer{width:100%;background:var(--surface);border-radius:8px;border:1px solid var(--border);overflow:hidden}.coinsHeader{display:grid;grid-template-columns:60px minmax(200px,2fr) repeat(4,1fr) 100px;gap:16px;padding:16px 24px;background:var(--bg-2);border-bottom:1px solid var(--border)}.coinsHeader .headerItem{color:var(--text-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.coinsHeader .headerItem.right{text-align:right}.coinsHeader .headerItem:last-child{text-align:center}.coinsLineContainer{display:grid;grid-template-columns:60px minmax(200px,2fr) repeat(4,1fr) 100px;gap:16px;padding:16px 24px;align-items:center;border-bottom:1px solid var(--border);transition:all .15s ease}.coinsLineContainer:hover{background-color:var(--bg-2);cursor:pointer;transform:translate(2px)}.coinsLineContainer:last-child{border-bottom:none}.rank{font-size:14px;font-weight:600;color:var(--text-2)}.coinInfo{display:flex;align-items:center;gap:16px}.coinInfo .coinIcon{width:24px;height:24px;border-radius:50%;object-fit:contain;background:transparent;transition:transform .2s ease}.coinInfo .coinNameWrapper{display:flex;flex-direction:column;gap:2px}.coinInfo .coinNameWrapper .coinName{font-weight:600;color:var(--text-1);font-size:15px}.coinInfo .coinNameWrapper .coinSymbol{font-size:13px;color:var(--text-2);text-transform:uppercase;font-weight:500}.price{font-weight:600;color:var(--text-1);text-align:right;font-size:15px}.priceChange{text-align:right;font-weight:600;padding:4px 8px;border-radius:4px;font-size:14px}.priceChange.positive{color:var(--color-success)}.priceChange.negative{color:var(--color-danger)}.marketCap,.volume{color:var(--text-1);text-align:right;font-size:14px}.marketCap .label,.volume .label{display:none;color:var(--text-2);font-size:12px;margin-bottom:4px;font-weight:500}.favoriteButton{padding:8px;border:none;background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto}.favoriteButton svg{width:16px;height:16px}.favoriteButton:hover{color:var(--color-warning);background:#f3a8471a;transform:scale(1.1)}.favoriteButton.active{color:var(--color-warning);background:#f3a8471a}.coinCard{display:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.coinCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.coinCard .coinCard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.coinCard .coinCard-header .coinCard-info{display:flex;align-items:center;gap:12px}.coinCard .coinCard-header .coinCard-info .rank{background:var(--bg-2);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-2)}.coinCard .coinCard-header .coinCard-info .coinIcon{width:32px;height:32px}.coinCard .coinCard-header .coinCard-info .coinNameWrapper .coinName{font-size:16px;font-weight:600}.coinCard .coinCard-header .coinCard-info .coinNameWrapper .coinSymbol{font-size:13px}.coinCard .coinCard-header .favoriteButton{margin:0}.coinCard .coinCard-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.coinCard .coinCard-body .coinCard-item{display:flex;flex-direction:column;gap:4px}.coinCard .coinCard-body .coinCard-item .label{font-size:12px;color:var(--text-2);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.coinCard .coinCard-body .coinCard-item .value{font-size:14px;font-weight:600;color:var(--text-1)}.coinCard .coinCard-body .coinCard-item .value.price{font-size:16px}.coinCard .coinCard-body .coinCard-item .value.positive{color:var(--color-success)}.coinCard .coinCard-body .coinCard-item .value.negative{color:var(--color-danger)}.favoritesTable{min-width:280px;padding:24px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.favoritesTable h2{font-size:16px;margin-bottom:16px;color:var(--text-1)}.favoritesTable .favoCoin{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:var(--text-1);text-decoration:none;transition:background-color .15s ease}.favoritesTable .favoCoin:hover{background:var(--bg-2)}.favoritesTable .favoCoin .coinIcon{width:20px;height:20px;border-radius:50%;background:var(--bg-3)}@media (max-width: 1200px){.coinsHeader,.coinsLineContainer{grid-template-columns:60px minmax(180px,1.5fr) repeat(3,1fr) 100px}.volume{display:none}}@media (max-width: 992px){.coinsHeader,.coinsLineContainer{grid-template-columns:60px minmax(160px,1.5fr) repeat(2,1fr) 100px}.marketCap{display:none}}@media (max-width: 768px){.coinsContainer{border-radius:0;border-left:none;border-right:none;background:transparent}.coinsHeader,.coinsLineContainer{display:none}.coinCard{display:block}}@media (max-width: 576px){.coinCard{border-radius:8px;padding:12px;margin-bottom:8px}.coinCard .coinCard-header{margin-bottom:8px}.coinCard .coinCard-header .coinCard-info{gap:8px}.coinCard .coinCard-header .coinCard-info .coinIcon{width:28px;height:28px}.coinCard .coinCard-header .coinCard-info .coinNameWrapper .coinName{font-size:15px}.coinCard .coinCard-header .coinCard-info .coinNameWrapper .coinSymbol{font-size:12px}.coinCard .coinCard-body{gap:8px}.coinCard .coinCard-body .coinCard-item .label{font-size:11px}.coinCard .coinCard-body .coinCard-item .value{font-size:13px}.coinCard .coinCard-body .coinCard-item .value.price{font-size:15px}}.coin-detail{padding:32px 0}.coin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.coin-intro{display:flex;align-items:center;gap:16px}.coin-intro .coin-icon{width:40px;height:40px;border-radius:50%;object-fit:contain;background:transparent}.coin-intro .coin-title{display:flex;align-items:center;gap:8px}.coin-intro .coin-title h1{font-size:32px;font-weight:700;color:var(--text-1)}.coin-intro .coin-title .symbol{font-size:18px;color:var(--text-2);text-transform:uppercase;padding:4px 8px;background:var(--bg-2);border-radius:4px}.coin-price{text-align:right}.coin-price .price-tag{margin-bottom:8px}.coin-price .price-tag .label{font-size:14px;color:var(--text-2);display:block;margin-bottom:4px}.coin-price .price-tag h2{font-size:32px;font-weight:700;color:var(--text-1)}.coin-price .price-change{display:inline-block;padding:8px 12px;border-radius:8px;font-weight:600}.coin-price .price-change.positive{color:var(--color-success);background:#16c7841a}.coin-price .price-change.negative{color:var(--color-danger);background:#ea39431a}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.stat-card .stat-label{display:block;font-size:14px;color:var(--text-2);margin-bottom:8px}.stat-card .stat-value{font-size:20px;font-weight:600;color:var(--text-1)}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:32px}.chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-section .chart-header h3{font-size:18px;font-weight:600;color:var(--text-1)}.chart-section .chart-header .timeframe-selector{display:flex;gap:8px}.chart-section .chart-header .timeframe-selector .timeframe-button{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.chart-section .chart-header .timeframe-selector .timeframe-button:hover{border-color:var(--color-primary);color:var(--text-1)}.chart-section .chart-header .timeframe-selector .timeframe-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chart-section .chart-container{height:400px;position:relative}.markets-section{margin-bottom:32px}.markets-section h3{font-size:20px;font-weight:600;color:var(--text-1);margin-bottom:16px}.markets-section .markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.markets-section .market-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:border-color .2s ease}.markets-section .market-card:hover{border-color:var(--color-primary)}.markets-section .market-card .market-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.markets-section .market-card .market-header .exchange{font-weight:600;color:var(--text-1)}.markets-section .market-card .market-header .pair{color:var(--text-2);font-size:14px;padding:4px 8px;background:var(--bg-2);border-radius:4px}.markets-section .market-card .market-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.markets-section .market-card .market-stats .market-stat{display:flex;flex-direction:column;gap:4px}.markets-section .market-card .market-stats .market-stat:first-child{grid-column:1/-1}.markets-section .market-card .market-stats .market-stat .label{font-size:12px;color:var(--text-2)}.markets-section .market-card .market-stats .market-stat .value{font-weight:600;color:var(--text-1)}.info-section .info-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.info-section .info-card h3{font-size:20px;font-weight:600;color:var(--text-1);margin-bottom:16px}.info-section .info-card .info-content{color:var(--text-2);line-height:1.6}.info-section .info-card .info-content p{margin-bottom:16px}.info-section .info-card .link-button{display:inline-block;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:background-color .2s ease}.info-section .info-card .link-button:hover{background-color:#2d4cca}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-2)}@media (max-width: 992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.coin-header{flex-direction:column;gap:24px;align-items:flex-start}.coin-header .coin-price{text-align:left}}@media (max-width: 768px){.coin-detail{padding:16px 0}.coin-intro .coin-title h1{font-size:24px}.coin-intro .coin-title .symbol{font-size:14px}.coin-price .price-tag h2{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:16px}.chart-section{height:300px}.stat-card,.chart-section,.info-card{padding:16px}}@media (max-width: 576px){.content-wrapper{padding:0}.coin-detail{padding:16px}.coin-header{margin-bottom:24px;padding-bottom:24px}.coin-intro .coin-icon{width:32px;height:32px}.coin-intro .coin-title{gap:4px;flex-direction:column;align-items:flex-start}.coin-intro .coin-title h1{font-size:20px}}.top-10-layout{display:grid;grid-template-columns:400px 1fr;gap:24px;margin-bottom:32px}.pie-chart-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.pie-chart-section .chart-container{height:400px;width:100%;position:relative}.pie-chart-section .chart-container .chartjs-legend{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px 12px!important;margin-top:16px!important;padding:0!important}.pie-chart-section .chart-container .chartjs-legend li{margin:0!important;cursor:pointer;padding:6px 8px!important;border-radius:6px;transition:all .2s ease;font-size:13px!important}.pie-chart-section .chart-container .chartjs-legend li:hover{background:var(--bg-2);transform:translateY(-1px)}.pie-chart-section .chart-container .chartjs-legend li.hidden{opacity:.5}.top-10-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.coin-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.coin-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--color-primary)}.coin-card .coin-card-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-2)}.coin-card .coin-card-header .coin-info{display:flex;align-items:center;gap:12px}.coin-card .coin-card-header .coin-info .rank{font-size:14px;font-weight:700;color:var(--text-2);background:var(--bg-1);padding:4px 8px;border-radius:12px;min-width:28px;text-align:center}.coin-card .coin-card-header .coin-info .coin-icon{width:32px;height:32px;border-radius:50%;object-fit:contain;background:transparent;transition:transform .2s ease}.coin-card .coin-card-header .coin-info .coin-name{display:flex;flex-direction:column;gap:2px}.coin-card .coin-card-header .coin-info .coin-name .name{font-weight:600;color:var(--text-1);font-size:16px}.coin-card .coin-card-header .coin-info .coin-name .symbol{font-size:13px;color:var(--text-2);text-transform:uppercase;font-weight:500}.coin-card .coin-card-header .price-change{padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px}.coin-card .coin-card-header .price-change.positive{color:var(--color-success);background:#16c78426}.coin-card .coin-card-header .price-change.negative{color:var(--color-danger);background:#ea394326}.coin-card .coin-card-body{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coin-card .coin-card-body .price,.coin-card .coin-card-body .market-cap,.coin-card .coin-card-body .volume{display:flex;flex-direction:column;gap:6px;text-align:center}.coin-card .coin-card-body .price .label,.coin-card .coin-card-body .market-cap .label,.coin-card .coin-card-body .volume .label{font-size:12px;color:var(--text-2);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.coin-card .coin-card-body .price .value,.coin-card .coin-card-body .market-cap .value,.coin-card .coin-card-body .volume .value{font-size:15px;font-weight:600;color:var(--text-1)}.coin-card .coin-card-body .price .value{font-size:17px;color:var(--color-primary)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-2);font-size:16px}@media (max-width: 1200px){.top-10-layout{grid-template-columns:350px 1fr;gap:20px}.pie-chart-section{padding:20px}.pie-chart-section .chart-container{height:350px}}@media (max-width: 992px){.top-10-layout{grid-template-columns:1fr;gap:24px}.pie-chart-section .chart-container{height:300px}.pie-chart-section .chart-container .chartjs-legend{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:6px 8px!important}.pie-chart-section .chart-container .chartjs-legend li{padding:4px 6px!important;font-size:12px!important}.top-10-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.coin-card .coin-card-body{grid-template-columns:repeat(2,1fr);gap:12px}.coin-card .coin-card-body .volume{display:none}}@media (max-width: 768px){.content-wrapper{padding:0 16px}.page-header{padding:0;margin-bottom:20px}.page-header h1{font-size:24px}.page-header .subtitle{font-size:14px}.pie-chart-section{border-radius:8px;padding:16px}.pie-chart-section .chart-container{height:250px}.pie-chart-section .chart-container .chartjs-legend{grid-template-columns:repeat(2,1fr)!important;gap:4px 6px!important;margin-top:12px!important}.pie-chart-section .chart-container .chartjs-legend li{padding:3px 5px!important;font-size:11px!important;text-align:center}.top-10-grid{grid-template-columns:1fr;gap:12px}.coin-card{border-radius:8px}.coin-card .coin-card-header{padding:16px}.coin-card .coin-card-header .coin-info{gap:10px}.coin-card .coin-card-header .coin-info .rank{font-size:13px;padding:3px 6px}.coin-card .coin-card-header .coin-info .coin-icon{width:28px;height:28px}.coin-card .coin-card-header .coin-info .coin-name .name{font-size:15px}.coin-card .coin-card-header .coin-info .coin-name .symbol{font-size:12px}.coin-card .coin-card-header .price-change{padding:4px 8px;font-size:12px}.coin-card .coin-card-body{padding:16px;gap:10px}.coin-card .coin-card-body .price .label,.coin-card .coin-card-body .market-cap .label{font-size:11px}.coin-card .coin-card-body .price .value,.coin-card .coin-card-body .market-cap .value{font-size:14px}.coin-card .coin-card-body .price .value{font-size:16px}}@media (max-width: 576px){.content-wrapper{padding:0 12px}.page-header{margin-bottom:16px}.page-header h1{font-size:20px}.page-header .subtitle{font-size:13px}.pie-chart-section{padding:12px;border-radius:6px}.pie-chart-section .chart-container{height:200px}.pie-chart-section .chart-container .chartjs-legend{grid-template-columns:1fr!important;gap:2px!important;margin-top:8px!important}.pie-chart-section .chart-container .chartjs-legend li{padding:2px 4px!important;font-size:10px!important}.top-10-grid{gap:8px}.coin-card{border-radius:6px}.coin-card .coin-card-header{padding:12px}.coin-card .coin-card-header .coin-info{gap:8px}.coin-card .coin-card-header .coin-info .rank{font-size:12px;padding:2px 5px}.coin-card .coin-card-header .coin-info .coin-icon{width:24px;height:24px}.coin-card .coin-card-header .coin-info .coin-name .name{font-size:14px}.coin-card .coin-card-header .coin-info .coin-name .symbol{display:none}.coin-card .coin-card-header .price-change{padding:3px 6px;font-size:11px}.coin-card .coin-card-body{padding:12px;grid-template-columns:1fr 1fr;gap:8px}.coin-card .coin-card-body .price .label,.coin-card .coin-card-body .market-cap .label{font-size:10px}.coin-card .coin-card-body .price .value,.coin-card .coin-card-body .market-cap .value{font-size:13px}.coin-card .coin-card-body .price .value{font-size:15px}}.favorites-container{padding:var(--spacing-2xl)}@media (max-width: 768px){.favorites-container{padding:var(--spacing-lg)}}@media (max-width: 576px){.favorites-container{padding:var(--spacing-md)}}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}@media (max-width: 992px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}}@media (max-width: 768px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}}@media (max-width: 576px){.favorites-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}}.favorite-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-xl);text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.favorite-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 24px #0000001a}@media (max-width: 768px){.favorite-card{border-radius:8px;padding:var(--spacing-lg)}.favorite-card:hover{transform:translateY(-2px)}}@media (max-width: 576px){.favorite-card{padding:var(--spacing-md);border-radius:6px}.favorite-card:hover{transform:none}}.favorite-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.favorite-card-header{margin-bottom:var(--spacing-lg)}}@media (max-width: 576px){.favorite-card-header{margin-bottom:var(--spacing-md)}}.coin-info{display:flex;align-items:center;gap:var(--spacing-md)}.coin-info .coin-icon{width:32px;height:32px;border-radius:50%;object-fit:contain;background:transparent;transition:transform .2s ease}@media (max-width: 576px){.coin-info .coin-icon{width:28px;height:28px}}.coin-info .coin-name{display:flex;flex-direction:column;gap:2px}.coin-info .coin-name .name{font-weight:600;color:var(--text-1);font-size:clamp(14px,2.5vw,16px)}.coin-info .coin-name .symbol{font-size:13px;color:var(--text-2);text-transform:uppercase;font-weight:500}@media (max-width: 576px){.coin-info .coin-name .symbol{font-size:12px}}.remove-button{padding:var(--spacing-sm);border:none;background:transparent;color:var(--color-warning);cursor:pointer;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.remove-button:hover{transform:scale(1.1);background:#f3a8471a}.remove-button:focus{outline:2px solid var(--color-warning);outline-offset:2px}.remove-button svg{width:18px;height:18px}@media (max-width: 576px){.remove-button svg{width:16px;height:16px}}@media (max-width: 576px){.remove-button{padding:var(--spacing-xs);min-width:32px;min-height:32px}}.favorite-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.favorite-card-body .price{grid-column:1/-1;text-align:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border);margin-bottom:var(--spacing-sm)}@media (max-width: 576px){.favorite-card-body .price{padding:var(--spacing-sm) 0}}.favorite-card-body>div{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.favorite-card-body>div .label{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;font-weight:500}@media (max-width: 576px){.favorite-card-body>div .label{font-size:11px}}.favorite-card-body>div .value{font-weight:600;color:var(--text-1);font-size:clamp(13px,2vw,15px)}@media (max-width: 576px){.favorite-card-body{gap:var(--spacing-md)}}.price .value{font-size:clamp(16px,3vw,20px)!important;color:var(--color-primary)!important;font-weight:700!important}.price-change.positive .value{color:var(--color-success)!important}.price-change.positive .value:before{content:"↗ "}.price-change.negative .value{color:var(--color-danger)!important}.price-change.negative .value:before{content:"↘ "}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-4xl) var(--spacing-2xl);text-align:center;color:var(--text-2);background:var(--surface);border-radius:12px;border:1px solid var(--border);margin-top:var(--spacing-2xl);box-shadow:0 2px 8px #0000000d}.empty-state svg{color:var(--text-3);width:48px;height:48px}@media (max-width: 576px){.empty-state svg{width:40px;height:40px}}.empty-state h2{font-size:clamp(18px,3vw,24px);font-weight:600;color:var(--text-1);margin:0}.empty-state p{max-width:400px;line-height:1.6;font-size:clamp(14px,2.5vw,16px);margin:0}@media (max-width: 576px){.empty-state p{max-width:280px}}.empty-state .browse-link{margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s ease;font-size:15px;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.empty-state .browse-link:hover{background:#2d4cca;transform:translateY(-1px);box-shadow:0 4px 12px #3861fb4d;text-decoration:none;color:#fff}.empty-state .browse-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 576px){.empty-state .browse-link{padding:var(--spacing-md) var(--spacing-xl);font-size:14px}.empty-state .browse-link:hover{transform:none}}@media (max-width: 768px){.empty-state{padding:var(--spacing-3xl) var(--spacing-lg);margin-top:var(--spacing-xl);border-radius:8px}}@media (max-width: 576px){.empty-state{padding:var(--spacing-2xl) var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-lg);border-radius:6px}}:root{--color-primary: #3861fb;--color-primary-alpha: rgba(56, 97, 251, .2);--color-success: #16c784;--color-danger: #ea3943;--color-warning: #f3a847;--breakpoint-xs: 375px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--max-width: 1400px;--max-width-xl: 1200px;--max-width-lg: 960px;--max-width-md: 720px;--max-width-sm: 540px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--spacing-5xl: 64px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root.dark{--bg-1: #0b1426;--bg-2: #17253d;--bg-3: #1e3059;--surface: #0d1b36;--text-1: #f8fafd;--text-2: #a6b0c3;--text-3: #58667e;--border: #222531;--header-bg: #0b1426;--card-bg: #17253d;--hover-bg: #1e3059;color-scheme:dark}:root.light{--bg-1: #ffffff;--bg-2: #f8fafd;--bg-3: #eef2f6;--surface: #ffffff;--text-1: #000000;--text-2: #58667e;--text-3: #a6b0c3;--border: #eff2f5;--header-bg: #ffffff;--card-bg: #ffffff;--hover-bg: #f8fafd;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{min-height:100vh;background:var(--bg-1);color:var(--text-1);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--text-1)}h1{font-size:clamp(20px,4vw,28px)}h2{font-size:clamp(18px,3.5vw,24px)}h3{font-size:clamp(16px,3vw,20px)}h4{font-size:clamp(14px,2.5vw,18px)}h5{font-size:clamp(13px,2vw,16px)}h6{font-size:clamp(12px,1.8vw,14px)}p{line-height:1.6;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-2);background:var(--bg-2)}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--bg-1);color:var(--text-1);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-3)}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-primary{color:var(--color-primary)!important}.bg-success{background-color:var(--color-success)!important}.bg-danger{background-color:var(--color-danger)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-primary{background-color:var(--color-primary)!important}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-2xl)}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-1{flex:1}.d-grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-lg)}.mt-3{margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-lg)}.p-3{padding:var(--spacing-2xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}@media (hover: none) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio],.clickable{min-height:44px;min-width:44px}}@media (max-width: 1200px){:root{--max-width: var(--max-width-xl)}.container{max-width:var(--max-width-xl);padding:0 var(--spacing-xl)}}@media (max-width: 992px){:root{--max-width: var(--max-width-lg)}.container{max-width:var(--max-width-lg);padding:0 var(--spacing-lg)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{font-size:13px;--max-width: var(--max-width-md)}.container{max-width:var(--max-width-md);padding:0 var(--spacing-lg)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}.text-lg-mobile{font-size:16px}.text-md-mobile{font-size:14px}.text-sm-mobile{font-size:12px}}@media (max-width: 576px){:root{font-size:12px;--max-width: 100%}.container{max-width:100%;padding:0 var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}