*{margin:0;padding:0;box-sizing:border-box}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-color:#0f0f0f;color:#d1d5db}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#1a1a1a;padding:1.5rem 2rem;border-bottom:1px solid #2a2a2a}.app-header h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.app-header p{color:#9ca3af;font-size:.875rem}.app-content{display:flex;flex:1;overflow:hidden}.sidebar{width:300px;background-color:#1a1a1a;border-right:1px solid #2a2a2a;padding:1.5rem;overflow-y:auto}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.controls{margin-bottom:2rem}.crypto-selector{display:flex;flex-direction:column;gap:.5rem}.crypto-selector label{font-size:.875rem;font-weight:500;color:#9ca3af}.crypto-selector select{padding:.5rem;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:.375rem;color:#d1d5db;font-size:1rem;cursor:pointer}.crypto-selector select:hover{border-color:#4a4a4a}.crypto-selector select:focus{outline:none;border-color:#3b82f6}.price-legend{background-color:#1e1e1e;border:1px solid #2a2a2a;border-radius:.5rem;padding:1rem}.price-legend h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.price-list{display:flex;flex-direction:column;gap:.75rem}.price-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#2a2a2a;border-radius:.375rem}.price-label{font-weight:500;font-size:.875rem}.price-value{font-weight:600;font-size:.875rem;color:#d1d5db}.price-chart{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:.5rem;padding:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h2{font-size:1.25rem;font-weight:600}.connection-status{font-size:.875rem;padding:.25rem .75rem;border-radius:.375rem;font-weight:500}.connection-status.connected{color:#10b981;background-color:#10b9811a}.connection-status.disconnected{color:#ef4444;background-color:#ef44441a}.chart-container{width:100%;height:600px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}