.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:60px 20px}.container{max-width:700px;width:100%;display:flex;flex-direction:column;align-items:center}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:32px}.price-section{text-align:center;margin-bottom:40px}.price-main{font-size:48px;font-weight:200;color:#fff;line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums;transition:color .3s ease-out}.price-main.flash-green{color:#00ba7c}.price-main.flash-red{color:#f91880}.price-change{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px}.price-change.positive{color:var(--accent-green)}.price-change.negative{color:var(--accent-red)}.price-change .arrow{font-size:14px}.price-change .percent{font-weight:600}.price-change .label{color:var(--text-secondary)}.stats-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px}.stats-row .stat-label{font-size:13px;color:var(--text-tertiary)}.stats-row .stat-value{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-divider{color:var(--text-tertiary);font-size:10px}.chart-section{width:100%;margin-bottom:24px;min-height:250px}.chart-loading{display:flex;align-items:center;justify-content:center;height:250px}.loading-spinner.small{width:24px;height:24px;border-width:2px}.chart-tooltip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px}.tooltip-price{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.tooltip-time{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.time-tabs{display:flex;justify-content:flex-end;gap:4px;margin-top:12px}.time-tab{padding:4px 10px;border:none;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.time-tab:hover,.time-tab.active{color:var(--text-primary)}.blocks-section{width:100%;margin-bottom:24px;margin-top:16px;position:relative}.blocks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blocks-title{font-size:14px;font-weight:500;color:var(--text-secondary)}.blocks-toggle{background:transparent;border:none;padding:4px 8px;font-size:10px;color:var(--text-tertiary);cursor:pointer;transition:color .2s}.blocks-toggle:hover{color:var(--text-secondary)}.blocks-viewport{width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.blocks-track{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:0;padding:4px 0}.blocks-track.sliding{animation:slideBlocks .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideBlocks{0%{transform:translate(114px)}to{transform:translate(0)}}.block-wrapper{display:flex;align-items:center;flex-shrink:0}.block-item{flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;min-width:90px;text-align:center;transition:border-color .6s ease,box-shadow .6s ease;position:relative}.block-item.new-block{border-color:var(--accent-green);box-shadow:0 0 16px #00ba7c66;animation:blockGlow 1.5s ease-out}.block-connector{width:24px;height:2px;background:var(--border-color);flex-shrink:0;transition:background .6s ease}.block-wrapper:first-child .block-connector{display:none}.new-block+.block-connector{background:var(--accent-green)}.block-number{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px;font-variant-numeric:tabular-nums}.block-txs{font-size:10px;color:var(--text-tertiary)}.block-reward{font-size:9px;color:var(--accent-green);margin-top:2px;font-weight:500}@keyframes blockGlow{0%{box-shadow:0 0 20px #00ba7c99}to{box-shadow:0 0 #00ba7c00}}.section-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.exchanges-section{width:100%;margin-bottom:24px;margin-top:8px}.exchanges-box{border:1px solid var(--border-color);border-radius:12px;padding:16px 20px}.exchanges-columns{display:flex;gap:24px}.exchanges-column{flex:1}.exchanges-divider{width:1px;background:var(--border-color)}.exchanges-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.exchanges-list{display:flex;flex-direction:column;gap:8px}.exchange-item{display:flex;align-items:center;gap:8px;font-size:13px}.exchange-rank{color:var(--text-tertiary);font-size:11px;min-width:20px}.exchange-name{color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-volume{color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.exchanges-source{text-align:center;font-size:11px;color:var(--text-tertiary);margin-top:12px}.exchanges-source a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.exchanges-source a:hover{color:var(--text-primary)}.sentiment-section{width:100%;margin-bottom:24px;margin-top:8px}.sentiment-box{border:1px solid var(--border-color);border-radius:12px;padding:16px 20px}.sentiment-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.sentiment-item{display:flex;align-items:center;gap:8px;cursor:help;padding:4px 8px;border-radius:6px;transition:background .2s;position:relative}.sentiment-item:hover{background:var(--hover-bg)}.sentiment-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;font-size:12px;line-height:1.4;color:var(--text-secondary);width:320px;text-align:center;z-index:100;transition:opacity .2s,visibility .2s;pointer-events:none}.sentiment-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color)}.sentiment-item:hover .sentiment-tooltip{visibility:visible;opacity:1}.sentiment-label{font-size:14px;color:var(--text-tertiary)}.sentiment-value{font-size:14px;font-weight:600;color:var(--text-secondary)}.sentiment-value.positive{color:var(--accent-green)}.sentiment-value.negative{color:var(--accent-red)}.sentiment-value.sentiment-bullish{color:var(--accent-green)}.sentiment-value.sentiment-bearish{color:var(--accent-red)}.sentiment-value.sentiment-neutral{color:var(--text-secondary)}.sentiment-divider{color:var(--text-tertiary);font-size:10px}.sentiment-source{text-align:center;font-size:11px;color:var(--text-tertiary);margin-top:12px}.sentiment-source a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.sentiment-source a:hover{color:var(--text-primary)}.last-updated{text-align:center;font-size:13px;color:var(--text-tertiary)}.last-updated .dot{display:inline-block;width:8px;height:8px;background:var(--accent-green);border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.footer{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:24px}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--text-primary)}.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;animation:fadeIn .5s ease-out}.splash-text{font-size:28px;color:var(--text-secondary);font-weight:300;letter-spacing:.5px;text-align:center;line-height:1.4;max-width:90%;animation:fadeInUp .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:15px}.error{background:#f918801a;border:1px solid var(--accent-red);border-radius:12px;padding:16px;margin-bottom:24px;color:var(--accent-red);text-align:center;width:100%}@media (max-width: 768px){.sentiment-tooltip{width:280px}}@media (max-width: 480px){.app{padding:40px 16px}.price-main{font-size:36px}.logo-section svg{width:140px;height:auto}.stats-row{gap:8px}.stats-row .stat-label,.stats-row .stat-value{font-size:12px}.splash-text{font-size:20px}.chart-section{min-height:200px}.time-tabs{justify-content:center}.exchanges-box{padding:12px 14px}.exchanges-columns{flex-direction:column;gap:16px}.exchanges-divider{width:100%;height:1px}.exchanges-title{font-size:12px;margin-bottom:8px}.exchange-item{font-size:12px}.exchange-rank,.exchanges-source{font-size:10px}.sentiment-box{padding:12px 14px}.sentiment-row{gap:6px 12px}.sentiment-divider{display:none}.sentiment-item{padding:4px 6px;gap:6px}.sentiment-label,.sentiment-value{font-size:12px}.sentiment-source{font-size:10px}.sentiment-tooltip{width:calc(100vw - 40px);max-width:280px;left:auto;right:0;transform:none}.sentiment-item:first-child .sentiment-tooltip{left:0;right:auto}.sentiment-tooltip:after{left:auto;right:20px;transform:none}.sentiment-item:first-child .sentiment-tooltip:after{left:20px;right:auto}.block-item{padding:8px 10px;min-width:70px}.block-number{font-size:11px}.block-txs{font-size:9px}.block-reward{font-size:8px}.block-connector{width:16px}@keyframes slideBlocks{0%{transform:translate(86px)}to{transform:translate(0)}}}@media (max-width: 360px){.price-main{font-size:30px}.stats-row{flex-direction:column;gap:4px}.stat-divider{display:none}.price-change{font-size:15px}.sentiment-item{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #16181c;--bg-tertiary: #202327;--text-primary: #e7e9ea;--text-secondary: #71767b;--text-tertiary: #536471;--border-color: #2f3336;--accent-blue: #1d9bf0;--accent-green: #00ba7c;--accent-red: #f91880;--hover-bg: rgba(231, 233, 234, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}