.App{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.fear-greed-container{max-width:1400px;width:100%;background:#fffffff2;border-radius:20px;border:1px solid #e0e0e0;overflow:hidden}.app-header{background:#10b981;color:#fff;padding:20px 30px}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-content>div:first-child{text-align:left}.app-header h1{font-size:2rem;margin-bottom:5px;font-weight:700}.subtitle{font-size:.95rem;opacity:.9}.btc-price{text-align:right;background:#ffffff26;padding:12px 20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btc-price-label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.btc-price-value{font-size:1.8rem;font-weight:700;line-height:1}.content{padding:20px 30px;display:grid;grid-template-columns:1fr 1.8fr;gap:25px;align-items:stretch}.content-left,.content-right{display:flex;flex-direction:column}.gauge-container{background:#fff;border-radius:15px;padding:20px;border:1px solid #e0e0e0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.gauge-header{text-align:center;margin-bottom:15px}.gauge-header h2{font-size:1.4rem;color:#333;margin-bottom:5px}.update-time{color:#666;font-size:.9rem}.gauge-chart{position:relative;margin:20px 0}.gauge-needle-container{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:100%;height:120px;pointer-events:none}.gauge-needle{position:absolute;bottom:0;left:50%;width:4px;height:80px;background:#333;transform-origin:bottom center;transition:transform .5s ease-out;border-radius:2px;margin-left:-2px}.gauge-needle:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #333}.gauge-center-circle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;background:#333;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d;z-index:10}.gauge-value-top{text-align:center;margin:15px 0 10px;padding:15px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:12px}.value-number{font-size:3rem;font-weight:700;line-height:1}.value-classification{font-size:1.2rem;color:#666;margin-top:8px;font-weight:500}.gauge-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px;border-top:2px solid #f0f0f0}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:16px;height:16px;border-radius:3px}.legend-label{font-size:.8rem;color:#666;font-weight:500}.controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;background:#f8f9fa;border-radius:8px}.controls label{font-weight:600;color:#333;font-size:.9rem}.controls select{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s}.controls select:hover{border-color:#10b981}.controls select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.trend-container{background:#fff;border-radius:15px;padding:20px;border:1px solid #e0e0e0;height:100%;display:flex;flex-direction:column}.trend-header{text-align:center;margin-bottom:15px}.trend-header h2{font-size:1.4rem;color:#333;margin-bottom:10px}.trend-stats{display:flex;justify-content:center;gap:20px;margin-top:8px}.stat-item{display:flex;align-items:center;gap:5px}.stat-label{font-size:.85rem;color:#666;font-weight:500}.stat-value{font-size:1rem;font-weight:700}.stat-classification{font-size:.8rem;font-weight:500;opacity:.85}.trend-chart{margin:10px 0;flex:1;display:flex;align-items:center}.trend-zones{display:flex;justify-content:center;flex-wrap:nowrap;gap:15px;margin-top:15px;padding-top:15px;border-top:2px solid #f0f0f0;overflow-x:auto}.zone-label{font-size:.8rem;font-weight:600;white-space:nowrap}.custom-tooltip{background:#000c;padding:15px;border-radius:8px;border:none;box-shadow:0 4px 12px #0000004d}.tooltip-date{color:#fff;font-size:.9rem;margin-bottom:5px}.tooltip-value{font-size:1.1rem;margin-bottom:5px}.tooltip-classification{color:#ccc;font-size:.9rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:1.2rem;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center;padding:40px}.error-icon{font-size:4rem;margin-bottom:20px}.error-container h2{font-size:2rem;margin-bottom:15px}.error-container p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.retry-button{padding:12px 30px;font-size:1rem;font-weight:600;color:#10b981;background:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.retry-button:active{transform:translateY(0)}.app-footer{background:#f8f9fa;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-left,.footer-center,.footer-right{flex:1;min-width:200px}.footer-center{flex:2;min-width:550px}.footer-left{text-align:left}.footer-center{text-align:center;display:flex;justify-content:center}.footer-right{text-align:right;display:flex;justify-content:flex-end}.app-footer p{color:#666;margin:0}.app-footer a{color:#10b981;text-decoration:none;font-weight:600}.app-footer a:hover{text-decoration:underline}.language-switcher{display:flex;align-items:center;gap:8px}.lang-button{background:none;border:none;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .2s,background .2s}.lang-button:hover{color:#10b981;background:#10b9811a}.lang-button.active{color:#10b981;font-weight:700}.lang-separator{color:#ccc;font-size:.9rem}.refresh-button{padding:10px 20px;font-size:1rem;font-weight:600;color:#fff;background:#10b981;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.refresh-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.refresh-button:active{transform:translateY(0);background:#047857}@media(max-width:1200px){.content{grid-template-columns:1fr;gap:20px}.fear-greed-container{max-width:100%}}@media(max-width:992px){.app-header{padding:20px}.header-content{flex-direction:column;gap:15px}.header-content>div:first-child{text-align:center}.btc-price{text-align:center;width:100%}.app-header h1{font-size:1.75rem}.subtitle{font-size:.9rem}.content{padding:20px}.trend-stats{gap:15px}.footer-center{min-width:auto}}@media(max-width:768px){.App{padding:10px}.fear-greed-container{border-radius:15px}.app-header{padding:15px}.app-header h1{font-size:1.4rem;margin-bottom:5px}.subtitle{font-size:.8rem}.btc-price{padding:10px 15px}.btc-price-label{font-size:.7rem}.btc-price-value{font-size:1.5rem}.content{padding:15px;gap:15px}.gauge-container,.trend-container{padding:15px}.gauge-header h2,.trend-header h2{font-size:1.2rem}.value-number{font-size:2.5rem}.value-classification{font-size:1rem}.gauge-legend,.trend-zones{gap:8px;font-size:.75rem}.legend-label,.zone-label{font-size:.75rem}.legend-color{width:14px;height:14px}.trend-stats{gap:12px}.stat-label{font-size:.8rem}.stat-value{font-size:.95rem}.stat-classification{font-size:.75rem}.controls{flex-direction:column;gap:8px}.app-footer{flex-direction:column;gap:15px;padding:15px}.footer-left,.footer-center,.footer-right{text-align:center;justify-content:center;min-width:auto;width:100%;flex:1}.footer-left p{text-align:center;font-size:.85rem}.language-switcher{flex-wrap:wrap;gap:6px;justify-content:center}.lang-button{font-size:.8rem;padding:6px 10px}.lang-separator{font-size:.8rem}.refresh-button{font-size:.9rem;padding:10px 18px}}@media(max-width:480px){.App{padding:5px}.fear-greed-container{border-radius:10px}.app-header{padding:12px}.app-header h1{font-size:1.2rem}.subtitle{font-size:.75rem}.btc-price-value{font-size:1.3rem}.content{padding:10px;gap:12px}.gauge-container,.trend-container{padding:12px}.gauge-header h2,.trend-header h2{font-size:1.1rem}.value-number{font-size:2rem}.value-classification{font-size:.9rem}.trend-stats{flex-direction:column;gap:8px;align-items:center}.stat-item{gap:8px}.gauge-legend,.trend-zones{flex-wrap:wrap;gap:6px}.legend-label,.zone-label{font-size:.7rem}.legend-color{width:12px;height:12px}.language-switcher{gap:4px}.lang-button{font-size:.75rem;padding:5px 8px}.lang-separator{display:none}.app-footer{padding:12px;gap:12px}.footer-left p{font-size:.8rem}.refresh-button{font-size:.85rem;padding:8px 15px;width:100%}.trend-chart{min-height:250px}}@media(max-width:360px){.app-header h1{font-size:1.1rem}.value-number{font-size:1.8rem}.gauge-header h2,.trend-header h2{font-size:1rem}.stat-label,.stat-value{font-size:.85rem}.stat-classification{font-size:.7rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;color:#333}#root{min-height:100vh}