.theme-switcher{display:flex;gap:8px;padding:4px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;box-shadow:0 2px 8px #0000001a}.theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease;opacity:.6}.theme-btn:hover{opacity:1;transform:scale(1.1)}.theme-btn.active{opacity:1;background:var(--tg-theme-button-color, #3390ec);box-shadow:0 2px 6px #00000026}.theme-btn:active{transform:scale(.95)}.theme-switcher-container{position:fixed;top:16px;right:16px;z-index:1000}@media (max-width: 768px){.theme-switcher{gap:6px;padding:3px}.theme-btn{width:32px;height:32px;font-size:16px}}:root:not(.telegram-web-app){--tg-theme-bg-color: var(--bg-color);--tg-theme-text-color: var(--text-color);--tg-theme-hint-color: var(--hint-color);--tg-theme-link-color: var(--link-color);--tg-theme-button-color: var(--button-color);--tg-theme-button-text-color: var(--button-text);--tg-theme-secondary-bg-color: var(--secondary-bg)}.app{min-height:100vh;padding:20px;background:var(--tg-theme-bg-color, var(--bg-color));color:var(--tg-theme-text-color, var(--text-color))}.container{max-width:1200px;margin:0 auto}.title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.spread-list{display:flex;flex-direction:column;gap:15px}.spread-card{background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:12px;padding:15px;cursor:pointer;transition:transform .2s}.spread-card:hover{transform:scale(1.02)}.spread-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ticker{font-size:18px;font-weight:700}.max-spread{font-size:20px;font-weight:700;color:#e74c3c}.spread-pairs{display:flex;flex-direction:column;gap:5px}.spread-pair{display:flex;justify-content:space-between;font-size:14px}.loading{text-align:center;padding:40px;font-size:18px}.error{text-align:center;padding:40px;color:#e74c3c;font-size:16px}.chart-container{margin-top:20px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:12px;padding:20px}.back-button{margin-bottom:20px;padding:10px 20px;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:8px;font-size:16px;cursor:pointer}.back-button:hover{opacity:.9}.comparison-header{margin-bottom:30px}.base-info{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:15px;padding:15px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:12px}.base-label{font-size:14px;color:var(--tg-theme-hint-color, var(--hint-color, #666))}.base-exchange{font-size:18px;font-weight:700;color:#2196f3}.base-price{font-size:18px;font-weight:700}.sort-controls{display:flex;gap:10px;margin-top:30px;margin-bottom:20px;justify-content:center}.sort-btn{padding:10px 20px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #e0e0e0) );border:2px solid transparent;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.sort-btn.active{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border-color:var(--tg-theme-button-color, #3390ec)}.comparison-table{background:var(--tg-theme-bg-color, var(--bg-color, #ffffff));border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.2fr 1fr 1.2fr;gap:10px;padding:15px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );font-weight:700;font-size:14px}.table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.2fr 1fr 1.2fr;gap:10px;padding:15px;border-bottom:1px solid var(--tg-theme-secondary-bg-color, var(--border-color, #e0e0e0));transition:background .2s}.table-row:hover{background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f9f9f9) )}.table-row.unavailable{opacity:.5}.col-exchange{display:flex;align-items:center;gap:8px}.exchange-name{font-weight:500}.exchange-name.clickable{cursor:pointer;color:var(--tg-theme-link-color, #3390ec);text-decoration:underline;text-decoration-style:dotted;transition:all .2s}.exchange-name.clickable:hover{color:var(--tg-theme-button-color, #2a7bc4);text-decoration-style:solid}.base-badge{background:#4caf50;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.col-price{font-weight:500}.col-volume{color:var(--tg-theme-hint-color, var(--hint-color, #666))}.col-deviation{font-weight:700}.deviation-value{padding:4px 8px;border-radius:4px;background:#0000000d}.unavailable-text{color:var(--tg-theme-hint-color, var(--hint-color, #999));font-style:italic}.info-footer{display:flex;justify-content:space-around;margin-top:20px;padding:15px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:12px}.info-item{display:flex;flex-direction:column;align-items:center;gap:5px}.info-label{font-size:12px;color:var(--tg-theme-hint-color, var(--hint-color, #666))}.info-value{font-size:18px;font-weight:700}.multi-exchange-chart{margin-top:20px}.chart-controls{display:flex;justify-content:center;margin-bottom:15px}.period-selector{display:flex;gap:10px}.period-btn{padding:8px 16px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #e0e0e0) );border:2px solid transparent;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.period-btn.active{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border-color:var(--tg-theme-button-color, #3390ec)}.chart-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:10px;padding:10px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:8px;cursor:pointer;transition:all .2s}.legend-item:hover{transform:scale(1.05)}.legend-item.disabled{opacity:.4}.legend-color{width:20px;height:20px;border-radius:4px}.legend-info{display:flex;flex-direction:column;gap:2px}.legend-name{font-size:12px;font-weight:700}.legend-price{font-size:11px;color:var(--tg-theme-hint-color, var(--hint-color, #666))}.chart-loading,.chart-error{text-align:center;padding:40px;font-size:16px}.chart-error{color:#e74c3c}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.5fr 1.2fr 1.2fr 1.2fr;gap:6px;font-size:11px;padding:8px}.col-price,.col-volume,.table-header .col-price,.table-header .col-volume{display:none}.base-info{flex-direction:column;text-align:center}.info-footer{flex-direction:column;gap:10px}.chart-legend{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.legend-item{padding:8px}.legend-name{font-size:11px}.legend-price{font-size:10px}}.home-page{padding-bottom:40px}.search-box{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--tg-theme-hint-color, #ddd);border-radius:10px;background:var(--tg-theme-secondary-bg-color, var(--secondary-bg, #fff));color:var(--tg-theme-text-color, #000);outline:none;transition:border-color .2s}.telegram-web-app .search-input{background:#232e3c!important;color:#fff!important;border-color:#2b3644!important}.search-input:focus{border-color:var(--tg-theme-button-color, #3390ec)}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:8px 16px;border:2px solid var(--tg-theme-hint-color, #ddd);border-radius:20px;background:var(--tg-theme-secondary-bg-color, var(--secondary-bg, #fff));color:var(--tg-theme-text-color, #000);font-size:14px;cursor:pointer;transition:all .2s}.telegram-web-app .filter-btn{background:#232e3c!important;color:#fff!important;border-color:#2b3644!important}.filter-btn:hover{background:var(--tg-theme-hint-color, var(--hint-color, #f0f0f0))}.filter-btn.active{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff);border-color:var(--tg-theme-button-color, #3390ec)}.stats{display:flex;justify-content:center;gap:30px;margin-bottom:25px;padding:15px;background:var( --tg-theme-secondary-bg-color, var(--secondary-bg, #f0f0f0) );border-radius:12px}.telegram-web-app .stats{background:#232e3c!important}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{font-size:13px;color:var(--tg-theme-hint-color, #999)}.stat-value{font-size:20px;font-weight:700;color:var(--tg-theme-text-color, #000)}.coins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.coin-card{background:var(--tg-theme-secondary-bg-color, var(--secondary-bg, #fff));border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;border:2px solid transparent}.telegram-web-app .coin-card{background:#232e3c!important}.coin-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--tg-theme-button-color, #3390ec)}.coin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.coin-name{font-size:20px;font-weight:700;color:var(--tg-theme-text-color, var(--text-color, #000))}.coin-pair{font-size:14px;font-weight:400;color:var(--tg-theme-hint-color, #999);margin-left:4px}.coin-deviation{padding:6px 12px;border-radius:8px;color:#fff;font-weight:700;font-size:16px}.coin-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.coin-stat{display:flex;justify-content:space-between;font-size:14px}.coin-stat .label{color:var(--tg-theme-hint-color, #999)}.coin-stat .value{font-weight:600;color:var(--tg-theme-text-color, var(--text-color, #000))}.coin-exchanges{display:flex;gap:6px;flex-wrap:wrap}.exchange-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;background:#3b82f620;color:var(--tg-theme-text-color, #000)}.exchange-badge.clickable{cursor:pointer;transition:all .2s}.exchange-badge.clickable:hover{transform:scale(1.1);opacity:.8;box-shadow:0 2px 8px #00000026}.exchange-badge.more{background:var(--tg-theme-hint-color, #ddd);color:var(--tg-theme-text-color, #666)}.empty-state{text-align:center;padding:60px 20px;color:var(--tg-theme-hint-color, #999)}.empty-state p{font-size:16px}@media (max-width: 768px){.coins-grid{grid-template-columns:1fr}.filters{gap:6px}.filter-btn{padding:6px 12px;font-size:12px}.stats{gap:15px}}.col-bid{color:#ef5350;font-weight:500;text-align:right}.col-ask{color:#26a69a;font-weight:500;text-align:right}.table-header .col-bid,.table-header .col-ask{color:var(--tg-theme-text-color, #000000);text-align:right}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--secondary-bg: #f0f0f0;--border-color: #e0e0e0;--button-color: #3390ec;--button-text: #ffffff;--link-color: #3390ec;--hint-color: #999999}:root[data-theme=dark]{--bg-color: #18222d;--text-color: #ffffff;--secondary-bg: #232e3c;--border-color: #2b3644;--button-color: #5288c1;--button-text: #ffffff;--link-color: #5ca3e6;--hint-color: #708499}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}html.telegram-web-app,html.telegram-web-app body,body.telegram-web-app,.telegram-web-app{background-color:#18222d!important;background:#18222d!important;color:#fff!important}html.telegram-web-app,html[data-theme=dark].telegram-web-app,:root.telegram-web-app{--tg-theme-bg-color: #18222d !important;--tg-theme-secondary-bg-color: #232e3c !important;--tg-theme-text-color: #ffffff !important;--tg-theme-hint-color: #708499 !important;--tg-theme-link-color: #5ca3e6 !important;--tg-theme-button-color: #5288c1 !important;--tg-theme-button-text-color: #ffffff !important;--bg-color: #18222d !important;--secondary-bg: #232e3c !important}.telegram-web-app #root{background:#18222d!important;min-height:100vh}.telegram-web-app .app{background:#18222d!important}#root{min-height:100vh}