*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f5f5f5;width:100%;height:100%;overflow:hidden}.app{flex-direction:column;width:100%;height:100%;display:flex}.canvas-container{flex:1;min-height:0}.canvas-container svg{display:block}.controls{color:#333;background:#e8e8e8;border-top:1px solid #ccc;align-items:center;gap:12px;padding:8px 16px;font-family:Arial,sans-serif;font-size:14px;display:flex}.controls button{color:#333;cursor:pointer;background:#ddd;border:1px solid #999;border-radius:4px;padding:6px 16px;font-size:14px}.controls button:hover{background:#ccc}.controls select{color:#333;background:#ddd;border:1px solid #999;border-radius:4px;padding:4px 8px;font-size:14px}.controls input[type=range]{cursor:pointer;flex:1;min-width:100px}.year-label{text-align:center;min-width:40px;font-weight:700}