*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5}.container{padding:0px}.chart-outer{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;overflow:hidden;padding:20px}.chart-container{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;margin-bottom:20px;display:flex;flex-direction:column;overflow:hidden}.chart{flex:1;display:flex;align-items:flex-end;gap:.5%;padding-bottom:30px;padding-left:20px;position:relative}.chart::after{content:"";position:absolute;left:0;bottom:30px;width:100%;height:1px;background-color:#ddd}.bar-container{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar{width:100%;background:#2196f3;border-radius:4px 4px 0 0;transition:height .1s ease-in-out;height:var(--height, 50%)}.bar:hover{background:#1976d2}.bar-label{position:absolute;bottom:0;transform:translateY(150%) rotate(-45deg);font-size:12px;white-space:nowrap;color:#666;margin-left:8px}.y-axis{position:absolute;left:0;top:0;bottom:30px;width:50px;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;color:#666;font-size:12px}.y-axis-label{transform:translateX(-50%) rotate(-45deg);margin-right:10px;text-align:right;white-space:nowrap}.slider-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.year-slider{width:100% !important;height:8px !important;border-radius:4px !important;background:#ddd !important;outline:none !important;margin:10px 0 !important}.year-slider::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:24px !important;height:24px !important;border-radius:50% !important;background:#2196f3 !important;cursor:pointer !important;box-shadow:0 2px 4px rgba(0,0,0,.2) !important;transition:background .2s}.year-slider::-webkit-slider-thumb:hover{background:#1976d2 !important}.year-slider::-moz-range-thumb{width:24px !important;height:24px !important;border-radius:50% !important;background:#2196f3 !important;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2) !important;transition:background .2s;border:none}.year-slider::-moz-range-thumb:hover{background:#1976d2}.year-display{text-align:center;font-size:1.2em;color:#333;margin-bottom:10px}.chart-title{font-family:"Bebas Neue",sans-serif;text-align:center;color:#333;margin-bottom:10px;position:absolute;left:50%;transform:translateX(-50%)}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;bottom:calc(100% + 1em)}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}