*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-card:#ffffff;--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#999999;--border-light:#e0e0e0;--border-medium:#cccccc;--positive:#00c851;--positive-bg:#e8f5e8;--positive-light:#4caf50;--positive-hover:#00b347;--negative:#ff4444;--negative-bg:#ffeaea;--negative-light:#f44336;--negative-hover:#e53935;--neutral:#6c757d;--neutral-bg:#f5f5f5;--neutral-light:#9e9e9e;--neutral-hover:#5a6268;--warning:#ffbb33;--warning-bg:#fff8e1;--warning-light:#ffa726;--warning-hover:#f57c00;--info:#33b5e5;--info-bg:#e3f2fd;--info-light:#42a5f5;--info-hover:#1e88e5;--primary:#2196f3;--primary-hover:#1976d2;--primary-light:#64b5f6;--accent:#ff9800;--accent-hover:#f57c00;--theme-toggle-bg:#f0f0f0;--theme-toggle-color:#333333;--theme-toggle-hover:#e0e0e0;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 2px 8px rgba(0,0,0,0.12);--shadow-lg:0 4px 16px rgba(0,0,0,0.15);--shadow-hover:0 6px 20px rgba(0,0,0,0.2);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:18px}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#656d76;--border-light:#30363d;--border-medium:#21262d;--positive:#238636;--positive-bg:#0d2818;--positive-light:#2ea043;--positive-hover:#2ea043;--negative:#da3633;--negative-bg:#2d1617;--negative-light:#f85149;--negative-hover:#f85149;--neutral:#8b949e;--neutral-bg:#21262d;--neutral-light:#b1bac4;--neutral-hover:#b1bac4;--warning:#d29922;--warning-bg:#2d2617;--warning-light:#f2cc60;--warning-hover:#f2cc60;--info:#1f6feb;--info-bg:#0c2d6b;--info-light:#58a6ff;--info-hover:#58a6ff;--primary:#1f6feb;--primary-hover:#58a6ff;--primary-light:#388bfd;--accent:#d29922;--accent-hover:#f2cc60;--theme-toggle-bg:#30363d;--theme-toggle-color:#f0f6fc;--theme-toggle-hover:#484f58;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 2px 8px rgba(0,0,0,0.5);--shadow-lg:0 4px 16px rgba(0,0,0,0.6);--shadow-hover:0 6px 20px rgba(0,0,0,0.7)}.token-item,button,input{transition:background-color var(--transition-fast),transform var(--transition-fast)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--font-md);line-height:1.4;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:100%;min-height:100vh;padding:0;display:flex;flex-direction:column}.add-token-section{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm)}.add-token-form{margin-bottom:var(--space-sm)}.search-input-group{display:flex;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.search-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(33,150,243,.2)}.token-input-wrapper{flex:1;position:relative}#tokenInput{width:100%;padding:var(--space-sm) var(--space-md);border:none;background:0 0;color:var(--text-primary);font-size:var(--font-md);outline:0}#tokenInput::placeholder{color:var(--text-muted)}.theme-btn-integrated{padding:var(--space-sm) var(--space-md);background:var(--theme-toggle-bg);color:var(--theme-toggle-color);border:none;border-left:1px solid var(--border-light);cursor:pointer;font-size:16px;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-width:48px;height:100%}.theme-btn-integrated:hover{background:var(--theme-toggle-hover);transform:scale(1.05)}.theme-btn-integrated:active{transform:scale(.95);transition:transform var(--transition-fast)}.theme-btn-integrated:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;box-shadow:inset 0 0 0 2px rgba(33,150,243,.2)}.header-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs);color:var(--text-secondary)}.token-count{font-weight:500}.version-badge{background:var(--info);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.theme-btn-floating{display:none}.theme-icon{display:inline-block;font-size:0;line-height:1}.theme-icon::before{content:"🌙";display:block;font-size:16px}[data-theme=light] .theme-icon::before{content:"🌙"}[data-theme=dark] .theme-icon::before{content:"☀️"}.token-list{flex:1;padding:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.token-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all .2s ease}.token-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.token-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.token-info{flex:1}.token-symbol{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin-bottom:2px}.token-name{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.token-actions{display:flex;gap:var(--space-xs)}.token-actions button{width:32px;height:32px;border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);transition:all .2s ease}.token-actions button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.analytics-btn{background:var(--info-bg)!important;color:var(--info)!important}.analytics-btn:hover{background:var(--info)!important;color:#fff!important}.strategy-btn{background:var(--warning-bg)!important;color:var(--warning)!important}.strategy-btn:hover{background:var(--warning)!important;color:#fff!important}.remove-btn{background:var(--negative-bg)!important;color:var(--negative)!important;font-size:var(--font-lg)}.remove-btn:hover{background:var(--negative)!important;color:#fff!important}.token-price{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-sm)}.price-futures,.price-spot{display:flex;flex-direction:column;gap:var(--space-xs)}.futures-price-container,.price-main{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.futures-icon{font-size:var(--font-sm);color:var(--warning)}.futures-price{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.futures-change-percent{font-weight:600}.futures-change-percent.positive{color:var(--positive)}.futures-change-percent.negative{color:var(--negative)}.futures-change,.price-change{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);font-weight:600}.change-percent.positive,.change-positive,.futures-change-positive{color:var(--positive)}.change-negative,.change-percent.negative,.futures-change-negative{color:var(--negative)}.change-neutral,.change-percent.neutral,.futures-change-neutral{color:var(--neutral)}.token-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);font-size:var(--font-xs)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.detail-value.high{color:var(--positive)}.detail-value.low{color:var(--negative)}.detail-value.volume-24h{color:var(--info)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--text-muted)}.empty-icon{margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{font-size:var(--font-sm);margin-bottom:var(--space-lg)}.version-badge-large{background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600}.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.footer{padding:var(--space-md);border-top:1px solid var(--border-light);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-sm)}.refresh-section{display:flex;justify-content:center}.refresh-btn{padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-xs);transition:background .2s ease}.refresh-btn:hover{background:var(--primary-hover)}.refresh-icon{width:14px;height:14px}.connection-status{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs);color:var(--text-muted)}.status-indicator{display:flex;align-items:center;gap:var(--space-xs)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--neutral)}.status-dot.connected{background:var(--positive)}.status-dot.connecting{background:var(--warning);animation:pulse 1.5s infinite}.status-dot.error{background:var(--negative)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.footer-links{display:flex;justify-content:center;gap:var(--space-md)}.footer-link{color:var(--text-muted);text-decoration:none;font-size:var(--font-xs);transition:color .2s ease}.footer-link:hover{color:var(--primary)}.token-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);max-height:300px;overflow:hidden;z-index:1000}.suggestions-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.suggestions-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.suggestions-close{background:0 0;border:none;color:var(--text-muted);font-size:16px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all .2s ease}.suggestions-close:hover{background:var(--bg-hover);color:var(--text-primary)}.suggestions-list{max-height:240px;overflow-y:auto}.suggestions-list::-webkit-scrollbar{width:4px}.suggestions-list::-webkit-scrollbar-track{background:0 0}.suggestions-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.suggestion-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .2s ease;display:flex;justify-content:space-between;align-items:center}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-item:last-child{border-bottom:none}.suggestion-symbol{font-weight:600;color:var(--text-primary)}.suggestion-type{font-size:var(--font-xs);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.suggestion-type.spot{background:var(--positive-bg);color:var(--positive)}.suggestion-type.futures{background:var(--warning-bg);color:var(--warning)}.suggestion-main{display:flex;flex-direction:column;gap:2px}.suggestion-pair{color:var(--text-muted);font-size:12px}.suggestion-type-badge{background:var(--primary);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:uppercase}.no-results{padding:var(--space-lg);text-align:center;color:var(--text-muted)}.no-results-icon{font-size:24px;margin-bottom:var(--space-xs);opacity:.5}.no-results-text{font-size:14px}.system-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;max-width:300px;z-index:10000}.error-icon{font-size:32px;margin-bottom:var(--space-md)}.error-message{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.error-details{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-lg)}.retry-btn{padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500}.analysis-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--space-md)}.analysis-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:100%;max-height:90vh;overflow-y:auto;width:100%}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.analysis-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.close-btn{width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:50%;cursor:pointer;font-size:var(--font-lg);color:var(--text-muted)}.close-btn:hover{background:var(--negative);color:#fff}.strategy-results{display:flex;flex-direction:column;gap:var(--space-md)}.result-section{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md)}.section-title{font-size:var(--font-md);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.overall-score{text-align:center;padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border-light)}.score-value{font-size:48px;font-weight:900;margin-bottom:var(--space-xs)}.score-positive{color:var(--positive);border-color:var(--positive);background:var(--positive-bg)}.score-negative{color:var(--negative);border-color:var(--negative);background:var(--negative-bg)}.score-neutral{color:var(--neutral);border-color:var(--neutral);background:var(--neutral-bg)}.score-direction{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-xs)}.score-confidence{font-size:var(--font-sm);color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.metric-item{text-align:center;padding:var(--space-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light)}.metric-value{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-xs);transition:color .2s ease}.metric-value.positive{color:var(--positive)}.metric-value.negative{color:var(--negative)}.metric-value.neutral{color:var(--neutral)}.metric-value.warning{color:var(--warning)}.metric-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-sm)}.recommendation-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:4px solid var(--info);background:var(--info-bg);font-size:var(--font-sm)}.recommendation-item.strong{border-left-color:var(--positive);background:var(--positive-bg)}.recommendation-item.warning{border-left-color:var(--warning);background:var(--warning-bg)}.recommendation-item.danger{border-left-color:var(--negative);background:var(--negative-bg)}@media (max-width:360px){.container{padding:0}.add-token-section{padding:var(--space-xs) var(--space-sm)}.token-list{padding:0 var(--space-sm)}.token-item{padding:var(--space-sm)}.token-price{grid-template-columns:1fr;gap:var(--space-sm)}.token-details{grid-template-columns:1fr 1fr}.token-actions{flex-wrap:wrap}.footer{padding:var(--space-sm)}}@media (max-height:500px) and (orientation:landscape){.container{min-height:100vh}.add-token-section{position:static;padding:var(--space-sm) var(--space-md)}.empty-state,.loading-state{padding:var(--space-md)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.analytics-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}[data-theme=dark]{scrollbar-color:var(--border-medium) var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-light)}[data-theme=light]{scrollbar-color:var(--border-light) var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-sm)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.theme-btn-floating:focus-visible,.theme-btn-integrated:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;box-shadow:inset 0 0 0 2px rgba(33,150,243,.2)}[data-theme=light] ::selection{background:rgba(33,150,243,.2);color:var(--text-primary)}[data-theme=dark] ::selection{background:rgba(88,166,255,.3);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{.footer,.theme-btn-floating,.token-actions{display:none!important}.container{max-width:none;box-shadow:none}}